@wix/headless-bookings 0.0.24 → 0.0.26

package/dist/react/booking/Booking.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CoreBooking from '../core/booking/Booking.js';
+import { Book } from './Book.js';
 /**
  * Root component that provides booking context to the entire app.
  *
@@ -23,3 +24,21 @@ export const Root = (props) => {
     return (_jsx(CoreBooking.Root, { bookingServiceConfig: bookingServiceConfig, children: children }));
 };
 Root.displayName = 'Booking.Root';
+/**
+ * Actions namespace containing action components for booking
+ *
+ * @example
+ * ```tsx
+ * // Simple usage
+ * <Booking.Actions.Book />
+ *
+ * // With callbacks
+ * <Booking.Actions.Book
+ *   onCheckoutRequired={({ checkoutId }) => router.push(`/checkout?id=${checkoutId}`)}
+ *   onError={(error) => toast.error(error)}
+ * />
+ * ```
+ */
+export const Actions = {
+    Book,
+};

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

@@ -0,0 +1,41 @@
+/**
+ * Core Book - Provides book action data via render props
+ * NO AsChildSlot, NO asChild - that belongs in high-level component
+ */
+import React from 'react';
+import type { BookResult, BookingError } from '../../../services/booking/book-action/types.js';
+/**
+ * Data exposed by Book component via render props
+ */
+export interface BookData {
+    isLoading: boolean;
+    error: BookingError | null;
+    canBook: boolean;
+    onClick: () => Promise<void>;
+    disabled: boolean;
+}
+/**
+ * Props for core Book component
+ */
+export interface BookProps {
+    children: (data: BookData) => React.ReactNode;
+    onCheckoutRequired?: (result: BookResult) => void;
+    onError?: (error: BookingError) => void;
+    disabled?: boolean;
+}
+/**
+ * Core Book component - provides book action data via render props.
+ * Used internally by higher-level Booking.Actions.Book component.
+ *
+ * @example
+ * ```tsx
+ * <Book onCheckoutRequired={handleCheckout}>
+ *   {({ isLoading, error, canBook, onClick, disabled }) => (
+ *     <button onClick={onClick} disabled={disabled}>
+ *       {isLoading ? 'Booking...' : 'Book Now'}
+ *     </button>
+ *   )}
+ * </Book>
+ * ```
+ */
+export declare function Book(props: BookProps): React.ReactNode;

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

@@ -0,0 +1,59 @@
+/**
+ * Core Book - Provides book action data via render props
+ * NO AsChildSlot, NO asChild - that belongs in high-level component
+ */
+import { useState } from 'react';
+import { useService } from '@wix/services-manager-react';
+import { BookingServiceDefinition } from '../../../services/booking/booking.js';
+import { canBook } from '../../../services/booking/book-action/canBook.js';
+/**
+ * Core Book component - provides book action data via render props.
+ * Used internally by higher-level Booking.Actions.Book component.
+ *
+ * @example
+ * ```tsx
+ * <Book onCheckoutRequired={handleCheckout}>
+ *   {({ isLoading, error, canBook, onClick, disabled }) => (
+ *     <button onClick={onClick} disabled={disabled}>
+ *       {isLoading ? 'Booking...' : 'Book Now'}
+ *     </button>
+ *   )}
+ * </Book>
+ * ```
+ */
+export function Book(props) {
+    const { children, onCheckoutRequired, onError, disabled } = props;
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const bookingService = useService(BookingServiceDefinition);
+    const serviceSelections = bookingService.serviceSelections.get();
+    const formSubmission = bookingService.formSubmission.get();
+    const canBookValue = canBook({ serviceSelections, formSubmission });
+    const handleClick = async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await bookingService.actions.book();
+            onCheckoutRequired?.(result);
+        }
+        catch (e) {
+            const bookingError = {
+                message: e instanceof Error ? e.message : 'Booking failed',
+                errorObject: e,
+            };
+            setError(bookingError);
+            onError?.(bookingError);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const isDisabled = isLoading || disabled || !canBookValue;
+    return children({
+        isLoading,
+        error,
+        canBook: canBookValue,
+        onClick: handleClick,
+        disabled: isDisabled,
+    });
+}

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

@@ -89,11 +89,11 @@ export declare function StaffMemberProvider(props: StaffMemberProviderProps): Re
 export interface InfoProps {
     children: (data: {
         /** Parsed localStartDate as Date (constructed from the raw localStartDate string) */
-        startDate: Date | undefined;
+        startDate: Date;
         /** Parsed localEndDate as Date (constructed from the raw localEndDate string) */
-        endDate: Date | undefined;
-        /** Calculated duration in minutes (null if dates unavailable) */
-        durationInMinutes: number | null;
+        endDate: Date;
+        /** Calculated duration in minutes */
+        durationInMinutes: number;
         /** Whether the timeSlot is bookable */
         bookable: boolean;
         /** Whether this timeSlot is currently selected */

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

@@ -116,18 +116,11 @@ export function StaffMemberProvider(props) {
  */
 export function Info(props) {
     const { timeSlot, isSelected } = useTimeSlotContext();
-    const startDate = timeSlot.localStartDate
-        ? new Date(timeSlot.localStartDate)
-        : undefined;
-    const endDate = timeSlot.localEndDate
-        ? new Date(timeSlot.localEndDate)
-        : undefined;
+    const startDate = new Date(timeSlot.localStartDate);
+    const endDate = new Date(timeSlot.localEndDate);
     const bookable = timeSlot.bookable ?? false;
     // Calculate duration from start and end dates
-    let durationInMinutes = null;
-    if (startDate && endDate) {
-        durationInMinutes = Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 60));
-    }
+    const durationInMinutes = Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 60));
     return props.children({
         startDate,
         endDate,

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

@@ -16,7 +16,7 @@ export type { LocationData, StaffMemberData, } from '../core/time-slot-list/Time
 export interface StartDateProps {
     asChild?: boolean;
     children?: AsChildChildren<{
-        startDate: Date | undefined;
+        startDate: Date;
     }>;
     className?: string;
 }
@@ -45,7 +45,7 @@ export declare const StartDate: React.ForwardRefExoticComponent<StartDateProps &
 export interface EndDateProps {
     asChild?: boolean;
     children?: AsChildChildren<{
-        endDate: Date | undefined;
+        endDate: Date;
     }>;
     className?: string;
 }
@@ -74,7 +74,7 @@ export declare const EndDate: React.ForwardRefExoticComponent<EndDateProps & Rea
 export interface DurationProps {
     asChild?: boolean;
     children?: AsChildChildren<{
-        durationInMinutes: number | null;
+        durationInMinutes: number;
     }>;
     className?: string;
 }

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

@@ -53,7 +53,7 @@ var TestIds;
  */
 export const StartDate = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ startDate }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotStartDate, customElement: children, customElementProps: { startDate }, children: _jsx("span", { children: startDate?.toString() }) })) }));
+    return (_jsx(CoreTimeSlot.Info, { children: ({ startDate }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotStartDate, customElement: children, customElementProps: { startDate }, children: _jsx("span", { children: startDate.toString() }) })) }));
 });
 StartDate.displayName = 'TimeSlot.StartDate';
 /**
@@ -76,7 +76,7 @@ StartDate.displayName = 'TimeSlot.StartDate';
  */
 export const EndDate = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ endDate }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotEndDate, customElement: children, customElementProps: { endDate }, children: _jsx("span", { children: endDate?.toString() }) })) }));
+    return (_jsx(CoreTimeSlot.Info, { children: ({ endDate }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotEndDate, customElement: children, customElementProps: { endDate }, children: _jsx("span", { children: endDate.toString() }) })) }));
 });
 EndDate.displayName = 'TimeSlot.EndDate';
 /**
@@ -99,7 +99,7 @@ EndDate.displayName = 'TimeSlot.EndDate';
  */
 export const Duration = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ durationInMinutes }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotDuration, customElement: children, customElementProps: { durationInMinutes }, children: durationInMinutes && _jsx("span", { children: durationInMinutes }) })) }));
+    return (_jsx(CoreTimeSlot.Info, { children: ({ durationInMinutes }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotDuration, customElement: children, customElementProps: { durationInMinutes }, children: _jsx("span", { children: durationInMinutes }) })) }));
 });
 Duration.displayName = 'TimeSlot.Duration';
 /**

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

@@ -85,6 +85,8 @@ export interface TimeSlotsProps {
     emptyState?: React.ReactNode;
     /** Content to display while time slots are loading */
     loadingState?: React.ReactNode;
+    /** Content to display when an error occurs while loading time slots */
+    errorState?: React.ReactNode;
     className?: string;
 }
 /**
@@ -114,11 +116,11 @@ export interface TimeSlotRepeaterChildProps {
     /** Whether the slot can be booked */
     bookable: boolean;
     /** Start date/time as Date (constructed from the raw localStartDate string) */
-    startDate: Date | undefined;
+    startDate: Date;
     /** End date/time as Date (constructed from the raw localEndDate string) */
-    endDate: Date | undefined;
+    endDate: Date;
     /** Duration in minutes */
-    durationInMinutes: number | null;
+    durationInMinutes: number;
     /** The raw time slot data */
     timeSlot: TimeSlotType;
 }

package/dist/services/booking/book-action/bookAction.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Book Action - Orchestrates the booking flow
+ *
+ * 1. Validates booking data with canBook()
+ * 2. Creates a booking via createBooking() from @wix/auto_sdk_bookings_bookings
+ * 3. Creates a checkout via createCheckout() from @wix/auto_sdk_ecom_checkout
+ * 4. Returns the checkoutId for navigation
+ */
+import type { BookActionParams, BookResult } from './types.js';
+/**
+ * Executes the complete booking flow:
+ * 1. Validates that all required data is present
+ * 2. Creates a booking with the selected service, time slot, and form data
+ * 3. Creates a checkout session for payment (includes contact details from booking)
+ * 4. Returns the checkout ID for navigation to the checkout page
+ *
+ * @param params - The booking action parameters
+ * @returns BookResult with the checkoutId
+ * @throws Error if validation fails, or booking/checkout creation fails
+ */
+export declare function executeBookAction(params: BookActionParams): Promise<BookResult>;

package/dist/services/booking/book-action/bookAction.js

@@ -0,0 +1,59 @@
+/**
+ * Book Action - Orchestrates the booking flow
+ *
+ * 1. Validates booking data with canBook()
+ * 2. Creates a booking via createBooking() from @wix/auto_sdk_bookings_bookings
+ * 3. Creates a checkout via createCheckout() from @wix/auto_sdk_ecom_checkout
+ * 4. Returns the checkoutId for navigation
+ */
+import { createBooking } from '@wix/auto_sdk_bookings_bookings';
+import { createCheckout } from '@wix/auto_sdk_ecom_checkout';
+import { buildBookingRequest } from './buildBookingRequest.js';
+import { buildCheckoutRequest } from './buildCheckoutRequest.js';
+import { canBook } from './canBook.js';
+/**
+ * Executes the complete booking flow:
+ * 1. Validates that all required data is present
+ * 2. Creates a booking with the selected service, time slot, and form data
+ * 3. Creates a checkout session for payment (includes contact details from booking)
+ * 4. Returns the checkout ID for navigation to the checkout page
+ *
+ * @param params - The booking action parameters
+ * @returns BookResult with the checkoutId
+ * @throws Error if validation fails, or booking/checkout creation fails
+ */
+export async function executeBookAction(params) {
+    // Step 0: Validate
+    if (!canBook({
+        serviceSelections: params.serviceSelections,
+        formSubmission: params.formSubmission,
+    })) {
+        throw new Error('Cannot book: missing required data');
+    }
+    // Step 1: Create booking
+    const createBookingRequest = buildBookingRequest(params);
+    const bookingResponse = await createBooking(createBookingRequest.booking, {
+        participantNotification: createBookingRequest.participantNotification,
+        sendSmsReminder: createBookingRequest.sendSmsReminder,
+        formSubmission: createBookingRequest.formSubmission,
+    });
+    const bookingId = bookingResponse.booking?._id;
+    const contactDetails = bookingResponse.booking?.contactDetails;
+    if (!bookingId) {
+        throw new Error('Failed to create booking');
+    }
+    // Step 2: Create checkout
+    // businessLocationId comes from location.id for multi-location support
+    const businessLocationId = params.location?.id ?? undefined;
+    const checkoutRequest = buildCheckoutRequest({
+        bookingId,
+        contactDetails,
+        businessLocationId,
+    });
+    const checkoutResponse = await createCheckout(checkoutRequest);
+    const checkoutId = checkoutResponse._id;
+    if (!checkoutId) {
+        throw new Error('Failed to create checkout');
+    }
+    return { checkoutId };
+}

package/dist/services/booking/book-action/buildBookingRequest.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Builds the createBooking request from BookActionParams
+ */
+import type { CreateBookingRequest } from '@wix/auto_sdk_bookings_bookings';
+import type { BookActionParams } from './types.js';
+/**
+ * Builds a CreateBookingRequest from the booking action parameters
+ *
+ * Maps ServiceSelection data to the Booking API's slot format:
+ * - serviceId: from serviceSelection.service._id
+ * - scheduleId: from serviceSelection.timeSlot.scheduleId
+ * - startDate: from serviceSelection.timeSlot.startDate
+ * - endDate: from serviceSelection.timeSlot.endDate
+ * - timezone: from serviceSelection.timezone
+ * - eventId: from serviceSelection.timeSlot.eventInfo.eventId (for classes)
+ * - location: from location param
+ * - resource: from serviceSelection.resources[0]
+ *
+ * @param params - The booking action parameters
+ * @returns CreateBookingRequest ready to be sent to the API
+ */
+export declare function buildBookingRequest(params: BookActionParams): CreateBookingRequest;

package/dist/services/booking/book-action/buildBookingRequest.js

@@ -0,0 +1,81 @@
+/**
+ * Builds the createBooking request from BookActionParams
+ */
+/**
+ * Derives the selected payment option from service payment settings.
+ * Maps service.payment.options to booking API's selectedPaymentOption.
+ *
+ * @param service - The service containing payment options
+ * @returns 'ONLINE' or 'OFFLINE' based on available payment methods
+ */
+function deriveSelectedPaymentOption(service) {
+    const options = service.payment?.options;
+    // Only online payment available
+    if (options?.online && !options?.inPerson) {
+        return 'ONLINE';
+    }
+    // Only offline payment available
+    if (!options?.online && options?.inPerson) {
+        return 'OFFLINE';
+    }
+    // Both available or neither specified - default to ONLINE
+    return 'ONLINE';
+}
+/**
+ * Builds a CreateBookingRequest from the booking action parameters
+ *
+ * Maps ServiceSelection data to the Booking API's slot format:
+ * - serviceId: from serviceSelection.service._id
+ * - scheduleId: from serviceSelection.timeSlot.scheduleId
+ * - startDate: from serviceSelection.timeSlot.startDate
+ * - endDate: from serviceSelection.timeSlot.endDate
+ * - timezone: from serviceSelection.timezone
+ * - eventId: from serviceSelection.timeSlot.eventInfo.eventId (for classes)
+ * - location: from location param
+ * - resource: from serviceSelection.resources[0]
+ *
+ * @param params - The booking action parameters
+ * @returns CreateBookingRequest ready to be sent to the API
+ */
+export function buildBookingRequest(params) {
+    const { serviceSelections, location, formSubmission } = params;
+    const item = serviceSelections[0]; // Single booking focus
+    if (!item) {
+        throw new Error('No service selection provided');
+    }
+    if (!item.timeSlot) {
+        throw new Error('No time slot selected for service selection');
+    }
+    // Get resource from service selection
+    const resource = item.resources?.[0];
+    return {
+        booking: {
+            // Payment option derived from service payment settings
+            selectedPaymentOption: deriveSelectedPaymentOption(item.service),
+            // Participants
+            totalParticipants: item.totalParticipants || 1,
+            // Booked entity slot
+            bookedEntity: {
+                slot: {
+                    serviceId: item.service._id ?? undefined,
+                    scheduleId: item.timeSlot.scheduleId ?? undefined,
+                    startDate: item.timeSlot.startDate,
+                    endDate: item.timeSlot.endDate,
+                    timezone: params.timezone,
+                    eventId: item.timeSlot.eventInfo?.eventId ?? undefined,
+                    resource: resource
+                        ? { _id: resource._id, name: resource.name }
+                        : undefined,
+                    location: location
+                        ? { _id: location.id, name: location.name }
+                        : undefined,
+                },
+            },
+        },
+        participantNotification: {
+            notifyParticipants: true,
+        },
+        sendSmsReminder: true,
+        formSubmission: formSubmission ?? undefined,
+    };
+}

package/dist/services/booking/book-action/buildCheckoutRequest.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Builds the createCheckout request
+ */
+import type { CreateCheckoutRequest } from '@wix/auto_sdk_ecom_checkout';
+import type { ContactDetails } from '@wix/auto_sdk_bookings_bookings';
+/**
+ * Parameters for building checkout request
+ */
+export interface BuildCheckoutParams {
+    bookingId: string;
+    contactDetails?: ContactDetails;
+    businessLocationId?: string;
+}
+/**
+ * Builds a checkout request from the booking ID and contact details
+ *
+ * Contact details come from the booking response and are used to populate:
+ * - billingInfo.contactDetails (firstName, lastName, phone)
+ * - billingInfo.address (from fullAddress if available)
+ * - shippingInfo.shippingDestination.contactDetails
+ * - buyerInfo (email, contactId)
+ *
+ * @param params - The checkout parameters
+ * @returns CreateCheckoutRequest ready to be sent to the API
+ */
+export declare function buildCheckoutRequest(params: BuildCheckoutParams): CreateCheckoutRequest;

package/dist/services/booking/book-action/buildCheckoutRequest.js

@@ -0,0 +1,62 @@
+/**
+ * Builds the createCheckout request
+ */
+import { ChannelType } from '@wix/auto_sdk_ecom_checkout';
+const BOOKINGS_APP_DEF_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
+/**
+ * Builds a checkout request from the booking ID and contact details
+ *
+ * Contact details come from the booking response and are used to populate:
+ * - billingInfo.contactDetails (firstName, lastName, phone)
+ * - billingInfo.address (from fullAddress if available)
+ * - shippingInfo.shippingDestination.contactDetails
+ * - buyerInfo (email, contactId)
+ *
+ * @param params - The checkout parameters
+ * @returns CreateCheckoutRequest ready to be sent to the API
+ */
+export function buildCheckoutRequest(params) {
+    const { bookingId, contactDetails, businessLocationId } = params;
+    // Build checkoutInfo incrementally for readability
+    const checkoutInfo = {};
+    // businessLocationId for multi-location support
+    if (businessLocationId) {
+        checkoutInfo.businessLocationId = businessLocationId;
+    }
+    // Billing info and shipping info from contact details
+    if (contactDetails) {
+        checkoutInfo.billingInfo = {
+            contactDetails,
+            ...(contactDetails.fullAddress?.country
+                ? { address: { ...contactDetails.fullAddress } }
+                : {}),
+        };
+        checkoutInfo.shippingInfo = {
+            shippingDestination: {
+                contactDetails,
+            },
+        };
+    }
+    // Buyer info with email and contactId
+    if (contactDetails?.email) {
+        checkoutInfo.buyerInfo = {
+            email: contactDetails.email,
+            ...(contactDetails.contactId
+                ? { contactId: contactDetails.contactId }
+                : {}),
+        };
+    }
+    return {
+        channelType: ChannelType.WEB,
+        lineItems: [
+            {
+                quantity: 1,
+                catalogReference: {
+                    catalogItemId: bookingId,
+                    appId: BOOKINGS_APP_DEF_ID,
+                },
+            },
+        ],
+        checkoutInfo,
+    };
+}

package/dist/services/booking/book-action/canBook.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Validation logic for the Book action
+ */
+import type { ServiceSelection } from '../booking.js';
+import type { FormValues } from '@wix/form-public';
+/**
+ * Parameters for canBook validation
+ */
+export interface CanBookParams {
+    serviceSelections: ServiceSelection[];
+    formSubmission: FormValues | null;
+}
+/**
+ * Validates if booking can be executed
+ * Checks that all required data is present:
+ * - At least one service selection
+ * - Each service selection has a time slot selected
+ * - Form submission filled
+ *
+ * @param params - The booking data to validate
+ * @returns true if booking can proceed, false otherwise
+ */
+export declare function canBook(params: CanBookParams): boolean;

package/dist/services/booking/book-action/canBook.js

@@ -0,0 +1,19 @@
+/**
+ * Validation logic for the Book action
+ */
+/**
+ * Validates if booking can be executed
+ * Checks that all required data is present:
+ * - At least one service selection
+ * - Each service selection has a time slot selected
+ * - Form submission filled
+ *
+ * @param params - The booking data to validate
+ * @returns true if booking can proceed, false otherwise
+ */
+export function canBook(params) {
+    const { serviceSelections, formSubmission } = params;
+    return (serviceSelections.length > 0 &&
+        serviceSelections.every((item) => item.timeSlot !== undefined) &&
+        formSubmission !== null);
+}

package/dist/services/booking/book-action/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Book Action - Exports
+ */
+export { executeBookAction } from './bookAction.js';
+export { canBook, type CanBookParams } from './canBook.js';
+export { buildBookingRequest } from './buildBookingRequest.js';
+export { buildCheckoutRequest, type BuildCheckoutParams, } from './buildCheckoutRequest.js';
+export type { BookProps, BookResult, BookingError, BookActionParams, BookChildProps, } from './types.js';

package/dist/services/booking/book-action/index.js

@@ -0,0 +1,7 @@
+/**
+ * Book Action - Exports
+ */
+export { executeBookAction } from './bookAction.js';
+export { canBook } from './canBook.js';
+export { buildBookingRequest } from './buildBookingRequest.js';
+export { buildCheckoutRequest, } from './buildCheckoutRequest.js';

package/dist/services/booking/book-action/types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Types for the Book action
+ */
+import type { ServiceSelection, Location } from '../booking.js';
+import type { FormValues } from '@wix/form-public';
+/**
+ * Result returned from the book action
+ */
+export type BookResult = {
+    checkoutId: string;
+};
+/**
+ * Error object for booking errors
+ */
+export interface BookingError {
+    message: string;
+    errorObject: unknown;
+}
+/**
+ * Parameters for executing the book action
+ */
+export interface BookActionParams {
+    serviceSelections: ServiceSelection[];
+    location: Location | null;
+    formSubmission: FormValues | null;
+    timezone?: string;
+}
+/**
+ * Props passed to children of Book component
+ */
+export interface BookChildProps {
+    isLoading: boolean;
+    error: BookingError | null;
+    canBook: boolean;
+    onClick: () => void;
+    disabled: boolean;
+}
+/**
+ * Props for the Book headless component
+ */
+export interface BookProps {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: BookChildProps) => React.ReactNode);
+    className?: string;
+    label?: string;
+    loadingState?: string;
+    disabled?: boolean;
+    onCheckoutRequired?: (result: BookResult) => void;
+    onError?: (error: BookingError) => void;
+}

package/dist/services/booking/book-action/types.js

@@ -0,0 +1,4 @@
+/**
+ * Types for the Book action
+ */
+export {};

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

@@ -7,6 +7,7 @@ import { type Signal } from '@wix/services-definitions/core-services/signals';
 import type { Service } from '@wix/auto_sdk_bookings_services';
 import type { Resource, EventInfo } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
+import type { BookResult } from './book-action/types.js';
 export declare const ANY_STAFF_MEMBER_ID = "__any_staff_member__";
 /**
  * Minimal time slot data for service selections
@@ -62,6 +63,7 @@ export interface BookingServiceActions {
     setFormSubmission(values: FormValues | null): void;
     clearFormSubmission(): void;
     clearAll(): void;
+    book(): Promise<BookResult>;
 }
 /**
  * Booking Service interface