@wix/headless-bookings 0.0.118 → 1.0.1

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

@@ -1,5 +1,5 @@
 import type { FormValues } from '@wix/forms/components';
-import type { Location } from '@wix/auto_sdk_bookings_services';
+import type { V2Location as 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;

package/cjs/dist/__mocks__/services/services-mocks.d.ts

@@ -35,6 +35,29 @@ export declare const mockServiceCourse: Service;
  * Mock service without optional fields (minimal)
  */
 export declare const mockServiceMinimal: Service;
+/**
+ * Mock service driving the fixed-duration path: a single value in
+ * `sessionDurations`, no `durationRange`. Drives `Service.DurationInMinutes`;
+ * `Service.DurationRange` renders nothing for this shape.
+ *
+ * `mockService` already carries this shape — this is a renamed copy for
+ * tests/examples that want to name the case they're exercising.
+ */
+export declare const mockServiceFixedDuration: Service;
+/**
+ * Mock service driving the HOUR-unit DurationRange path. Mirrors the server
+ * payload shape: empty `sessionDurations`, range pre-computed at
+ * `availabilityConstraints.durationRange`. `durationRange` is not yet in the
+ * SDK's `AvailabilityConstraints` typing (runtime is ahead of types), so the
+ * service object is cast — matches the read-side cast in
+ * `core/service/Service.tsx`.
+ */
+export declare const mockServiceHourRange: Service;
+/**
+ * Mock service driving the DAY-unit DurationRange path. Same server shape as
+ * {@link mockServiceHourRange}.
+ */
+export declare const mockServiceDayRange: Service;
 /**
  * Array of mock services for list tests
  */

package/cjs/dist/__mocks__/services/services-mocks.js

@@ -3,7 +3,7 @@
  * Shared mock data for booking service tests
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockServiceInPerson = exports.mockServiceWithDeposit = exports.mockSingleStaffMemberListConfig = exports.mockEmptyStaffMemberListConfig = exports.mockStaffMemberListConfig = exports.mockStaffMembers = exports.mockStaffMemberNoName = exports.mockStaffMemberMinimal = exports.mockStaffMember2 = exports.mockStaffMember = exports.mockServiceListConfigWithCategories = exports.mockCategories = exports.mockServiceConfig = exports.mockEmptyServiceListConfig = exports.mockServiceListConfigWithMore = exports.mockServiceListConfig = exports.mockPagingMetadataEmpty = exports.mockPagingMetadataWithMore = exports.mockPagingMetadata = exports.mockServices = exports.mockServiceMinimal = exports.mockServiceCourse = exports.mockServiceClass = exports.mockServiceNoFee = exports.mockServiceCustomPrice = exports.mockServiceVariedPrice = exports.mockService = void 0;
+exports.mockServiceInPerson = exports.mockServiceWithDeposit = exports.mockSingleStaffMemberListConfig = exports.mockEmptyStaffMemberListConfig = exports.mockStaffMemberListConfig = exports.mockStaffMembers = exports.mockStaffMemberNoName = exports.mockStaffMemberMinimal = exports.mockStaffMember2 = exports.mockStaffMember = exports.mockServiceListConfigWithCategories = exports.mockCategories = exports.mockServiceConfig = exports.mockEmptyServiceListConfig = exports.mockServiceListConfigWithMore = exports.mockServiceListConfig = exports.mockPagingMetadataEmpty = exports.mockPagingMetadataWithMore = exports.mockPagingMetadata = exports.mockServices = exports.mockServiceDayRange = exports.mockServiceHourRange = exports.mockServiceFixedDuration = exports.mockServiceMinimal = exports.mockServiceCourse = exports.mockServiceClass = exports.mockServiceNoFee = exports.mockServiceCustomPrice = exports.mockServiceVariedPrice = exports.mockService = void 0;
 exports.createLargeServiceList = createLargeServiceList;
 exports.createLargeStaffMemberList = createLargeStaffMemberList;
 const auto_sdk_bookings_services_1 = require("@wix/auto_sdk_bookings_services");
@@ -175,6 +175,70 @@ exports.mockServiceMinimal = {
     name: 'Minimal Service',
     description: '',
 };
+/**
+ * Mock service driving the fixed-duration path: a single value in
+ * `sessionDurations`, no `durationRange`. Drives `Service.DurationInMinutes`;
+ * `Service.DurationRange` renders nothing for this shape.
+ *
+ * `mockService` already carries this shape — this is a renamed copy for
+ * tests/examples that want to name the case they're exercising.
+ */
+exports.mockServiceFixedDuration = {
+    ...exports.mockService,
+    _id: 'test-service-fixed-duration',
+    name: 'Fixed Duration Service',
+    schedule: {
+        availabilityConstraints: {
+            sessionDurations: [60],
+        },
+    },
+};
+/**
+ * Mock service driving the HOUR-unit DurationRange path. Mirrors the server
+ * payload shape: empty `sessionDurations`, range pre-computed at
+ * `availabilityConstraints.durationRange`. `durationRange` is not yet in the
+ * SDK's `AvailabilityConstraints` typing (runtime is ahead of types), so the
+ * service object is cast — matches the read-side cast in
+ * `core/service/Service.tsx`.
+ */
+exports.mockServiceHourRange = {
+    ...exports.mockService,
+    _id: 'test-service-hour-range',
+    name: 'Hourly Range Service',
+    schedule: {
+        availabilityConstraints: {
+            sessionDurations: [],
+            durationRange: {
+                unitType: 'HOUR',
+                hourOptions: {
+                    minDurationInMinutes: 120,
+                    maxDurationInMinutes: 540,
+                },
+            },
+        },
+    },
+};
+/**
+ * Mock service driving the DAY-unit DurationRange path. Same server shape as
+ * {@link mockServiceHourRange}.
+ */
+exports.mockServiceDayRange = {
+    ...exports.mockService,
+    _id: 'test-service-day-range',
+    name: 'Daily Range Service',
+    schedule: {
+        availabilityConstraints: {
+            sessionDurations: [],
+            durationRange: {
+                unitType: 'DAY',
+                dayOptions: {
+                    minDurationInDays: 2,
+                    maxDurationInDays: 5,
+                },
+            },
+        },
+    },
+};
 /**
  * Array of mock services for list tests
  */

package/cjs/dist/api/calculate-cart/index.d.ts

@@ -0,0 +1,3 @@
+import { type CalculateCartOptions, type CalculateCartResponse } from '@wix/auto_sdk_ecom_cart-v-2';
+export declare function calculateCart(cartId: string, options?: CalculateCartOptions): Promise<CalculateCartResponse>;
+export type { CalculateCartResponse, CartSummary, } from '@wix/auto_sdk_ecom_cart-v-2';

package/cjs/dist/api/calculate-cart/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateCart = calculateCart;
+const auto_sdk_ecom_cart_v_2_1 = require("@wix/auto_sdk_ecom_cart-v-2");
+async function calculateCart(cartId, options) {
+    return (0, auto_sdk_ecom_cart_v_2_1.calculateCart)(cartId, options);
+}

package/cjs/dist/api/create-cart/index.d.ts

@@ -0,0 +1,3 @@
+import { type CreateCartOptions, type Cart } from '@wix/auto_sdk_ecom_cart-v-2';
+export declare function createCart(options?: CreateCartOptions): Promise<Cart>;
+export { ChannelType, type CreateCartOptions, type Cart, } from '@wix/auto_sdk_ecom_cart-v-2';

package/cjs/dist/api/create-cart/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChannelType = void 0;
+exports.createCart = createCart;
+const auto_sdk_ecom_cart_v_2_1 = require("@wix/auto_sdk_ecom_cart-v-2");
+async function createCart(options) {
+    return (0, auto_sdk_ecom_cart_v_2_1.createCart)(options);
+}
+var auto_sdk_ecom_cart_v_2_2 = require("@wix/auto_sdk_ecom_cart-v-2");
+Object.defineProperty(exports, "ChannelType", { enumerable: true, get: function () { return auto_sdk_ecom_cart_v_2_2.ChannelType; } });

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

@@ -7,14 +7,8 @@
 export { getServiceById, getServiceBySlug, queryServices, convertPlatformFilterToApiFilter, type PagingMetadata, type QueryServicesRequest, SYNTHETIC_CUSTOM_ID, SYNTHETIC_CUSTOMER_ID, } from './query-services/index.js';
 export { fetchAvailability } from './fetch-availability/index.js';
 export { createBooking, type CreateBookingOptions, type Booking, type CreateBookingRequest, type CreateBookingResponse, type ParticipantNotification, type ContactDetails, } from './create-booking/index.js';
-export { createCheckout, ChannelType, type CreateCheckoutRequest, type CreateCheckoutResponse, } from './create-checkout/index.js';
-export { createOrder, type CreateOrderOptions, type CreateOrderResponse, } from './create-order/index.js';
+export { createCart, ChannelType, type CreateCartOptions, type Cart, } from './create-cart/index.js';
+export { calculateCart, type CalculateCartResponse, type CartSummary, } from './calculate-cart/index.js';
+export { placeOrder, type PlaceOrderOptions, type PlaceOrderResponse, } from './place-order/index.js';
 export { queryLocations, getLocationById, type QueryLocationsResult, type LocationData, } from './query-locations/index.js';
 export { queryCategories, type QueryCategoriesResult, type Category, } from './query-categories/index.js';
-/**
- * PagingMetadata includes:
- * - limit: Number of items per page
- * - offset: Number of items to skip
- * - count: Number of items returned in the current page
- * - hasNext: Whether there are more services available to load
- */

package/cjs/dist/api/index.js

@@ -6,7 +6,7 @@
  * @module API
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.queryCategories = exports.getLocationById = exports.queryLocations = exports.createOrder = exports.ChannelType = exports.createCheckout = exports.createBooking = exports.fetchAvailability = exports.SYNTHETIC_CUSTOMER_ID = exports.SYNTHETIC_CUSTOM_ID = exports.convertPlatformFilterToApiFilter = exports.queryServices = exports.getServiceBySlug = exports.getServiceById = void 0;
+exports.queryCategories = exports.getLocationById = exports.queryLocations = exports.placeOrder = exports.calculateCart = exports.ChannelType = exports.createCart = exports.createBooking = exports.fetchAvailability = exports.SYNTHETIC_CUSTOMER_ID = exports.SYNTHETIC_CUSTOM_ID = exports.convertPlatformFilterToApiFilter = exports.queryServices = exports.getServiceBySlug = exports.getServiceById = void 0;
 var index_js_1 = require("./query-services/index.js");
 Object.defineProperty(exports, "getServiceById", { enumerable: true, get: function () { return index_js_1.getServiceById; } });
 Object.defineProperty(exports, "getServiceBySlug", { enumerable: true, get: function () { return index_js_1.getServiceBySlug; } });
@@ -18,20 +18,15 @@ var index_js_2 = require("./fetch-availability/index.js");
 Object.defineProperty(exports, "fetchAvailability", { enumerable: true, get: function () { return index_js_2.fetchAvailability; } });
 var index_js_3 = require("./create-booking/index.js");
 Object.defineProperty(exports, "createBooking", { enumerable: true, get: function () { return index_js_3.createBooking; } });
-var index_js_4 = require("./create-checkout/index.js");
-Object.defineProperty(exports, "createCheckout", { enumerable: true, get: function () { return index_js_4.createCheckout; } });
+var index_js_4 = require("./create-cart/index.js");
+Object.defineProperty(exports, "createCart", { enumerable: true, get: function () { return index_js_4.createCart; } });
 Object.defineProperty(exports, "ChannelType", { enumerable: true, get: function () { return index_js_4.ChannelType; } });
-var index_js_5 = require("./create-order/index.js");
-Object.defineProperty(exports, "createOrder", { enumerable: true, get: function () { return index_js_5.createOrder; } });
-var index_js_6 = require("./query-locations/index.js");
-Object.defineProperty(exports, "queryLocations", { enumerable: true, get: function () { return index_js_6.queryLocations; } });
-Object.defineProperty(exports, "getLocationById", { enumerable: true, get: function () { return index_js_6.getLocationById; } });
-var index_js_7 = require("./query-categories/index.js");
-Object.defineProperty(exports, "queryCategories", { enumerable: true, get: function () { return index_js_7.queryCategories; } });
-/**
- * PagingMetadata includes:
- * - limit: Number of items per page
- * - offset: Number of items to skip
- * - count: Number of items returned in the current page
- * - hasNext: Whether there are more services available to load
- */
+var index_js_5 = require("./calculate-cart/index.js");
+Object.defineProperty(exports, "calculateCart", { enumerable: true, get: function () { return index_js_5.calculateCart; } });
+var index_js_6 = require("./place-order/index.js");
+Object.defineProperty(exports, "placeOrder", { enumerable: true, get: function () { return index_js_6.placeOrder; } });
+var index_js_7 = require("./query-locations/index.js");
+Object.defineProperty(exports, "queryLocations", { enumerable: true, get: function () { return index_js_7.queryLocations; } });
+Object.defineProperty(exports, "getLocationById", { enumerable: true, get: function () { return index_js_7.getLocationById; } });
+var index_js_8 = require("./query-categories/index.js");
+Object.defineProperty(exports, "queryCategories", { enumerable: true, get: function () { return index_js_8.queryCategories; } });

package/cjs/dist/api/place-order/index.d.ts

@@ -0,0 +1,3 @@
+import { type PlaceOrderOptions, type PlaceOrderResponse } from '@wix/auto_sdk_ecom_cart-v-2';
+export declare function placeOrder(cartId: string, options?: PlaceOrderOptions): Promise<PlaceOrderResponse>;
+export type { PlaceOrderOptions, PlaceOrderResponse, } from '@wix/auto_sdk_ecom_cart-v-2';

package/cjs/dist/api/place-order/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.placeOrder = placeOrder;
+const auto_sdk_ecom_cart_v_2_1 = require("@wix/auto_sdk_ecom_cart-v-2");
+async function placeOrder(cartId, options) {
+    return (0, auto_sdk_ecom_cart_v_2_1.placeOrder)(cartId, options);
+}

package/cjs/dist/api/query-services/index.js

@@ -143,10 +143,10 @@ function convertPlatformFilterToApiFilter(platformFilter) {
             const businessLocationIds = [];
             for (const id of locationIds) {
                 if (id === exports.SYNTHETIC_CUSTOM_ID) {
-                    syntheticTypes.push(auto_sdk_bookings_services_1.LocationType.CUSTOM);
+                    syntheticTypes.push(auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM);
                 }
                 else if (id === exports.SYNTHETIC_CUSTOMER_ID) {
-                    syntheticTypes.push(auto_sdk_bookings_services_1.LocationType.CUSTOMER);
+                    syntheticTypes.push(auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER);
                 }
                 else {
                     businessLocationIds.push(id);

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

@@ -99,7 +99,7 @@ exports.Book = react_1.default.forwardRef((props, ref) => {
     return ((0, jsx_runtime_1.jsx)(CoreBook.Book, { onCheckout: (result) => {
             // Create navigateToCheckout with checkoutId captured
             const navigateToCheckout = (options) => (0, navigation_js_1.navigateToCheckout)({
-                checkoutId: result.checkoutId,
+                cartId: result.cartId,
                 navigationInfo: { postFlowUrl: options.postFlowUrl },
             });
             // Return user's callback result so core can await it

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

@@ -24,7 +24,7 @@ export interface BookProps {
      * Return a Promise to keep loading state active until it resolves.
      */
     onCheckout?: (result: {
-        checkoutId: string;
+        cartId: string;
     }) => void | Promise<unknown>;
     /**
      * Called when booking completes without requiring checkout.

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

@@ -52,7 +52,7 @@ function Book(props) {
         try {
             const result = await bookingService.actions.book();
             if (result.type === types_js_1.BookResultType.CheckoutRequired) {
-                await onCheckout?.({ checkoutId: result.checkoutId });
+                await onCheckout?.({ cartId: result.cartId });
             }
             else {
                 await onComplete?.({ orderId: result.orderId });

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

@@ -6,7 +6,7 @@ import React from 'react';
 import { type BookingServiceConfig, type ServiceSelection, type BookingServiceActions } from '../../../services/booking/booking.js';
 import type { FormValues } from '@wix/forms/components';
 import type { TimeSlot, Resource } from '@wix/auto_sdk_bookings_availability-time-slots';
-import { type Service, type Location as ServiceLocationType } from '@wix/auto_sdk_bookings_services';
+import { type Service, type V2Location as ServiceLocationType } from '@wix/auto_sdk_bookings_services';
 import type { PricingServiceSelection } from '../../../services/payment/payment.js';
 /**
  * Props for Booking.Root component

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

@@ -65,7 +65,16 @@ function Root(props) {
 function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
     // TimeSlot location has flat name/formattedAddress at top level
     // Convert to nested business/custom structure that CoreLocation expects
-    const locationType = timeSlotLocation.locationType;
+    const isCustomer = timeSlotLocation.locationType === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER;
+    const isCustom = timeSlotLocation.locationType === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM;
+    // The two SDKs share BUSINESS/CUSTOM/CUSTOMER but the time-slots enum also
+    // exposes UNKNOWN_LOCATION_TYPE, which V2Location.type does not accept.
+    // Default to BUSINESS for any unrecognized value.
+    const type = isCustomer
+        ? auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER
+        : isCustom
+            ? auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM
+            : auto_sdk_bookings_services_1.LocationTypeEnumLocationType.BUSINESS;
     const location = {
         _id: timeSlotLocation._id ?? undefined,
         name: timeSlotLocation.name ?? undefined,
@@ -77,10 +86,10 @@ function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
     };
     return {
         _id: timeSlotLocation._id ?? undefined,
-        type: locationType,
-        ...(locationType === auto_sdk_bookings_services_1.LocationType.CUSTOMER
+        type,
+        ...(isCustomer
             ? null
-            : locationType === auto_sdk_bookings_services_1.LocationType.CUSTOM
+            : isCustom
                 ? { custom: location }
                 : { business: location }),
     };
@@ -91,7 +100,7 @@ function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
  * 2. If not set, fall back to the first service selection's slot location
  */
 function resolveLocation(bookingLocation, serviceSelections) {
-    if (bookingLocation && bookingLocation.type === auto_sdk_bookings_services_1.LocationType.BUSINESS) {
+    if (bookingLocation && bookingLocation.type === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.BUSINESS) {
         return bookingLocation;
     }
     // Fallback to first slot's location

package/cjs/dist/react/core/location/Location.d.ts

@@ -6,7 +6,7 @@
  * @module Core/Location
  */
 import React from 'react';
-import { LocationType } from '@wix/auto_sdk_bookings_services';
+import { LocationTypeEnumLocationType as LocationType } from '@wix/auto_sdk_bookings_services';
 import type { AddressData as AddressDataType } from '@wix/headless-components/react';
 import type { Location } from '../../../services/location-list/location-list.def.js';
 /**

package/cjs/dist/react/core/location/Location.js

@@ -90,7 +90,7 @@ function hasLocationData(location) {
  */
 function parseLocationAddress(location) {
     // Handle customer location - return null, let consumer handle
-    if (location.type !== auto_sdk_bookings_services_1.LocationType.BUSINESS) {
+    if (location.type !== auto_sdk_bookings_services_1.LocationTypeEnumLocationType.BUSINESS) {
         return null;
     }
     // Get the common address from the appropriate location type
@@ -123,7 +123,7 @@ function parseLocationAddress(location) {
  * Get location type from location data
  */
 function getLocationType(location) {
-    return location.type || auto_sdk_bookings_services_1.LocationType.BUSINESS;
+    return location.type || auto_sdk_bookings_services_1.LocationTypeEnumLocationType.BUSINESS;
 }
 /**
  * Computes LocationRenderProps from location with label fallbacks
@@ -132,7 +132,7 @@ function computeLocationRenderProps(rawLocation, labels) {
     // Handle no location
     if (!rawLocation) {
         return {
-            locationType: auto_sdk_bookings_services_1.LocationType.BUSINESS,
+            locationType: auto_sdk_bookings_services_1.LocationTypeEnumLocationType.BUSINESS,
             address: null,
             name: undefined,
             locationId: undefined,
@@ -146,8 +146,8 @@ function computeLocationRenderProps(rawLocation, labels) {
     }
     const locationType = getLocationType(rawLocation);
     const hasData = hasLocationData(rawLocation);
-    const isCustomLocation = locationType === auto_sdk_bookings_services_1.LocationType.CUSTOM;
-    const isCustomerLocation = locationType === auto_sdk_bookings_services_1.LocationType.CUSTOMER;
+    const isCustomLocation = locationType === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM;
+    const isCustomerLocation = locationType === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER;
     // Compute name with fallback chain:
     // 1. business.name
     // 2. custom.address.addressLine

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

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { type ServiceServiceConfig } from '../../../services/service/service.js';
-import type { Service, Payment, BookingPolicy, Schedule, StaffMember } from '@wix/auto_sdk_bookings_services';
+import type { Service, Payment, BookingPolicy, Schedule, StaffMember, DurationRange } from '@wix/auto_sdk_bookings_services';
 import type { MoneyData } from '@wix/headless-components/react';
 /**
  * Props for Service.Root component
@@ -50,6 +50,15 @@ export interface InfoProps {
         description: string;
         tagline?: string;
         duration?: number;
+        /**
+         * Typed range of supported session durations, derived from
+         * `service.schedule.availabilityConstraints.sessionDurations`. Set when the
+         * service supports two or more distinct durations; otherwise undefined and
+         * the single-value `duration` field above should be used. Consumers branch
+         * on `range.unitType` (the SDK `UnitType` enum) and read the matching
+         * `range.hourOptions` / `range.dayOptions` config.
+         */
+        durationRange?: DurationRange;
         type?: string;
         category?: {
             name?: string;

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

@@ -96,9 +96,9 @@ function Info(props) {
             currency,
         };
     }
-    // Extract duration from schedule.availabilityConstraints.sessionDurations
-    // Use the first duration if multiple are available
-    const duration = service.schedule?.availabilityConstraints?.sessionDurations?.[0];
+    const constraints = service.schedule?.availabilityConstraints;
+    const duration = constraints?.sessionDurations?.[0];
+    const durationRange = constraints?.durationRange;
     // Get staff members from staffMemberDetails.staffMembers
     // (available when using conditionalFields: ['STAFF_MEMBER_DETAILS'] in queryServices)
     const staff = service.staffMembers || [];
@@ -128,7 +128,8 @@ function Info(props) {
         name: service.name || '',
         description: service.description || '',
         tagline: service.tagLine || undefined,
-        duration: duration,
+        duration,
+        durationRange,
         type: service.type,
         category: service.category
             ? {

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

@@ -5,7 +5,7 @@
 import React from 'react';
 import { AsChildChildren } from '@wix/headless-utils/react';
 import { MoneyData } from '@wix/headless-components/react';
-import { type Service, type Payment } from '@wix/auto_sdk_bookings_services';
+import { type Service, type Payment, type DurationRange as DurationRangeData } from '@wix/auto_sdk_bookings_services';
 import * as ServiceMediaModule from './ServiceMedia.js';
 export declare const TestIds: {
     readonly serviceRoot: "service-root";
@@ -14,6 +14,7 @@ export declare const TestIds: {
     readonly servicePrice: "service-price";
     readonly serviceTagline: "service-tagline";
     readonly serviceDurationInMinutes: "service-duration-in-minutes";
+    readonly serviceDurationRange: "service-duration-range";
     readonly serviceType: "service-type";
     readonly serviceCategory: "service-category";
     readonly serviceLocations: "service-locations";
@@ -340,6 +341,72 @@ export interface DurationInMinutesProps extends Omit<React.HTMLAttributes<HTMLEl
  * ```
  */
 export declare const DurationInMinutes: React.ForwardRefExoticComponent<DurationInMinutesProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for Service DurationRange component
+ */
+export interface DurationRangeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    asChild?: boolean;
+    children?: AsChildChildren<{
+        range: DurationRangeData;
+    }>;
+}
+/**
+ * Provides the service's supported session duration range as raw SDK data.
+ * Renders nothing when the service has fewer than two distinct supported
+ * durations — use {@link DurationInMinutes} for that case.
+ *
+ * The component is intentionally UI-agnostic: it does not pick formatting,
+ * units, or labels for you. The default render outputs only the raw
+ * `min - max` numbers (no unit text). Consumers wanting unit-aware UI use
+ * `asChild` with a custom render and narrow on the SDK `range` payload
+ * (`range.hourOptions` / `range.dayOptions` / `range.unitType`, or any
+ * other unit configuration the SDK adds in the future).
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage - displays raw min/max, e.g. "120 - 540" or "2 - 5"
+ * <Service.DurationRange className="text-base text-secondary-foreground" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // asChild with primitive element
+ * <Service.DurationRange asChild>
+ *   <span className="font-semibold" />
+ * </Service.DurationRange>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // asChild with custom component - narrow on the SDK range payload to
+ * // decide unit-specific formatting.
+ * <Service.DurationRange asChild>
+ *   {React.forwardRef(({ range, ...props }, ref) => {
+ *     if (range.hourOptions) {
+ *       const { minDurationInMinutes: min, maxDurationInMinutes: max } =
+ *         range.hourOptions;
+ *       return (
+ *         <span ref={ref} {...props}>
+ *           {min}-{max} min
+ *         </span>
+ *       );
+ *     }
+ *     if (range.dayOptions) {
+ *       const { minDurationInDays: min, maxDurationInDays: max } =
+ *         range.dayOptions;
+ *       return (
+ *         <span ref={ref} {...props}>
+ *           {min}-{max} days
+ *         </span>
+ *       );
+ *     }
+ *     return <span ref={ref} {...props} />;
+ *   })}
+ * </Service.DurationRange>
+ * ```
+ */
+export declare const DurationRange: React.ForwardRefExoticComponent<DurationRangeProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for Service Type component
  */

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

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CoverMedia = exports.MainMedia = exports.StaffMembers = exports.Locations = exports.AvailableOnline = exports.DefaultCapacity = exports.Schedule = exports.ScheduleSessionDuration = exports.ScheduleLastSessionEnd = exports.ScheduleFirstSessionStart = exports.Policy = exports.PolicyMaxParticipantsPerBooking = exports.PolicyBookAfterStartEnabled = exports.PolicyWaitlistCapacity = exports.PolicyLatestRescheduleInMinutes = exports.PolicyEarliestBookingInMinutes = exports.PolicyLatestBookingInMinutes = exports.PolicyLatestCancellationInMinutes = exports.Actions = exports.Raw = exports.StaffMemberRepeater = exports.StaffMembersList = exports.LocationRepeater = exports.LocationsList = exports.Category = exports.Type = exports.DurationInMinutes = exports.Tagline = exports.Price = exports.Description = exports.Name = exports.Root = exports.TestIds = void 0;
+exports.CoverMedia = exports.MainMedia = exports.StaffMembers = exports.Locations = exports.AvailableOnline = exports.DefaultCapacity = exports.Schedule = exports.ScheduleSessionDuration = exports.ScheduleLastSessionEnd = exports.ScheduleFirstSessionStart = exports.Policy = exports.PolicyMaxParticipantsPerBooking = exports.PolicyBookAfterStartEnabled = exports.PolicyWaitlistCapacity = exports.PolicyLatestRescheduleInMinutes = exports.PolicyEarliestBookingInMinutes = exports.PolicyLatestBookingInMinutes = exports.PolicyLatestCancellationInMinutes = exports.Actions = exports.Raw = exports.StaffMemberRepeater = exports.StaffMembersList = exports.LocationRepeater = exports.LocationsList = exports.Category = exports.Type = exports.DurationRange = exports.DurationInMinutes = exports.Tagline = exports.Price = exports.Description = exports.Name = exports.Root = exports.TestIds = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Service - High-level component for displaying service information
@@ -63,6 +63,7 @@ exports.TestIds = {
     servicePrice: 'service-price',
     serviceTagline: 'service-tagline',
     serviceDurationInMinutes: 'service-duration-in-minutes',
+    serviceDurationRange: 'service-duration-range',
     serviceType: 'service-type',
     serviceCategory: 'service-category',
     serviceLocations: 'service-locations',
@@ -341,6 +342,85 @@ exports.DurationInMinutes = react_1.default.forwardRef((props, ref) => {
         } }));
 });
 exports.DurationInMinutes.displayName = 'Service.DurationInMinutes';
+/**
+ * Provides the service's supported session duration range as raw SDK data.
+ * Renders nothing when the service has fewer than two distinct supported
+ * durations — use {@link DurationInMinutes} for that case.
+ *
+ * The component is intentionally UI-agnostic: it does not pick formatting,
+ * units, or labels for you. The default render outputs only the raw
+ * `min - max` numbers (no unit text). Consumers wanting unit-aware UI use
+ * `asChild` with a custom render and narrow on the SDK `range` payload
+ * (`range.hourOptions` / `range.dayOptions` / `range.unitType`, or any
+ * other unit configuration the SDK adds in the future).
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage - displays raw min/max, e.g. "120 - 540" or "2 - 5"
+ * <Service.DurationRange className="text-base text-secondary-foreground" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // asChild with primitive element
+ * <Service.DurationRange asChild>
+ *   <span className="font-semibold" />
+ * </Service.DurationRange>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // asChild with custom component - narrow on the SDK range payload to
+ * // decide unit-specific formatting.
+ * <Service.DurationRange asChild>
+ *   {React.forwardRef(({ range, ...props }, ref) => {
+ *     if (range.hourOptions) {
+ *       const { minDurationInMinutes: min, maxDurationInMinutes: max } =
+ *         range.hourOptions;
+ *       return (
+ *         <span ref={ref} {...props}>
+ *           {min}-{max} min
+ *         </span>
+ *       );
+ *     }
+ *     if (range.dayOptions) {
+ *       const { minDurationInDays: min, maxDurationInDays: max } =
+ *         range.dayOptions;
+ *       return (
+ *         <span ref={ref} {...props}>
+ *           {min}-{max} days
+ *         </span>
+ *       );
+ *     }
+ *     return <span ref={ref} {...props} />;
+ *   })}
+ * </Service.DurationRange>
+ * ```
+ */
+exports.DurationRange = react_1.default.forwardRef((props, ref) => {
+    const { asChild, children, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)(CoreService.Info, { children: ({ durationRange }) => {
+            if (!durationRange)
+                return null;
+            // When `unitType` is missing or unrecognised, no default content is
+            // rendered — consumers can still read the raw `range` via asChild.
+            const { unitType, hourOptions, dayOptions } = durationRange;
+            let min;
+            let max;
+            if (unitType === auto_sdk_bookings_services_1.UnitType.HOUR) {
+                min = hourOptions?.minDurationInMinutes;
+                max = hourOptions?.maxDurationInMinutes;
+            }
+            else if (unitType === auto_sdk_bookings_services_1.UnitType.DAY) {
+                min = dayOptions?.minDurationInDays;
+                max = dayOptions?.maxDurationInDays;
+            }
+            const hasRange = min != null && max != null;
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.serviceDurationRange, customElement: children, customElementProps: { range: durationRange }, children: hasRange ? (0, jsx_runtime_1.jsx)("span", { children: `${min} - ${max}` }) : null }));
+        } }));
+});
+exports.DurationRange.displayName = 'Service.DurationRange';
 /**
  * Displays the service type (APPOINTMENT, CLASS, COURSE, etc.) with customizable rendering.
  *

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

@@ -1,24 +1,2 @@
-/**
- * Book Action - Orchestrates the booking flow
- *
- * 1. Validates booking data with canBook()
- * 2. Creates a booking via createBooking() from API layer
- * 3. Creates a checkout via createCheckout() from API layer
- * 4. Determines if checkout is required or can be skipped
- * 5. Returns appropriate result for navigation
- */
 import { type BookActionParams, type 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. Determines if checkout page is required or can be skipped
- * 5. If checkout can be skipped (free/offline), creates order directly
- * 6. Returns appropriate result for navigation
- *
- * @param params - The booking action parameters
- * @returns BookResult with either checkoutId or orderId
- * @throws Error if validation fails, or booking/checkout/order creation fails
- */
 export declare function executeBookAction(params: BookActionParams): Promise<BookResult>;