@wix/headless-bookings 0.0.83 → 0.0.85

package/cjs/dist/__mocks__/time-slots.d.ts

@@ -1,6 +1,9 @@
+import { vi } from 'vitest';
+import React from 'react';
 import type { TimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { TimeSlotListServiceConfig, TimeSlotListServiceAPI } from '../services/time-slot-list/time-slot-list.def.js';
 import type { BookingService } from '../services/booking/booking.js';
+import type { StaffMemberData } from '../react/time-slot-list/TimeSlot.js';
 export declare function createTimeSlotListService(overrides?: Partial<TimeSlotListServiceConfig>): {
     service: TimeSlotListServiceAPI;
     bookingService: BookingService;
@@ -26,3 +29,50 @@ export declare const mockCursorPagingMetadataNoMore: {
     cursors: {};
 };
 export declare function createMockTimeSlotListService(config?: Partial<TimeSlotListServiceConfig>): TimeSlotListServiceAPI;
+export interface CoreTimeSlotMockConfig {
+    timeSlot: TimeSlot;
+    staffMembers: StaffMemberData[];
+    selectTimeSlot: ReturnType<typeof vi.fn>;
+    clearStaffSelection: ReturnType<typeof vi.fn>;
+    selectStaffMember: ReturnType<typeof vi.fn>;
+}
+export declare function createCoreTimeSlotMock(config: CoreTimeSlotMockConfig): {
+    Root: import("vitest").Mock<({ children, config: cfg }: any) => import("react/jsx-runtime").JSX.Element>;
+    Info: import("vitest").Mock<({ children }: any) => any>;
+    Actions: import("vitest").Mock<({ children }: any) => any>;
+    StaffMembers: import("vitest").Mock<({ children }: any) => any>;
+    StaffMemberProvider: import("vitest").Mock<({ children, staffMember }: any) => import("react/jsx-runtime").JSX.Element>;
+    StaffMemberInfo: import("vitest").Mock<({ children }: any) => any>;
+    StaffMemberActions: import("vitest").Mock<({ children }: any) => any>;
+};
+export interface CoreTimeSlotListMockConfig {
+    timeSlots: TimeSlot[];
+    timezone?: string;
+    displayName?: string;
+    startDate?: Date;
+    endDate?: Date;
+}
+export declare function createCoreTimeSlotListMock(config?: CoreTimeSlotListMockConfig): {
+    Root: import("vitest").Mock<({ children }: any) => import("react/jsx-runtime").JSX.Element>;
+    Timezone: import("vitest").Mock<({ children }: any) => any>;
+    ListData: import("vitest").Mock<({ children }: any) => any>;
+    DateRange: import("vitest").Mock<({ children }: any) => any>;
+};
+export declare function createCoreTimeSlotInfoMock(timeSlot?: TimeSlot): {
+    Root: import("vitest").Mock<({ children, config: cfg }: any) => import("react/jsx-runtime").JSX.Element>;
+    Info: import("vitest").Mock<({ children }: any) => any>;
+};
+declare const GenericListContext: React.Context<{
+    items: any[];
+} | null>;
+export declare function createGenericListMock(): {
+    GenericList: {
+        Root: import("vitest").Mock<({ children, items, className, ...props }: any) => import("react/jsx-runtime").JSX.Element>;
+        Items: import("vitest").Mock<({ children, emptyState }: any) => any>;
+        Repeater: import("vitest").Mock<({ itemWrapper, children }: any) => import("react/jsx-runtime").JSX.Element | null>;
+        Actions: {
+            LoadMore: import("vitest").Mock<({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element>;
+        };
+    };
+};
+export { GenericListContext };

package/cjs/dist/__mocks__/time-slots.js

@@ -1,4 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { vi } from 'vitest';
+import React from 'react';
 import { TimeSlotListService } from '../services/time-slot-list/time-slot-list.js';
 import { createMockBookingService, createMockSignalsService, mockSignal, } from './booking.js';
 export function createTimeSlotListService(overrides = {}) {
@@ -115,3 +117,96 @@ export function createMockTimeSlotListService(config = {}) {
         dispose: vi.fn(),
     };
 }
+export function createCoreTimeSlotMock(config) {
+    const { timeSlot, staffMembers, selectTimeSlot, clearStaffSelection, selectStaffMember, } = config;
+    const startDate = new Date(timeSlot.localStartDate);
+    const endDate = new Date(timeSlot.localEndDate);
+    const durationInMinutes = Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 60));
+    return {
+        Root: vi.fn(({ children, config: cfg }) => (_jsx("div", { "data-timeslot-id": cfg.timeSlot.scheduleId, children: children }))),
+        Info: vi.fn(({ children }) => children({
+            startDate,
+            endDate,
+            durationInMinutes,
+            locationName: timeSlot.location?.name ?? '',
+            bookable: timeSlot.bookable ?? false,
+            isSelected: false,
+            timeSlot,
+        })),
+        Actions: vi.fn(({ children }) => children({
+            selectTimeSlot,
+            clearStaffSelection,
+            timeSlot,
+            bookable: timeSlot.bookable ?? false,
+            isSelected: false,
+        })),
+        StaffMembers: vi.fn(({ children }) => children({ staffMembers, selectStaffMember: vi.fn() })),
+        StaffMemberProvider: vi.fn(({ children, staffMember }) => (_jsx("div", { "data-staff-id": staffMember.id, children: children }))),
+        StaffMemberInfo: vi.fn(({ children }) => children({
+            name: staffMembers[0]?.name ?? '',
+            isSelected: false,
+            staffMember: staffMembers[0],
+        })),
+        StaffMemberActions: vi.fn(({ children }) => children({
+            selectStaffMember,
+            isSelected: false,
+            staffMember: staffMembers[0],
+        })),
+    };
+}
+export function createCoreTimeSlotListMock(config = { timeSlots: mockTimeSlots }) {
+    const { timeSlots, timezone = 'America/New_York', displayName = 'Eastern Standard Time', startDate = new Date('2024-01-15'), endDate = new Date('2024-01-22'), } = config;
+    return {
+        Root: vi.fn(({ children }) => _jsx(_Fragment, { children: children })),
+        Timezone: vi.fn(({ children }) => children({ timezone, displayName })),
+        ListData: vi.fn(({ children }) => children({
+            timeSlots,
+            hasMore: false,
+            isLoading: false,
+            error: null,
+            loadMore: vi.fn(),
+            hasSelectedTimeSlot: false,
+        })),
+        DateRange: vi.fn(({ children }) => children({
+            startDate,
+            endDate,
+            setDateRange: vi.fn(),
+        })),
+    };
+}
+export function createCoreTimeSlotInfoMock(timeSlot = mockTimeSlot) {
+    return {
+        Root: vi.fn(({ children, config: cfg }) => (_jsx("div", { "data-timeslot-id": cfg.timeSlot.scheduleId, children: children }))),
+        Info: vi.fn(({ children }) => children({
+            startDate: new Date(timeSlot.localStartDate),
+            endDate: new Date(timeSlot.localEndDate),
+            durationInMinutes: 60,
+            locationName: timeSlot.location?.name ?? '',
+            bookable: timeSlot.bookable ?? false,
+            isSelected: false,
+            timeSlot,
+        })),
+    };
+}
+const GenericListContext = React.createContext(null);
+export function createGenericListMock() {
+    return {
+        GenericList: {
+            Root: vi.fn(({ children, items, className, ...props }) => (_jsx(GenericListContext.Provider, { value: { items }, children: _jsx("div", { className: className, ...props, children: children }) }))),
+            Items: vi.fn(({ children, emptyState }) => {
+                const ctx = React.useContext(GenericListContext);
+                return ctx?.items?.length ? _jsx("div", { children: children }) : emptyState || null;
+            }),
+            Repeater: vi.fn(({ itemWrapper, children }) => {
+                const ctx = React.useContext(GenericListContext);
+                if (!ctx?.items?.length)
+                    return null;
+                return (_jsx(_Fragment, { children: ctx.items.map((item, i) => itemWrapper({ item, index: i, children })) }));
+            }),
+            Actions: {
+                LoadMore: vi.fn(({ children, ...props }) => (_jsx("button", { ...props, children: children }))),
+            },
+        },
+    };
+}
+export { GenericListContext };

package/cjs/dist/react/core/service-list/ServiceList.d.ts

@@ -49,7 +49,7 @@ export interface ServicesRenderProps {
     /** Whether more services can be loaded */
     hasMore: boolean;
     /** Function to load more services */
-    loadMore: (count: number) => Promise<void>;
+    loadMore: (count?: number) => Promise<void>;
 }
 /**
  * Component that provides services list data through render props.

package/cjs/dist/react/service-list/ServiceList.d.ts

@@ -15,8 +15,6 @@ export interface ServiceListRootProps {
     serviceListConfig?: ServiceListServiceConfig;
     className?: string;
     variant?: ListVariant;
-    /** Number of items to load per page. Defaults to config limit or 100 */
-    pageSize?: number;
 }
 /**
  * Root component that provides the ServiceList service context for rendering services lists.

package/cjs/dist/react/service-list/ServiceList.js

@@ -10,10 +10,6 @@ import { ServiceListServiceDefinition } from '../../services/service-list/servic
 import * as CoreServiceList from '../core/service-list/ServiceList.js';
 import * as CoreServiceListFilter from '../core/service-list/ServiceListFilter.js';
 import * as Service from '../service/Service.js';
-/**
- * Booking app ID constant
- */
-const BOOKING_APP_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
 var TestIds;
 (function (TestIds) {
     TestIds["serviceListRoot"] = "service-list-root";
@@ -46,40 +42,21 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, serviceListConfig, className, variant, pageSize } = props;
-    const serviceConfig = serviceListConfig || {
-        services: [],
-        options: {
-            appId: BOOKING_APP_ID,
-            pagingMetadata: {
-                limit: 0,
-                offset: 0,
-                hasNext: false,
-            },
-        },
-    };
-    // Calculate effective page size: prop > config limit > default
-    const effectivePageSize = pageSize ??
-        serviceListConfig?.options?.pagingMetadata?.limit ??
-        DEFAULT_PAGE_SIZE;
-    return (_jsx(CoreServiceList.Root, { serviceListConfig: serviceConfig, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, pageSize: effectivePageSize, children: children }) }));
+    const { children, serviceListConfig = {}, className, variant } = props;
+    return (_jsx(CoreServiceList.Root, { serviceListConfig: serviceListConfig, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
 });
 Root.displayName = 'ServiceList.Root';
-/**
- * Default page size for load more
- */
-const DEFAULT_PAGE_SIZE = 100;
 /**
  * Internal component to handle the Root content with service access
  */
 const RootContent = React.forwardRef((props, ref) => {
-    const { children, className, variant, pageSize = DEFAULT_PAGE_SIZE } = props;
+    const { children, className, variant } = props;
     return (_jsx(CoreServiceList.Services, { children: ({ services: servicesList, isLoading, hasMore, loadMore, error }) => {
             const items = servicesList.map((service) => ({
                 ...service,
                 id: service._id,
             }));
-            return (_jsx(GenericList.Root, { items: items, loadMore: () => loadMore(pageSize), hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.serviceListRoot, variant: variant, children: children }));
+            return (_jsx(GenericList.Root, { items: items, loadMore: () => loadMore(), hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.serviceListRoot, variant: variant, children: children }));
         } }));
 });
 /**

package/cjs/dist/react/time-slot-list/TimeSlot.d.ts

@@ -33,6 +33,18 @@ export interface RootProps {
  * ```
  */
 export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
+export declare enum TestIds {
+    timeSlotStartDate = "time-slot-start-date",
+    timeSlotEndDate = "time-slot-end-date",
+    timeSlotDuration = "time-slot-duration",
+    timeSlotActionSelect = "time-slot-action-select",
+    timeSlotActionClearStaffSelection = "time-slot-action-clear-staff-selection",
+    timeSlotLocationName = "time-slot-location-name",
+    timeSlotStaffMembers = "time-slot-staff-members",
+    timeSlotStaffMember = "time-slot-staff-member",
+    timeSlotStaffMemberName = "time-slot-staff-member-name",
+    timeSlotStaffMemberActionSelect = "time-slot-staff-member-action-select"
+}
 /**
  * Props for TimeSlot.StartDate component
  */

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

@@ -31,7 +31,7 @@ Root.displayName = 'TimeSlot.Root';
 // ============================================================================
 // TestIds
 // ============================================================================
-var TestIds;
+export var TestIds;
 (function (TestIds) {
     TestIds["timeSlotStartDate"] = "time-slot-start-date";
     TestIds["timeSlotEndDate"] = "time-slot-end-date";

package/cjs/dist/react/time-slot-list/TimeSlotList.d.ts

@@ -8,6 +8,18 @@ import { AsChildChildren } from '@wix/headless-utils/react';
 import type { TimeSlot as TimeSlotType } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { TimeSlotListServiceConfig } from '../../services/time-slot-list/time-slot-list.def.js';
 export type { StartDateProps as TimeSlotStartDateProps, EndDateProps as TimeSlotEndDateProps, DurationProps as TimeSlotDurationProps, SelectProps as TimeSlotSelectProps, LocationNameProps as TimeSlotLocationNameProps, StaffMembersProps as TimeSlotStaffMembersProps, StaffMemberRepeaterProps as TimeSlotStaffMemberRepeaterProps, StaffMemberNameProps as TimeSlotStaffMemberNameProps, SelectStaffMemberProps as TimeSlotSelectStaffMemberProps, ClearStaffSelectionProps as TimeSlotClearStaffSelectionProps, } from './TimeSlot.js';
+/**
+ * TimeSlot with required id field for GenericList
+ */
+export declare enum TestIds {
+    timeSlotListRoot = "time-slot-list-root",
+    timeSlotListTimeSlots = "time-slot-list-time-slots",
+    timeSlotListTimeSlot = "time-slot-list-time-slot",
+    timeSlotListTimezone = "time-slot-list-timezone",
+    timeSlotListLoadMore = "time-slot-list-load-more",
+    timeSlotListContinue = "time-slot-list-continue",
+    timeSlotListDateRangeInput = "time-slot-list-date-range-input"
+}
 /**
  * Render props for TimeSlotList.Timezone component
  */

package/cjs/dist/react/time-slot-list/TimeSlotList.js

@@ -21,7 +21,7 @@ function toISODateString(date) {
 /**
  * TimeSlot with required id field for GenericList
  */
-var TestIds;
+export var TestIds;
 (function (TestIds) {
     TestIds["timeSlotListRoot"] = "time-slot-list-root";
     TestIds["timeSlotListTimeSlots"] = "time-slot-list-time-slots";

package/cjs/dist/services/service-list/service-list.d.ts

@@ -24,7 +24,7 @@ export interface ServiceListServiceConfig {
  * Actions object for service list operations
  */
 export interface ServiceListActions {
-    loadMore: (count: number) => Promise<void>;
+    loadMore: (count?: number) => Promise<void>;
     setQueryOptions: (options: QueryOptions) => void;
     setFilter: (filter: Filter) => void;
     resetFilter: () => void;

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

@@ -256,7 +256,6 @@ export const ServiceListService = implementService.withConfig()(ServiceListServi
         const nextPaging = {
             limit: count || DEFAULT_QUERY_LIMIT,
             offset: nextOffset,
-            hasNext: false, // Will be updated after query
         };
         // Get effective filter from computed signal (includes location from BookingService)
         const effectiveFilter = effectiveFilterSignal.get();

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

@@ -4,6 +4,12 @@
  */
 import type { Service } from '@wix/auto_sdk_bookings_services';
 import { type TimeSlotListServiceConfig, type TimeSlotsFilters } from './time-slot-list.def.js';
+import { TimeSlot } from '@wix/auto_sdk_bookings_event-time-slots';
+/**
+ * Helper to get staff member name from time slots by ID
+ * @internal - exported for testing
+ */
+export declare const getStaffName: (staffMemberId: string, slots: TimeSlot[]) => string | undefined;
 export declare const TimeSlotListService: import("@wix/services-definitions").ServiceFactory<string & {
     __api: import("./time-slot-list.def.js").TimeSlotListServiceAPI;
     __config: {};

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

@@ -16,7 +16,11 @@ const getClientTimezone = () => {
         ? Intl.DateTimeFormat().resolvedOptions().timeZone
         : undefined;
 };
-const getStaffName = (staffMemberId, slots) => {
+/**
+ * Helper to get staff member name from time slots by ID
+ * @internal - exported for testing
+ */
+export const getStaffName = (staffMemberId, slots) => {
     return (slots
         .flatMap((slot) => slot.availableResources[0].resources)
         .find((r) => r._id === staffMemberId)?.name ?? undefined);

package/dist/__mocks__/time-slots.d.ts

@@ -1,6 +1,9 @@
+import { vi } from 'vitest';
+import React from 'react';
 import type { TimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { TimeSlotListServiceConfig, TimeSlotListServiceAPI } from '../services/time-slot-list/time-slot-list.def.js';
 import type { BookingService } from '../services/booking/booking.js';
+import type { StaffMemberData } from '../react/time-slot-list/TimeSlot.js';
 export declare function createTimeSlotListService(overrides?: Partial<TimeSlotListServiceConfig>): {
     service: TimeSlotListServiceAPI;
     bookingService: BookingService;
@@ -26,3 +29,50 @@ export declare const mockCursorPagingMetadataNoMore: {
     cursors: {};
 };
 export declare function createMockTimeSlotListService(config?: Partial<TimeSlotListServiceConfig>): TimeSlotListServiceAPI;
+export interface CoreTimeSlotMockConfig {
+    timeSlot: TimeSlot;
+    staffMembers: StaffMemberData[];
+    selectTimeSlot: ReturnType<typeof vi.fn>;
+    clearStaffSelection: ReturnType<typeof vi.fn>;
+    selectStaffMember: ReturnType<typeof vi.fn>;
+}
+export declare function createCoreTimeSlotMock(config: CoreTimeSlotMockConfig): {
+    Root: import("vitest").Mock<({ children, config: cfg }: any) => import("react/jsx-runtime").JSX.Element>;
+    Info: import("vitest").Mock<({ children }: any) => any>;
+    Actions: import("vitest").Mock<({ children }: any) => any>;
+    StaffMembers: import("vitest").Mock<({ children }: any) => any>;
+    StaffMemberProvider: import("vitest").Mock<({ children, staffMember }: any) => import("react/jsx-runtime").JSX.Element>;
+    StaffMemberInfo: import("vitest").Mock<({ children }: any) => any>;
+    StaffMemberActions: import("vitest").Mock<({ children }: any) => any>;
+};
+export interface CoreTimeSlotListMockConfig {
+    timeSlots: TimeSlot[];
+    timezone?: string;
+    displayName?: string;
+    startDate?: Date;
+    endDate?: Date;
+}
+export declare function createCoreTimeSlotListMock(config?: CoreTimeSlotListMockConfig): {
+    Root: import("vitest").Mock<({ children }: any) => import("react/jsx-runtime").JSX.Element>;
+    Timezone: import("vitest").Mock<({ children }: any) => any>;
+    ListData: import("vitest").Mock<({ children }: any) => any>;
+    DateRange: import("vitest").Mock<({ children }: any) => any>;
+};
+export declare function createCoreTimeSlotInfoMock(timeSlot?: TimeSlot): {
+    Root: import("vitest").Mock<({ children, config: cfg }: any) => import("react/jsx-runtime").JSX.Element>;
+    Info: import("vitest").Mock<({ children }: any) => any>;
+};
+declare const GenericListContext: React.Context<{
+    items: any[];
+} | null>;
+export declare function createGenericListMock(): {
+    GenericList: {
+        Root: import("vitest").Mock<({ children, items, className, ...props }: any) => import("react/jsx-runtime").JSX.Element>;
+        Items: import("vitest").Mock<({ children, emptyState }: any) => any>;
+        Repeater: import("vitest").Mock<({ itemWrapper, children }: any) => import("react/jsx-runtime").JSX.Element | null>;
+        Actions: {
+            LoadMore: import("vitest").Mock<({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element>;
+        };
+    };
+};
+export { GenericListContext };

package/dist/__mocks__/time-slots.js

@@ -1,4 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { vi } from 'vitest';
+import React from 'react';
 import { TimeSlotListService } from '../services/time-slot-list/time-slot-list.js';
 import { createMockBookingService, createMockSignalsService, mockSignal, } from './booking.js';
 export function createTimeSlotListService(overrides = {}) {
@@ -115,3 +117,96 @@ export function createMockTimeSlotListService(config = {}) {
         dispose: vi.fn(),
     };
 }
+export function createCoreTimeSlotMock(config) {
+    const { timeSlot, staffMembers, selectTimeSlot, clearStaffSelection, selectStaffMember, } = config;
+    const startDate = new Date(timeSlot.localStartDate);
+    const endDate = new Date(timeSlot.localEndDate);
+    const durationInMinutes = Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 60));
+    return {
+        Root: vi.fn(({ children, config: cfg }) => (_jsx("div", { "data-timeslot-id": cfg.timeSlot.scheduleId, children: children }))),
+        Info: vi.fn(({ children }) => children({
+            startDate,
+            endDate,
+            durationInMinutes,
+            locationName: timeSlot.location?.name ?? '',
+            bookable: timeSlot.bookable ?? false,
+            isSelected: false,
+            timeSlot,
+        })),
+        Actions: vi.fn(({ children }) => children({
+            selectTimeSlot,
+            clearStaffSelection,
+            timeSlot,
+            bookable: timeSlot.bookable ?? false,
+            isSelected: false,
+        })),
+        StaffMembers: vi.fn(({ children }) => children({ staffMembers, selectStaffMember: vi.fn() })),
+        StaffMemberProvider: vi.fn(({ children, staffMember }) => (_jsx("div", { "data-staff-id": staffMember.id, children: children }))),
+        StaffMemberInfo: vi.fn(({ children }) => children({
+            name: staffMembers[0]?.name ?? '',
+            isSelected: false,
+            staffMember: staffMembers[0],
+        })),
+        StaffMemberActions: vi.fn(({ children }) => children({
+            selectStaffMember,
+            isSelected: false,
+            staffMember: staffMembers[0],
+        })),
+    };
+}
+export function createCoreTimeSlotListMock(config = { timeSlots: mockTimeSlots }) {
+    const { timeSlots, timezone = 'America/New_York', displayName = 'Eastern Standard Time', startDate = new Date('2024-01-15'), endDate = new Date('2024-01-22'), } = config;
+    return {
+        Root: vi.fn(({ children }) => _jsx(_Fragment, { children: children })),
+        Timezone: vi.fn(({ children }) => children({ timezone, displayName })),
+        ListData: vi.fn(({ children }) => children({
+            timeSlots,
+            hasMore: false,
+            isLoading: false,
+            error: null,
+            loadMore: vi.fn(),
+            hasSelectedTimeSlot: false,
+        })),
+        DateRange: vi.fn(({ children }) => children({
+            startDate,
+            endDate,
+            setDateRange: vi.fn(),
+        })),
+    };
+}
+export function createCoreTimeSlotInfoMock(timeSlot = mockTimeSlot) {
+    return {
+        Root: vi.fn(({ children, config: cfg }) => (_jsx("div", { "data-timeslot-id": cfg.timeSlot.scheduleId, children: children }))),
+        Info: vi.fn(({ children }) => children({
+            startDate: new Date(timeSlot.localStartDate),
+            endDate: new Date(timeSlot.localEndDate),
+            durationInMinutes: 60,
+            locationName: timeSlot.location?.name ?? '',
+            bookable: timeSlot.bookable ?? false,
+            isSelected: false,
+            timeSlot,
+        })),
+    };
+}
+const GenericListContext = React.createContext(null);
+export function createGenericListMock() {
+    return {
+        GenericList: {
+            Root: vi.fn(({ children, items, className, ...props }) => (_jsx(GenericListContext.Provider, { value: { items }, children: _jsx("div", { className: className, ...props, children: children }) }))),
+            Items: vi.fn(({ children, emptyState }) => {
+                const ctx = React.useContext(GenericListContext);
+                return ctx?.items?.length ? _jsx("div", { children: children }) : emptyState || null;
+            }),
+            Repeater: vi.fn(({ itemWrapper, children }) => {
+                const ctx = React.useContext(GenericListContext);
+                if (!ctx?.items?.length)
+                    return null;
+                return (_jsx(_Fragment, { children: ctx.items.map((item, i) => itemWrapper({ item, index: i, children })) }));
+            }),
+            Actions: {
+                LoadMore: vi.fn(({ children, ...props }) => (_jsx("button", { ...props, children: children }))),
+            },
+        },
+    };
+}
+export { GenericListContext };

package/dist/react/core/service-list/ServiceList.d.ts

@@ -49,7 +49,7 @@ export interface ServicesRenderProps {
     /** Whether more services can be loaded */
     hasMore: boolean;
     /** Function to load more services */
-    loadMore: (count: number) => Promise<void>;
+    loadMore: (count?: number) => Promise<void>;
 }
 /**
  * Component that provides services list data through render props.

package/dist/react/service-list/ServiceList.d.ts

@@ -15,8 +15,6 @@ export interface ServiceListRootProps {
     serviceListConfig?: ServiceListServiceConfig;
     className?: string;
     variant?: ListVariant;
-    /** Number of items to load per page. Defaults to config limit or 100 */
-    pageSize?: number;
 }
 /**
  * Root component that provides the ServiceList service context for rendering services lists.

package/dist/react/service-list/ServiceList.js

@@ -10,10 +10,6 @@ import { ServiceListServiceDefinition } from '../../services/service-list/servic
 import * as CoreServiceList from '../core/service-list/ServiceList.js';
 import * as CoreServiceListFilter from '../core/service-list/ServiceListFilter.js';
 import * as Service from '../service/Service.js';
-/**
- * Booking app ID constant
- */
-const BOOKING_APP_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
 var TestIds;
 (function (TestIds) {
     TestIds["serviceListRoot"] = "service-list-root";
@@ -46,40 +42,21 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, serviceListConfig, className, variant, pageSize } = props;
-    const serviceConfig = serviceListConfig || {
-        services: [],
-        options: {
-            appId: BOOKING_APP_ID,
-            pagingMetadata: {
-                limit: 0,
-                offset: 0,
-                hasNext: false,
-            },
-        },
-    };
-    // Calculate effective page size: prop > config limit > default
-    const effectivePageSize = pageSize ??
-        serviceListConfig?.options?.pagingMetadata?.limit ??
-        DEFAULT_PAGE_SIZE;
-    return (_jsx(CoreServiceList.Root, { serviceListConfig: serviceConfig, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, pageSize: effectivePageSize, children: children }) }));
+    const { children, serviceListConfig = {}, className, variant } = props;
+    return (_jsx(CoreServiceList.Root, { serviceListConfig: serviceListConfig, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
 });
 Root.displayName = 'ServiceList.Root';
-/**
- * Default page size for load more
- */
-const DEFAULT_PAGE_SIZE = 100;
 /**
  * Internal component to handle the Root content with service access
  */
 const RootContent = React.forwardRef((props, ref) => {
-    const { children, className, variant, pageSize = DEFAULT_PAGE_SIZE } = props;
+    const { children, className, variant } = props;
     return (_jsx(CoreServiceList.Services, { children: ({ services: servicesList, isLoading, hasMore, loadMore, error }) => {
             const items = servicesList.map((service) => ({
                 ...service,
                 id: service._id,
             }));
-            return (_jsx(GenericList.Root, { items: items, loadMore: () => loadMore(pageSize), hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.serviceListRoot, variant: variant, children: children }));
+            return (_jsx(GenericList.Root, { items: items, loadMore: () => loadMore(), hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.serviceListRoot, variant: variant, children: children }));
         } }));
 });
 /**

package/dist/react/time-slot-list/TimeSlot.d.ts

@@ -33,6 +33,18 @@ export interface RootProps {
  * ```
  */
 export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
+export declare enum TestIds {
+    timeSlotStartDate = "time-slot-start-date",
+    timeSlotEndDate = "time-slot-end-date",
+    timeSlotDuration = "time-slot-duration",
+    timeSlotActionSelect = "time-slot-action-select",
+    timeSlotActionClearStaffSelection = "time-slot-action-clear-staff-selection",
+    timeSlotLocationName = "time-slot-location-name",
+    timeSlotStaffMembers = "time-slot-staff-members",
+    timeSlotStaffMember = "time-slot-staff-member",
+    timeSlotStaffMemberName = "time-slot-staff-member-name",
+    timeSlotStaffMemberActionSelect = "time-slot-staff-member-action-select"
+}
 /**
  * Props for TimeSlot.StartDate component
  */

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

@@ -31,7 +31,7 @@ Root.displayName = 'TimeSlot.Root';
 // ============================================================================
 // TestIds
 // ============================================================================
-var TestIds;
+export var TestIds;
 (function (TestIds) {
     TestIds["timeSlotStartDate"] = "time-slot-start-date";
     TestIds["timeSlotEndDate"] = "time-slot-end-date";

package/dist/react/time-slot-list/TimeSlotList.d.ts

@@ -8,6 +8,18 @@ import { AsChildChildren } from '@wix/headless-utils/react';
 import type { TimeSlot as TimeSlotType } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { TimeSlotListServiceConfig } from '../../services/time-slot-list/time-slot-list.def.js';
 export type { StartDateProps as TimeSlotStartDateProps, EndDateProps as TimeSlotEndDateProps, DurationProps as TimeSlotDurationProps, SelectProps as TimeSlotSelectProps, LocationNameProps as TimeSlotLocationNameProps, StaffMembersProps as TimeSlotStaffMembersProps, StaffMemberRepeaterProps as TimeSlotStaffMemberRepeaterProps, StaffMemberNameProps as TimeSlotStaffMemberNameProps, SelectStaffMemberProps as TimeSlotSelectStaffMemberProps, ClearStaffSelectionProps as TimeSlotClearStaffSelectionProps, } from './TimeSlot.js';
+/**
+ * TimeSlot with required id field for GenericList
+ */
+export declare enum TestIds {
+    timeSlotListRoot = "time-slot-list-root",
+    timeSlotListTimeSlots = "time-slot-list-time-slots",
+    timeSlotListTimeSlot = "time-slot-list-time-slot",
+    timeSlotListTimezone = "time-slot-list-timezone",
+    timeSlotListLoadMore = "time-slot-list-load-more",
+    timeSlotListContinue = "time-slot-list-continue",
+    timeSlotListDateRangeInput = "time-slot-list-date-range-input"
+}
 /**
  * Render props for TimeSlotList.Timezone component
  */

package/dist/react/time-slot-list/TimeSlotList.js

@@ -21,7 +21,7 @@ function toISODateString(date) {
 /**
  * TimeSlot with required id field for GenericList
  */
-var TestIds;
+export var TestIds;
 (function (TestIds) {
     TestIds["timeSlotListRoot"] = "time-slot-list-root";
     TestIds["timeSlotListTimeSlots"] = "time-slot-list-time-slots";

package/dist/services/service-list/service-list.d.ts

@@ -24,7 +24,7 @@ export interface ServiceListServiceConfig {
  * Actions object for service list operations
  */
 export interface ServiceListActions {
-    loadMore: (count: number) => Promise<void>;
+    loadMore: (count?: number) => Promise<void>;
     setQueryOptions: (options: QueryOptions) => void;
     setFilter: (filter: Filter) => void;
     resetFilter: () => void;

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

@@ -256,7 +256,6 @@ export const ServiceListService = implementService.withConfig()(ServiceListServi
         const nextPaging = {
             limit: count || DEFAULT_QUERY_LIMIT,
             offset: nextOffset,
-            hasNext: false, // Will be updated after query
         };
         // Get effective filter from computed signal (includes location from BookingService)
         const effectiveFilter = effectiveFilterSignal.get();

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

@@ -4,6 +4,12 @@
  */
 import type { Service } from '@wix/auto_sdk_bookings_services';
 import { type TimeSlotListServiceConfig, type TimeSlotsFilters } from './time-slot-list.def.js';
+import { TimeSlot } from '@wix/auto_sdk_bookings_event-time-slots';
+/**
+ * Helper to get staff member name from time slots by ID
+ * @internal - exported for testing
+ */
+export declare const getStaffName: (staffMemberId: string, slots: TimeSlot[]) => string | undefined;
 export declare const TimeSlotListService: import("@wix/services-definitions").ServiceFactory<string & {
     __api: import("./time-slot-list.def.js").TimeSlotListServiceAPI;
     __config: {};

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

@@ -16,7 +16,11 @@ const getClientTimezone = () => {
         ? Intl.DateTimeFormat().resolvedOptions().timeZone
         : undefined;
 };
-const getStaffName = (staffMemberId, slots) => {
+/**
+ * Helper to get staff member name from time slots by ID
+ * @internal - exported for testing
+ */
+export const getStaffName = (staffMemberId, slots) => {
     return (slots
         .flatMap((slot) => slot.availableResources[0].resources)
         .find((r) => r._id === staffMemberId)?.name ?? undefined);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "7fa81f5218dd51980197cbe9bf05b91eab8366054720f76d7bc9d839"
+  "falconPackageHash": "b386a6976f3f900e07276420a47b689690f92ec0e7d855efc476cefe"
 }