@wix/headless-bookings 0.0.8 → 0.0.10

package/cjs/dist/react/core/booking/Booking.d.ts

@@ -3,8 +3,8 @@
  * Provides low-level access to BookingService via render props and service setup
  */
 import React from 'react';
-import { type BookingServiceConfig } from '../../../services/booking/booking.js';
-import type { services, availabilityTimeSlots } from '@wix/bookings';
+import { type BookingServiceConfig, type ServiceSelection } from '../../../services/booking/booking.js';
+import type { availabilityTimeSlots } from '@wix/bookings';
 /**
  * Props for Booking.Root component
  */
@@ -33,7 +33,7 @@ export declare function Root(props: RootProps): React.ReactNode;
  */
 export interface DataProps {
     children: (data: {
-        selectedServices: services.Service[];
+        selectedServices: ServiceSelection[];
         selectedTimeSlot: availabilityTimeSlots.TimeSlot | null;
     }) => React.ReactNode;
 }
@@ -47,7 +47,7 @@ export interface DataProps {
  * <Booking.Data>
  *   {({ selectedServices }) => (
  *     selectedServices.length > 0 ? (
- *       <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *       <div>{selectedServices.map(s => s.service.name).join(', ')}</div>
  *     ) : (
  *       <div>No services selected</div>
  *     )

package/cjs/dist/react/core/booking/Booking.js

@@ -30,7 +30,7 @@ export function Root(props) {
  * <Booking.Data>
  *   {({ selectedServices }) => (
  *     selectedServices.length > 0 ? (
- *       <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *       <div>{selectedServices.map(s => s.service.name).join(', ')}</div>
  *     ) : (
  *       <div>No services selected</div>
  *     )
@@ -41,8 +41,8 @@ export function Root(props) {
 export function Data(props) {
     const { children } = props;
     const bookingService = useService(BookingServiceDefinition);
-    const selectedServices = bookingService.selectedServices.get();
-    const selectedTimeSlot = bookingService.selectedTimeSlot.get();
+    const selectedServices = bookingService.services.get();
+    const selectedTimeSlot = bookingService.timeSlot.get();
     return children({
         selectedServices,
         selectedTimeSlot,

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

@@ -1,19 +1,55 @@
 /**
  * Booking Service - Global booking store
- * Manages booking flow state (selected service, and future: time slot, payment option, participants)
+ * Manages booking flow state (selected services, time slot, location, form values)
  * Persists across page navigation in SPA until page refresh
  */
 import { type Signal } from '@wix/services-definitions/core-services/signals';
 import type { services, availabilityTimeSlots } from '@wix/bookings';
+import type { FormValues } from '@wix/form-public';
+/**
+ * ServiceSelection contains the service AND its related selections
+ */
+export interface ServiceSelection {
+    service: services.Service;
+    /** Selected resources (staff members, rooms, etc.) */
+    resources?: availabilityTimeSlots.Resource[];
+}
+export interface Location {
+    id: string;
+    name?: string;
+}
+/**
+ * BookingService actions - setters only, no API calls
+ */
+export interface BookingServiceActions {
+    setServices(services: ServiceSelection[]): void;
+    addService(service: ServiceSelection): void;
+    updateService(serviceId: string, updates: Partial<ServiceSelection>): void;
+    removeService(serviceId: string): void;
+    clearServices(): void;
+    setTimeSlot(slot: availabilityTimeSlots.TimeSlot | null): void;
+    clearTimeSlot(): void;
+    setLocation(location: Location | null): void;
+    clearLocation(): void;
+    setFormValues(values: FormValues | null): void;
+    clearFormValues(): void;
+    clearAll(): void;
+}
 /**
  * Booking Service interface
- * Note: This is NOT an "API" service - it only exposes signals for state storage
+ * Pure state management - no API calls
  */
 export interface BookingService {
-    /** Signal containing the currently selected services (can be multiple) */
-    selectedServices: Signal<services.Service[]>;
+    /** Signal containing the currently selected services with their selections */
+    services: Signal<ServiceSelection[]>;
     /** Signal containing the currently selected time slot */
-    selectedTimeSlot: Signal<availabilityTimeSlots.TimeSlot | null>;
+    timeSlot: Signal<availabilityTimeSlots.TimeSlot | null>;
+    /** Signal containing the selected location (derived from timeSlot) */
+    location: Signal<Location | null>;
+    /** Signal containing the form values */
+    formValues: Signal<FormValues | null>;
+    /** Actions for modifying booking state */
+    actions: BookingServiceActions;
 }
 /**
  * Service definition for Booking
@@ -25,12 +61,15 @@ export declare const BookingServiceDefinition: string & {
 } & BookingService;
 /**
  * Configuration interface for BookingService
+ * Note: location is NOT in config - it's derived internally from timeSlot
  */
 export interface BookingServiceConfig {
-    /** Optional initial services to pre-populate (default: empty array) */
-    initialServices?: services.Service[];
-    /** Optional initial time slot to pre-populate (default: null) */
+    /** Optional initial services to pre-populate */
+    initialServices?: ServiceSelection[];
+    /** Optional initial time slot to pre-populate */
     initialTimeSlot?: availabilityTimeSlots.TimeSlot | null;
+    /** Optional initial form values */
+    initialFormValues?: FormValues | null;
 }
 /**
  * Implementation of BookingService
@@ -44,20 +83,16 @@ export interface BookingServiceConfig {
  * const bookingConfig = await loadBookingServiceConfig();
  *
  * // Wrap app with provider
- * <Booking.Root bookingServiceConfig={bookingConfig}>
+ * <Booking.Root config={bookingConfig}>
  *   {children}
  * </Booking.Root>
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ selectedServices }) => (
- *     <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *   {({ services, timeSlot, location, formValues, actions }) => (
+ *     <div>{services.map(s => s.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
- *
- * // Modify booking data (via action to be added later)
- * const booking = useService(BookingServiceDefinition);
- * booking.selectedServices.set([...currentServices, newService]);
  * ```
  */
 export declare const BookingService: import("@wix/services-definitions").ServiceFactory<string & {
@@ -65,21 +100,3 @@ export declare const BookingService: import("@wix/services-definitions").Service
     __config: {};
     isServiceDefinition?: boolean;
 } & BookingService, BookingServiceConfig>;
-/**
- * Load configuration for BookingService
- *
- * This function is called during SSR to initialize the service.
- * Currently returns null state - can be extended to load from API in future.
- *
- * @returns Promise resolving to BookingServiceConfig
- *
- * @example
- * ```astro
- * ---
- * import { loadBookingServiceConfig } from '@wix/headless-bookings/services';
- *
- * const bookingConfig = await loadBookingServiceConfig();
- * ---
- * ```
- */
-export declare function loadBookingServiceConfig(): Promise<BookingServiceConfig>;

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

@@ -1,6 +1,6 @@
 /**
  * Booking Service - Global booking store
- * Manages booking flow state (selected service, and future: time slot, payment option, participants)
+ * Manages booking flow state (selected services, time slot, location, form values)
  * Persists across page navigation in SPA until page refresh
  */
 import { defineService, implementService } from '@wix/services-definitions';
@@ -9,6 +9,9 @@ import { SignalsServiceDefinition, } from '@wix/services-definitions/core-servic
  * Service definition for Booking
  */
 export const BookingServiceDefinition = defineService('booking');
+// ============================================================================
+// Service Implementation
+// ============================================================================
 /**
  * Implementation of BookingService
  *
@@ -21,54 +24,85 @@ export const BookingServiceDefinition = defineService('booking');
  * const bookingConfig = await loadBookingServiceConfig();
  *
  * // Wrap app with provider
- * <Booking.Root bookingServiceConfig={bookingConfig}>
+ * <Booking.Root config={bookingConfig}>
  *   {children}
  * </Booking.Root>
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ selectedServices }) => (
- *     <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *   {({ services, timeSlot, location, formValues, actions }) => (
+ *     <div>{services.map(s => s.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
- *
- * // Modify booking data (via action to be added later)
- * const booking = useService(BookingServiceDefinition);
- * booking.selectedServices.set([...currentServices, newService]);
  * ```
  */
 export const BookingService = implementService.withConfig()(BookingServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
-    // Initialize selectedServices signal with config or empty array
-    const selectedServices = signalsService.signal(config.initialServices || []);
-    // Initialize selectedTimeSlot signal with config or null
-    const selectedTimeSlot = signalsService.signal(config.initialTimeSlot || null);
-    return {
-        selectedServices,
-        selectedTimeSlot,
+    // Initialize signals with config values
+    const servicesSignal = signalsService.signal(config.initialServices || []);
+    const timeSlotSignal = signalsService.signal(config.initialTimeSlot || null);
+    // Location is derived internally - initialize as null
+    const locationSignal = signalsService.signal(null);
+    const formValuesSignal = signalsService.signal(config.initialFormValues || null);
+    // ========================================================================
+    // Actions Implementation
+    // ========================================================================
+    const actions = {
+        // Services actions
+        setServices(newServices) {
+            servicesSignal.set(newServices);
+        },
+        addService(service) {
+            const current = servicesSignal.get();
+            servicesSignal.set([...current, service]);
+        },
+        updateService(serviceId, updates) {
+            const current = servicesSignal.get();
+            const updated = current.map((s) => s.service._id === serviceId ? { ...s, ...updates } : s);
+            servicesSignal.set(updated);
+        },
+        removeService(serviceId) {
+            const current = servicesSignal.get();
+            const filtered = current.filter((s) => s.service._id !== serviceId);
+            servicesSignal.set(filtered);
+        },
+        clearServices() {
+            servicesSignal.set([]);
+        },
+        // Time Slot actions
+        setTimeSlot(slot) {
+            timeSlotSignal.set(slot);
+        },
+        clearTimeSlot() {
+            timeSlotSignal.set(null);
+        },
+        // Location actions
+        setLocation(location) {
+            locationSignal.set(location);
+        },
+        clearLocation() {
+            locationSignal.set(null);
+        },
+        // Form Values actions
+        setFormValues(values) {
+            formValuesSignal.set(values);
+        },
+        clearFormValues() {
+            formValuesSignal.set(null);
+        },
+        // Clear all
+        clearAll() {
+            servicesSignal.set([]);
+            timeSlotSignal.set(null);
+            locationSignal.set(null);
+            formValuesSignal.set(null);
+        },
     };
-});
-/**
- * Load configuration for BookingService
- *
- * This function is called during SSR to initialize the service.
- * Currently returns null state - can be extended to load from API in future.
- *
- * @returns Promise resolving to BookingServiceConfig
- *
- * @example
- * ```astro
- * ---
- * import { loadBookingServiceConfig } from '@wix/headless-bookings/services';
- *
- * const bookingConfig = await loadBookingServiceConfig();
- * ---
- * ```
- */
-export async function loadBookingServiceConfig() {
-    // Future: Load persisted selections from API by selection ID
     return {
-        initialServices: [],
-        initialTimeSlot: null,
+        services: servicesSignal,
+        timeSlot: timeSlotSignal,
+        location: locationSignal,
+        formValues: formValuesSignal,
+        actions,
     };
-}
+});

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

@@ -3,4 +3,4 @@
  * Main export file for all service definitions and implementations
  */
 export { ServiceService, ServiceServiceDefinition, type ServiceServiceAPI, type ServiceServiceConfig, loadServiceServiceConfig, type SuccessServiceServiceConfigResult, type NotFoundServiceServiceConfigResult, } from './service/service.js';
-export { BookingService, BookingServiceDefinition, type BookingServiceConfig, loadBookingServiceConfig, } from './booking/booking.js';
+export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type ServiceSelection, type Location, type BookingServiceActions, } from './booking/booking.js';

package/cjs/dist/services/index.js

@@ -3,4 +3,4 @@
  * Main export file for all service definitions and implementations
  */
 export { ServiceService, ServiceServiceDefinition, loadServiceServiceConfig, } from './service/service.js';
-export { BookingService, BookingServiceDefinition, loadBookingServiceConfig, } from './booking/booking.js';
+export { BookingService, BookingServiceDefinition, } from './booking/booking.js';

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

@@ -5,7 +5,7 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 import { getServiceById, getServiceBySlug, } from '../../api/query-service/index.js';
-import { BookingServiceDefinition } from '../booking/booking.js';
+import { BookingServiceDefinition, } from '../booking/booking.js';
 /**
  * Service definition for the Service service.
  * This defines the contract that the ServiceService must implement.
@@ -73,21 +73,20 @@ export const ServiceService = implementService.withConfig()(ServiceServiceDefini
     // Action methods for booking
     const select = () => {
         const currentService = service.get();
-        bookingService.selectedServices.set([currentService]);
+        const selection = { service: currentService };
+        bookingService.services.set([selection]);
     };
     const add = () => {
         const currentService = service.get();
-        const selectedServices = bookingService.selectedServices.get();
-        bookingService.selectedServices.set([
-            ...selectedServices,
-            currentService,
-        ]);
+        const selections = bookingService.services.get();
+        const selection = { service: currentService };
+        bookingService.services.set([...selections, selection]);
     };
     const remove = () => {
         const currentService = service.get();
-        const selectedServices = bookingService.selectedServices.get();
-        const filtered = selectedServices.filter((s) => s._id !== currentService._id);
-        bookingService.selectedServices.set(filtered);
+        const selections = bookingService.services.get();
+        const filtered = selections.filter((s) => s.service._id !== currentService._id);
+        bookingService.services.set(filtered);
     };
     return {
         service,

package/dist/react/core/booking/Booking.d.ts

@@ -3,8 +3,8 @@
  * Provides low-level access to BookingService via render props and service setup
  */
 import React from 'react';
-import { type BookingServiceConfig } from '../../../services/booking/booking.js';
-import type { services, availabilityTimeSlots } from '@wix/bookings';
+import { type BookingServiceConfig, type ServiceSelection } from '../../../services/booking/booking.js';
+import type { availabilityTimeSlots } from '@wix/bookings';
 /**
  * Props for Booking.Root component
  */
@@ -33,7 +33,7 @@ export declare function Root(props: RootProps): React.ReactNode;
  */
 export interface DataProps {
     children: (data: {
-        selectedServices: services.Service[];
+        selectedServices: ServiceSelection[];
         selectedTimeSlot: availabilityTimeSlots.TimeSlot | null;
     }) => React.ReactNode;
 }
@@ -47,7 +47,7 @@ export interface DataProps {
  * <Booking.Data>
  *   {({ selectedServices }) => (
  *     selectedServices.length > 0 ? (
- *       <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *       <div>{selectedServices.map(s => s.service.name).join(', ')}</div>
  *     ) : (
  *       <div>No services selected</div>
  *     )

package/dist/react/core/booking/Booking.js

@@ -30,7 +30,7 @@ export function Root(props) {
  * <Booking.Data>
  *   {({ selectedServices }) => (
  *     selectedServices.length > 0 ? (
- *       <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *       <div>{selectedServices.map(s => s.service.name).join(', ')}</div>
  *     ) : (
  *       <div>No services selected</div>
  *     )
@@ -41,8 +41,8 @@ export function Root(props) {
 export function Data(props) {
     const { children } = props;
     const bookingService = useService(BookingServiceDefinition);
-    const selectedServices = bookingService.selectedServices.get();
-    const selectedTimeSlot = bookingService.selectedTimeSlot.get();
+    const selectedServices = bookingService.services.get();
+    const selectedTimeSlot = bookingService.timeSlot.get();
     return children({
         selectedServices,
         selectedTimeSlot,

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

@@ -1,19 +1,55 @@
 /**
  * Booking Service - Global booking store
- * Manages booking flow state (selected service, and future: time slot, payment option, participants)
+ * Manages booking flow state (selected services, time slot, location, form values)
  * Persists across page navigation in SPA until page refresh
  */
 import { type Signal } from '@wix/services-definitions/core-services/signals';
 import type { services, availabilityTimeSlots } from '@wix/bookings';
+import type { FormValues } from '@wix/form-public';
+/**
+ * ServiceSelection contains the service AND its related selections
+ */
+export interface ServiceSelection {
+    service: services.Service;
+    /** Selected resources (staff members, rooms, etc.) */
+    resources?: availabilityTimeSlots.Resource[];
+}
+export interface Location {
+    id: string;
+    name?: string;
+}
+/**
+ * BookingService actions - setters only, no API calls
+ */
+export interface BookingServiceActions {
+    setServices(services: ServiceSelection[]): void;
+    addService(service: ServiceSelection): void;
+    updateService(serviceId: string, updates: Partial<ServiceSelection>): void;
+    removeService(serviceId: string): void;
+    clearServices(): void;
+    setTimeSlot(slot: availabilityTimeSlots.TimeSlot | null): void;
+    clearTimeSlot(): void;
+    setLocation(location: Location | null): void;
+    clearLocation(): void;
+    setFormValues(values: FormValues | null): void;
+    clearFormValues(): void;
+    clearAll(): void;
+}
 /**
  * Booking Service interface
- * Note: This is NOT an "API" service - it only exposes signals for state storage
+ * Pure state management - no API calls
  */
 export interface BookingService {
-    /** Signal containing the currently selected services (can be multiple) */
-    selectedServices: Signal<services.Service[]>;
+    /** Signal containing the currently selected services with their selections */
+    services: Signal<ServiceSelection[]>;
     /** Signal containing the currently selected time slot */
-    selectedTimeSlot: Signal<availabilityTimeSlots.TimeSlot | null>;
+    timeSlot: Signal<availabilityTimeSlots.TimeSlot | null>;
+    /** Signal containing the selected location (derived from timeSlot) */
+    location: Signal<Location | null>;
+    /** Signal containing the form values */
+    formValues: Signal<FormValues | null>;
+    /** Actions for modifying booking state */
+    actions: BookingServiceActions;
 }
 /**
  * Service definition for Booking
@@ -25,12 +61,15 @@ export declare const BookingServiceDefinition: string & {
 } & BookingService;
 /**
  * Configuration interface for BookingService
+ * Note: location is NOT in config - it's derived internally from timeSlot
  */
 export interface BookingServiceConfig {
-    /** Optional initial services to pre-populate (default: empty array) */
-    initialServices?: services.Service[];
-    /** Optional initial time slot to pre-populate (default: null) */
+    /** Optional initial services to pre-populate */
+    initialServices?: ServiceSelection[];
+    /** Optional initial time slot to pre-populate */
     initialTimeSlot?: availabilityTimeSlots.TimeSlot | null;
+    /** Optional initial form values */
+    initialFormValues?: FormValues | null;
 }
 /**
  * Implementation of BookingService
@@ -44,20 +83,16 @@ export interface BookingServiceConfig {
  * const bookingConfig = await loadBookingServiceConfig();
  *
  * // Wrap app with provider
- * <Booking.Root bookingServiceConfig={bookingConfig}>
+ * <Booking.Root config={bookingConfig}>
  *   {children}
  * </Booking.Root>
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ selectedServices }) => (
- *     <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *   {({ services, timeSlot, location, formValues, actions }) => (
+ *     <div>{services.map(s => s.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
- *
- * // Modify booking data (via action to be added later)
- * const booking = useService(BookingServiceDefinition);
- * booking.selectedServices.set([...currentServices, newService]);
  * ```
  */
 export declare const BookingService: import("@wix/services-definitions").ServiceFactory<string & {
@@ -65,21 +100,3 @@ export declare const BookingService: import("@wix/services-definitions").Service
     __config: {};
     isServiceDefinition?: boolean;
 } & BookingService, BookingServiceConfig>;
-/**
- * Load configuration for BookingService
- *
- * This function is called during SSR to initialize the service.
- * Currently returns null state - can be extended to load from API in future.
- *
- * @returns Promise resolving to BookingServiceConfig
- *
- * @example
- * ```astro
- * ---
- * import { loadBookingServiceConfig } from '@wix/headless-bookings/services';
- *
- * const bookingConfig = await loadBookingServiceConfig();
- * ---
- * ```
- */
-export declare function loadBookingServiceConfig(): Promise<BookingServiceConfig>;

package/dist/services/booking/booking.js

@@ -1,6 +1,6 @@
 /**
  * Booking Service - Global booking store
- * Manages booking flow state (selected service, and future: time slot, payment option, participants)
+ * Manages booking flow state (selected services, time slot, location, form values)
  * Persists across page navigation in SPA until page refresh
  */
 import { defineService, implementService } from '@wix/services-definitions';
@@ -9,6 +9,9 @@ import { SignalsServiceDefinition, } from '@wix/services-definitions/core-servic
  * Service definition for Booking
  */
 export const BookingServiceDefinition = defineService('booking');
+// ============================================================================
+// Service Implementation
+// ============================================================================
 /**
  * Implementation of BookingService
  *
@@ -21,54 +24,85 @@ export const BookingServiceDefinition = defineService('booking');
  * const bookingConfig = await loadBookingServiceConfig();
  *
  * // Wrap app with provider
- * <Booking.Root bookingServiceConfig={bookingConfig}>
+ * <Booking.Root config={bookingConfig}>
  *   {children}
  * </Booking.Root>
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ selectedServices }) => (
- *     <div>{selectedServices.map(s => s.name).join(', ')}</div>
+ *   {({ services, timeSlot, location, formValues, actions }) => (
+ *     <div>{services.map(s => s.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
- *
- * // Modify booking data (via action to be added later)
- * const booking = useService(BookingServiceDefinition);
- * booking.selectedServices.set([...currentServices, newService]);
  * ```
  */
 export const BookingService = implementService.withConfig()(BookingServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
-    // Initialize selectedServices signal with config or empty array
-    const selectedServices = signalsService.signal(config.initialServices || []);
-    // Initialize selectedTimeSlot signal with config or null
-    const selectedTimeSlot = signalsService.signal(config.initialTimeSlot || null);
-    return {
-        selectedServices,
-        selectedTimeSlot,
+    // Initialize signals with config values
+    const servicesSignal = signalsService.signal(config.initialServices || []);
+    const timeSlotSignal = signalsService.signal(config.initialTimeSlot || null);
+    // Location is derived internally - initialize as null
+    const locationSignal = signalsService.signal(null);
+    const formValuesSignal = signalsService.signal(config.initialFormValues || null);
+    // ========================================================================
+    // Actions Implementation
+    // ========================================================================
+    const actions = {
+        // Services actions
+        setServices(newServices) {
+            servicesSignal.set(newServices);
+        },
+        addService(service) {
+            const current = servicesSignal.get();
+            servicesSignal.set([...current, service]);
+        },
+        updateService(serviceId, updates) {
+            const current = servicesSignal.get();
+            const updated = current.map((s) => s.service._id === serviceId ? { ...s, ...updates } : s);
+            servicesSignal.set(updated);
+        },
+        removeService(serviceId) {
+            const current = servicesSignal.get();
+            const filtered = current.filter((s) => s.service._id !== serviceId);
+            servicesSignal.set(filtered);
+        },
+        clearServices() {
+            servicesSignal.set([]);
+        },
+        // Time Slot actions
+        setTimeSlot(slot) {
+            timeSlotSignal.set(slot);
+        },
+        clearTimeSlot() {
+            timeSlotSignal.set(null);
+        },
+        // Location actions
+        setLocation(location) {
+            locationSignal.set(location);
+        },
+        clearLocation() {
+            locationSignal.set(null);
+        },
+        // Form Values actions
+        setFormValues(values) {
+            formValuesSignal.set(values);
+        },
+        clearFormValues() {
+            formValuesSignal.set(null);
+        },
+        // Clear all
+        clearAll() {
+            servicesSignal.set([]);
+            timeSlotSignal.set(null);
+            locationSignal.set(null);
+            formValuesSignal.set(null);
+        },
     };
-});
-/**
- * Load configuration for BookingService
- *
- * This function is called during SSR to initialize the service.
- * Currently returns null state - can be extended to load from API in future.
- *
- * @returns Promise resolving to BookingServiceConfig
- *
- * @example
- * ```astro
- * ---
- * import { loadBookingServiceConfig } from '@wix/headless-bookings/services';
- *
- * const bookingConfig = await loadBookingServiceConfig();
- * ---
- * ```
- */
-export async function loadBookingServiceConfig() {
-    // Future: Load persisted selections from API by selection ID
     return {
-        initialServices: [],
-        initialTimeSlot: null,
+        services: servicesSignal,
+        timeSlot: timeSlotSignal,
+        location: locationSignal,
+        formValues: formValuesSignal,
+        actions,
     };
-}
+});

package/dist/services/index.d.ts

@@ -3,4 +3,4 @@
  * Main export file for all service definitions and implementations
  */
 export { ServiceService, ServiceServiceDefinition, type ServiceServiceAPI, type ServiceServiceConfig, loadServiceServiceConfig, type SuccessServiceServiceConfigResult, type NotFoundServiceServiceConfigResult, } from './service/service.js';
-export { BookingService, BookingServiceDefinition, type BookingServiceConfig, loadBookingServiceConfig, } from './booking/booking.js';
+export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type ServiceSelection, type Location, type BookingServiceActions, } from './booking/booking.js';

package/dist/services/index.js

@@ -3,4 +3,4 @@
  * Main export file for all service definitions and implementations
  */
 export { ServiceService, ServiceServiceDefinition, loadServiceServiceConfig, } from './service/service.js';
-export { BookingService, BookingServiceDefinition, loadBookingServiceConfig, } from './booking/booking.js';
+export { BookingService, BookingServiceDefinition, } from './booking/booking.js';

package/dist/services/service/service.js

@@ -5,7 +5,7 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 import { getServiceById, getServiceBySlug, } from '../../api/query-service/index.js';
-import { BookingServiceDefinition } from '../booking/booking.js';
+import { BookingServiceDefinition, } from '../booking/booking.js';
 /**
  * Service definition for the Service service.
  * This defines the contract that the ServiceService must implement.
@@ -73,21 +73,20 @@ export const ServiceService = implementService.withConfig()(ServiceServiceDefini
     // Action methods for booking
     const select = () => {
         const currentService = service.get();
-        bookingService.selectedServices.set([currentService]);
+        const selection = { service: currentService };
+        bookingService.services.set([selection]);
     };
     const add = () => {
         const currentService = service.get();
-        const selectedServices = bookingService.selectedServices.get();
-        bookingService.selectedServices.set([
-            ...selectedServices,
-            currentService,
-        ]);
+        const selections = bookingService.services.get();
+        const selection = { service: currentService };
+        bookingService.services.set([...selections, selection]);
     };
     const remove = () => {
         const currentService = service.get();
-        const selectedServices = bookingService.selectedServices.get();
-        const filtered = selectedServices.filter((s) => s._id !== currentService._id);
-        bookingService.selectedServices.set(filtered);
+        const selections = bookingService.services.get();
+        const filtered = selections.filter((s) => s.service._id !== currentService._id);
+        bookingService.services.set(filtered);
     };
     return {
         service,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -34,8 +34,9 @@
   },
   "dependencies": {
     "@wix/bookings": "^1.0.122",
-    "@wix/headless-media": "0.0.17",
-    "@wix/headless-utils": "0.0.7",
+    "@wix/form-public": "^0.64.0",
+    "@wix/headless-media": "0.0.18",
+    "@wix/headless-utils": "0.0.8",
     "@wix/services-definitions": "^0.1.4",
     "@wix/services-manager-react": "^0.1.26"
   },
@@ -67,5 +68,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "381d7fff89ddacd4d77c4967f65578268963890159ac44ffc0f58d9b"
+  "falconPackageHash": "3c91261634a562523b329f6e6e240b0e4e0e81b18b3d55fbcd7f53ff"
 }