@wix/headless-bookings 0.0.97 → 0.0.99

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

@@ -6,6 +6,7 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 import { executeBookAction } from './book-action/bookAction.js';
+import { ClientServiceIds } from '../constants.js';
 // ============================================================================
 // Constants
 // ============================================================================
@@ -29,7 +30,7 @@ function getClientTimezone() {
 /**
  * Service definition for Booking
  */
-export const BookingServiceDefinition = defineService('booking');
+export const BookingServiceDefinition = defineService(ClientServiceIds.booking);
 // ============================================================================
 // Service Implementation
 // ============================================================================

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

@@ -7,3 +7,15 @@
 export declare const BOOKING_APP_ID = "13d21c63-b5ec-5912-8397-c3a5ddb27a97";
 /** Resource type ID for staff members */
 export declare const STAFF_MEMBER_RESOURCE_TYPE_ID = "1cd44cf8-756f-41c3-bd90-3e2ffcaf1155";
+export declare const ClientServiceIds: {
+    readonly booking: "booking";
+    readonly bookingForm: "bookingForm";
+    readonly timeSlot: "time-slot";
+    readonly timeSlotList: "time-slot-list";
+    readonly service: "service";
+    readonly serviceList: "service-list";
+    readonly payment: "payment";
+    readonly staffMemberList: "staff-member-list";
+    readonly locationList: "location-list";
+};
+export type ClientServiceId = (typeof ClientServiceIds)[keyof typeof ClientServiceIds];

package/cjs/dist/services/constants.js

@@ -7,3 +7,14 @@
 export const BOOKING_APP_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
 /** Resource type ID for staff members */
 export const STAFF_MEMBER_RESOURCE_TYPE_ID = '1cd44cf8-756f-41c3-bd90-3e2ffcaf1155';
+export const ClientServiceIds = {
+    booking: 'booking',
+    bookingForm: 'bookingForm',
+    timeSlot: 'time-slot',
+    timeSlotList: 'time-slot-list',
+    service: 'service',
+    serviceList: 'service-list',
+    payment: 'payment',
+    staffMemberList: 'staff-member-list',
+    locationList: 'location-list',
+};

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

@@ -223,6 +223,7 @@ export const ServiceListService = implementService.withConfig()(ServiceListServi
             const currentPaging = pagingMetadataSignal.peek();
             try {
                 isLoadingSignal.set(true);
+                servicesSignal.set([]);
                 errorSignal.set(null);
                 const result = await queryServices({
                     appId: queryOptions.appId,

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

@@ -3,6 +3,7 @@
  * Defines interfaces and service contract for time slot management
  */
 import { defineService } from '@wix/services-definitions';
+import { ClientServiceIds } from '../constants.js';
 // ============================================================================
 // Enums
 // ============================================================================
@@ -14,4 +15,4 @@ export var ViewMode;
 // ============================================================================
 // Service Definition
 // ============================================================================
-export const TimeSlotListServiceDefinition = defineService('time-slot-list');
+export const TimeSlotListServiceDefinition = defineService(ClientServiceIds.timeSlotList);

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

@@ -4,10 +4,11 @@
  */
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
+import { ClientServiceIds } from '../constants.js';
 /**
  * Service definition for TimeSlot
  */
-export const TimeSlotServiceDefinition = defineService('time-slot');
+export const TimeSlotServiceDefinition = defineService(ClientServiceIds.timeSlot);
 /**
  * Implementation of TimeSlotService
  */

package/dist/__mocks__/booking/booking-client-service.d.ts

@@ -0,0 +1,9 @@
+import type { Signal } from '@wix/services-definitions/core-services/signals';
+import type { BookingServiceConfig, BookingService } from '../../services/booking/booking.js';
+export declare function mockSignal<T>(initialValue: T): Signal<T>;
+export declare function createMockSignalsService(): {
+    signal: typeof mockSignal;
+    computed: <T>(fn: () => T) => Signal<T>;
+    effect: (fn: () => void) => void;
+};
+export declare function createMockBookingService(config?: Partial<BookingServiceConfig>): BookingService;

package/dist/__mocks__/booking/booking-client-service.js

@@ -0,0 +1,55 @@
+import { vi } from 'vitest';
+export function mockSignal(initialValue) {
+    let value = initialValue;
+    return {
+        get: () => value,
+        peek: () => value,
+        set: (newValue) => {
+            value = newValue;
+        },
+    };
+}
+export function createMockSignalsService() {
+    return {
+        signal: mockSignal,
+        // Re-evaluate the computed function on every get/peek (like real computed signals)
+        computed: (fn) => ({
+            get: () => fn(),
+            peek: () => fn(),
+            set: () => { }, // no-op for computed
+        }),
+        effect: vi.fn((fn) => {
+            fn();
+        }),
+    };
+}
+export function createMockBookingService(config = {}) {
+    const { serviceSelections = [], location = null, timezone = 'UTC', formSubmission = null, } = config;
+    const serviceSelectionsSignal = mockSignal(serviceSelections);
+    const locationSignal = mockSignal(location);
+    const timezoneSignal = mockSignal(timezone);
+    const formSubmissionSignal = mockSignal(formSubmission);
+    return {
+        serviceSelections: serviceSelectionsSignal,
+        location: locationSignal,
+        timezone: timezoneSignal,
+        formSubmission: formSubmissionSignal,
+        actions: {
+            updateItem: vi.fn(),
+            setItem: vi.fn(),
+            addItem: vi.fn(),
+            removeItem: vi.fn(),
+            clearItems: vi.fn(),
+            setResource: vi.fn(),
+            getResourceByType: vi.fn(),
+            clearResourceByType: vi.fn(),
+            setLocation: vi.fn(),
+            clearLocation: vi.fn(),
+            setTimezone: vi.fn(),
+            setFormSubmission: vi.fn(),
+            clearFormSubmission: vi.fn(),
+            clearAll: vi.fn(),
+            book: vi.fn(),
+        },
+    };
+}

package/dist/__mocks__/booking/booking-mocks.d.ts

@@ -0,0 +1,20 @@
+import type { FormValues } from '@wix/form-public';
+import type { Location } from '@wix/auto_sdk_bookings_services';
+import type { ServiceSelection, ServiceSelectionTimeSlot, ExtendedResource } from '../../services/booking/booking.js';
+export declare function createMockResource(overrides?: Partial<ExtendedResource>): ExtendedResource;
+export declare function createMockLocation(overrides?: Partial<Location>): Location;
+export declare const mockResource: ExtendedResource;
+export declare const mockResourceTwo: ExtendedResource;
+export declare const mockLocation: Location;
+export declare const mockLocationTwo: Location;
+export declare const mockTimezone = "America/New_York";
+export declare const mockTimeSlot: ServiceSelectionTimeSlot;
+export declare function createMockServiceSelectionTimeSlot(overrides?: Partial<ServiceSelectionTimeSlot>): ServiceSelectionTimeSlot;
+/**
+ * Creates a mock ServiceSelection with sensible defaults
+ */
+export declare function createMockServiceSelection(overrides?: Partial<ServiceSelection>): ServiceSelection;
+export declare const mockServiceSelection: ServiceSelection;
+export declare const mockServiceSelectionWithoutTimeSlot: ServiceSelection;
+export declare function createMockFormSubmission(overrides?: Partial<FormValues>): FormValues;
+export declare const mockFormSubmission: FormValues;

package/dist/__mocks__/booking/booking-mocks.js

@@ -0,0 +1,76 @@
+import { mockService } from '../services/services-mocks.js';
+export function createMockResource(overrides = {}) {
+    return {
+        _id: 'resource-1',
+        name: 'John Doe',
+        type: 'staff',
+        ...overrides,
+    };
+}
+export function createMockLocation(overrides = {}) {
+    return {
+        _id: 'location-1',
+        type: 'BUSINESS',
+        business: {
+            _id: 'location-1',
+            name: 'Main Office',
+        },
+        ...overrides,
+    };
+}
+export const mockResource = createMockResource();
+export const mockResourceTwo = createMockResource({
+    _id: 'resource-2',
+    name: 'Jane Smith',
+});
+export const mockLocation = createMockLocation();
+export const mockLocationTwo = createMockLocation({
+    _id: 'location-2',
+    business: {
+        _id: 'location-2',
+        name: 'Downtown Branch',
+    },
+});
+export const mockTimezone = 'America/New_York';
+export const mockTimeSlot = createMockServiceSelectionTimeSlot();
+export function createMockServiceSelectionTimeSlot(overrides = {}) {
+    return {
+        startDate: '2024-03-15T10:00:00Z',
+        endDate: '2024-03-15T11:00:00Z',
+        totalCapacity: 10,
+        remainingCapacity: 5,
+        scheduleId: 'schedule-123',
+        resources: [mockResource],
+        location: mockLocation,
+        ...overrides,
+    };
+}
+/**
+ * Creates a mock ServiceSelection with sensible defaults
+ */
+export function createMockServiceSelection(overrides = {}) {
+    return {
+        instanceId: 'instance-1',
+        service: mockService,
+        resources: [mockResource],
+        timeSlot: mockTimeSlot,
+        totalParticipants: 1,
+        ...overrides,
+    };
+}
+export const mockServiceSelection = createMockServiceSelection();
+export const mockServiceSelectionWithoutTimeSlot = createMockServiceSelection({
+    instanceId: 'instance-2',
+    resources: [],
+    timeSlot: undefined,
+});
+export function createMockFormSubmission(overrides = {}) {
+    return {
+        firstName: 'John',
+        lastName: 'Doe',
+        email: 'john.doe@example.com',
+        phone: '+1234567890',
+        ...overrides,
+    };
+}
+export const mockFormSubmission = createMockFormSubmission();

package/{cjs/dist/__mocks__/services.d.ts → dist/__mocks__/services/services-mocks.d.ts}

@@ -2,11 +2,11 @@
  * Shared mock data for booking service tests
  */
 import type { Service, StaffMember } from '@wix/auto_sdk_bookings_services';
-import type { ServiceServiceConfig } from '../services/service/service.js';
-import type { ServiceListServiceConfig } from '../services/service-list/service-list.js';
-import type { StaffMemberListServiceConfig } from '../services/staff-member-list/staff-member-list.js';
-import type { PagingMetadata } from '../api/query-services/index.js';
-import type { Category } from '../api/query-categories/index.js';
+import type { ServiceServiceConfig } from '../../services/service/service.js';
+import type { ServiceListServiceConfig } from '../../services/service-list/service-list.js';
+import type { StaffMemberListServiceConfig } from '../../services/staff-member-list/staff-member-list.js';
+import type { PagingMetadata } from '../../api/query-services/index.js';
+import type { Category } from '../../api/query-categories/index.js';
 /**
  * Base mock service with all fields populated (APPOINTMENT type, FIXED pricing)
  */
@@ -75,22 +75,10 @@ export declare function createLargeServiceList(count: number): Service[];
  * Mock categories for filter tests
  */
 export declare const mockCategories: Category[];
-/**
- * Empty categories array
- */
-export declare const mockEmptyCategories: Category[];
 /**
  * Service list config with categories for filter testing
  */
 export declare const mockServiceListConfigWithCategories: ServiceListServiceConfig;
-/**
- * Service list config with categories and hasNext for pagination + filter testing
- */
-export declare const mockServiceListConfigWithCategoriesAndMore: ServiceListServiceConfig;
-/**
- * Empty service list config with categories
- */
-export declare const mockEmptyServiceListConfigWithCategories: ServiceListServiceConfig;
 /**
  * Base mock staff member with all fields
  */

package/dist/__mocks__/{services.js → services/services-mocks.js}

@@ -2,7 +2,7 @@
  * Shared mock data for booking service tests
  */
 import { RateType, ServiceType } from '@wix/auto_sdk_bookings_services';
-import { BOOKING_APP_ID } from '../services/constants.js';
+import { BOOKING_APP_ID } from '../../services/constants.js';
 /**
  * Base mock service with all fields populated (APPOINTMENT type, FIXED pricing)
  */
@@ -320,10 +320,6 @@ export const mockCategories = [
         name: 'Beauty',
     },
 ];
-/**
- * Empty categories array
- */
-export const mockEmptyCategories = [];
 /**
  * Service list config with categories for filter testing
  */
@@ -335,28 +331,6 @@ export const mockServiceListConfigWithCategories = {
         pagingMetadata: mockPagingMetadata,
     },
 };
-/**
- * Service list config with categories and hasNext for pagination + filter testing
- */
-export const mockServiceListConfigWithCategoriesAndMore = {
-    services: mockServices,
-    categories: mockCategories,
-    options: {
-        appId: BOOKING_APP_ID,
-        pagingMetadata: mockPagingMetadataWithMore,
-    },
-};
-/**
- * Empty service list config with categories
- */
-export const mockEmptyServiceListConfigWithCategories = {
-    services: [],
-    categories: mockCategories,
-    options: {
-        appId: BOOKING_APP_ID,
-        pagingMetadata: mockPagingMetadataEmpty,
-    },
-};
 // ============================================================================
 // Staff Member Mocks
 // ============================================================================

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

@@ -0,0 +1,79 @@
+import { vi } from 'vitest';
+import type { TimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { TimeSlotListServiceAPI, TimeSlotListServiceConfig } from '../../services/time-slot-list/time-slot-list.def.js';
+import type { BookingService, BookingServiceConfig } from '../../services/booking/booking.js';
+import { Signal } from '@wix/services-definitions/core-services/signals';
+export type UnwrapSignal<T> = T extends Signal<infer U> ? U : T;
+export type UnwrapSignals<T> = {
+    [K in keyof T]: UnwrapSignal<T[K]>;
+};
+type TimeSlotListState = UnwrapSignals<Omit<TimeSlotListServiceAPI, 'actions'>>;
+/**
+ * Creates a mock TimeSlotListService
+ */
+export declare function createMockTimeSlotListService(options?: Partial<TimeSlotListState>): {
+    timeSlots: Signal<TimeSlot[]>;
+    hasMore: Signal<boolean>;
+    isLoading: Signal<boolean>;
+    error: Signal<string | null>;
+    dateRange: Signal<import("../../services/time-slot-list/time-slot-list.def.js").DateRange>;
+    actions: {
+        loadMore: import("vitest").Mock<(...args: any[]) => any>;
+        setDateRange: import("vitest").Mock<(...args: any[]) => any>;
+        selectSlot: import("vitest").Mock<(...args: any[]) => any>;
+        selectStaffMember: import("vitest").Mock<(...args: any[]) => any>;
+        clearStaffSelection: import("vitest").Mock<(...args: any[]) => any>;
+    };
+};
+export declare function createTimeSlotListService(overrides?: Partial<TimeSlotListServiceConfig>): {
+    service: TimeSlotListServiceAPI;
+    bookingService: BookingService;
+};
+/**
+ * Setup client service mocks for TimeSlot core component tests
+ * @param options - Optional configuration (timeSlot state + booking state)
+ */
+export declare function setupTimeSlotClientServiceMocks(options: Partial<{
+    timeSlot: TimeSlot;
+} & BookingServiceConfig> | undefined, mockUseService: ReturnType<typeof vi.fn>): {
+    timeSlotService: {
+        timeSlotSignal: Signal<TimeSlot>;
+    };
+    timeSlotListService: {
+        timeSlots: Signal<TimeSlot[]>;
+        hasMore: Signal<boolean>;
+        isLoading: Signal<boolean>;
+        error: Signal<string | null>;
+        dateRange: Signal<import("../../services/time-slot-list/time-slot-list.def.js").DateRange>;
+        actions: {
+            loadMore: import("vitest").Mock<(...args: any[]) => any>;
+            setDateRange: import("vitest").Mock<(...args: any[]) => any>;
+            selectSlot: import("vitest").Mock<(...args: any[]) => any>;
+            selectStaffMember: import("vitest").Mock<(...args: any[]) => any>;
+            clearStaffSelection: import("vitest").Mock<(...args: any[]) => any>;
+        };
+    };
+    bookingService: BookingService;
+};
+/**
+ * Setup client service mocks for TimeSlotList core component tests
+ * @param options - Optional configuration for the mock state (TimeSlotList + Booking)
+ */
+export declare function setupTimeSlotListClientServiceMocks(options: Partial<TimeSlotListState & BookingServiceConfig> | undefined, mockUseService: ReturnType<typeof vi.fn>): {
+    timeSlotListService: {
+        timeSlots: Signal<TimeSlot[]>;
+        hasMore: Signal<boolean>;
+        isLoading: Signal<boolean>;
+        error: Signal<string | null>;
+        dateRange: Signal<import("../../services/time-slot-list/time-slot-list.def.js").DateRange>;
+        actions: {
+            loadMore: import("vitest").Mock<(...args: any[]) => any>;
+            setDateRange: import("vitest").Mock<(...args: any[]) => any>;
+            selectSlot: import("vitest").Mock<(...args: any[]) => any>;
+            selectStaffMember: import("vitest").Mock<(...args: any[]) => any>;
+            clearStaffSelection: import("vitest").Mock<(...args: any[]) => any>;
+        };
+    };
+    bookingService: BookingService;
+};
+export {};

package/dist/__mocks__/time-slots/time-slots-client-service.js

@@ -0,0 +1,120 @@
+import { vi } from 'vitest';
+import { mockSignal, createMockBookingService, createMockSignalsService, } from '../booking/booking-client-service.js';
+import { mockTimeSlot as defaultTimeSlot, mockTimeSlots as defaultTimeSlots, createTimeSlotListConfig, } from './time-slots-mocks.js';
+import { ClientServiceIds } from '../../services/constants.js';
+import { TimeSlotListService } from '../../services/time-slot-list/time-slot-list.js';
+/**
+ * Creates a mock TimeSlotListService
+ */
+export function createMockTimeSlotListService(options = {}) {
+    const { timeSlots = defaultTimeSlots, hasMore = false, isLoading = false, error = null, dateRange = {
+        start: new Date('2024-01-15'),
+        end: new Date('2024-01-22'),
+    }, } = options;
+    const actions = {
+        loadMore: vi.fn(),
+        setDateRange: vi.fn(),
+        selectSlot: vi.fn(),
+        selectStaffMember: vi.fn(),
+        clearStaffSelection: vi.fn(),
+    };
+    return {
+        timeSlots: mockSignal(timeSlots),
+        hasMore: mockSignal(hasMore),
+        isLoading: mockSignal(isLoading),
+        error: mockSignal(error),
+        dateRange: mockSignal(dateRange),
+        actions,
+    };
+}
+export function createTimeSlotListService(overrides = {}) {
+    const config = createTimeSlotListConfig(overrides);
+    const mockBookingService = createMockBookingService();
+    const mockSignalsService = createMockSignalsService();
+    const getService = (definition) => {
+        const def = definition;
+        if (def.name === 'signals') {
+            return mockSignalsService;
+        }
+        if (def.name === 'booking') {
+            return mockBookingService;
+        }
+        throw new Error(`Unknown service: ${def.name}`);
+    };
+    const service = TimeSlotListService({
+        getService,
+        config,
+    });
+    return {
+        service,
+        bookingService: mockBookingService,
+    };
+}
+/**
+ * Setup client service mocks for TimeSlot core component tests
+ * @param options - Optional configuration (timeSlot state + booking state)
+ */
+export function setupTimeSlotClientServiceMocks(options = {}, mockUseService) {
+    const { timeSlot = defaultTimeSlot, ...bookingOptions } = options;
+    const timeSlotService = { timeSlotSignal: mockSignal(timeSlot) };
+    const timeSlotListService = createMockTimeSlotListService();
+    const bookingService = createMockBookingService(bookingOptions);
+    mockUseService.mockImplementation((def) => {
+        switch (def.id) {
+            case ClientServiceIds.timeSlot:
+                return timeSlotService;
+            case ClientServiceIds.timeSlotList:
+                return timeSlotListService;
+            case ClientServiceIds.booking:
+                return bookingService;
+            default:
+                return {};
+        }
+    });
+    return {
+        timeSlotService,
+        timeSlotListService,
+        bookingService,
+    };
+}
+// ============================================================================
+// TimeSlotList Client Service Mocks Setup
+// ============================================================================
+/**
+ * Setup client service mocks for TimeSlotList core component tests
+ * @param options - Optional configuration for the mock state (TimeSlotList + Booking)
+ */
+export function setupTimeSlotListClientServiceMocks(options = {}, mockUseService) {
+    const { 
+    // TimeSlotList state
+    timeSlots, hasMore, isLoading, error, dateRange, 
+    // Booking state
+    serviceSelections, location, timezone, formSubmission, } = options;
+    const timeSlotListService = createMockTimeSlotListService({
+        timeSlots,
+        hasMore,
+        isLoading,
+        error,
+        dateRange,
+    });
+    const bookingService = createMockBookingService({
+        serviceSelections,
+        location,
+        timezone,
+        formSubmission,
+    });
+    mockUseService.mockImplementation((def) => {
+        switch (def.id) {
+            case ClientServiceIds.timeSlotList:
+                return timeSlotListService;
+            case ClientServiceIds.booking:
+                return bookingService;
+            default:
+                return {};
+        }
+    });
+    return {
+        timeSlotListService,
+        bookingService,
+    };
+}

package/{cjs/dist/__mocks__/time-slots.d.ts → dist/__mocks__/time-slots/time-slots-core.d.ts}

@@ -1,34 +1,7 @@
 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;
-};
-export declare function createTimeSlot(overrides?: Partial<TimeSlot>): TimeSlot;
-export declare function createTimeSlots(count: number): TimeSlot[];
-export declare function createTimeSlotListConfig(overrides?: Partial<TimeSlotListServiceConfig>): TimeSlotListServiceConfig;
-export declare const mockTimeSlot: TimeSlot;
-export declare const mockTimeSlotMultipleStaff: TimeSlot;
-export declare const mockTimeSlotNotBookable: TimeSlot;
-export declare const mockTimeSlots: TimeSlot[];
-export declare const mockStartDate: Date;
-export declare const mockEndDate: Date;
-export declare const mockTimezone = "America/New_York";
-export declare const mockTimeSlotListConfig: TimeSlotListServiceConfig;
-export declare const mockEmptyTimeSlotListConfig: TimeSlotListServiceConfig;
-export declare const mockCursorPagingMetadataWithMore: {
-    cursors: {
-        next: string;
-    };
-};
-export declare const mockCursorPagingMetadataNoMore: {
-    cursors: {};
-};
-export declare function createMockTimeSlotListService(config?: Partial<TimeSlotListServiceConfig>): TimeSlotListServiceAPI;
+import type { StaffMemberData } from '../../react/time-slot-list/TimeSlot.js';
 export interface CoreTimeSlotMockConfig {
     timeSlot: TimeSlot;
     staffMembers: StaffMemberData[];