@wix/headless-bookings 1.0.0 → 1.0.2

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/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/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
@@ -287,9 +296,13 @@ function PaymentData(props) {
     const { children } = props;
     const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
+    const timezone = bookingService.timezone.get();
     const pricingServiceSelections = serviceSelections.map((selection) => ({
         service: selection.service,
         lineItemId: selection.instanceId,
+        localStartDate: selection.timeSlot?.startDate,
+        localEndDate: selection.timeSlot?.endDate,
+        timeZone: timezone,
     }));
     return children({ pricingServiceSelections });
 }

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/booking.d.ts

@@ -4,7 +4,7 @@
  * Persists across page navigation in SPA until page refresh
  */
 import { type Signal } from '@wix/services-definitions/core-services/signals';
-import type { Service, Location as ServiceLocationType } from '@wix/auto_sdk_bookings_services';
+import type { Service, V2Location as ServiceLocationType } from '@wix/auto_sdk_bookings_services';
 import type { Resource, EventInfo, Location as TimeSlotLocationType } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/forms/components';
 import type { BookResult } from './book-action/types.js';

package/cjs/dist/services/location-list/location-list.def.d.ts

@@ -5,7 +5,7 @@
  * @module Services/LocationList/Definition
  */
 import type { Signal, ReadOnlySignal } from '@wix/services-definitions/core-services/signals';
-import { LocationType, type Service } from '@wix/auto_sdk_bookings_services';
+import { LocationTypeEnumLocationType as LocationType, type Service } from '@wix/auto_sdk_bookings_services';
 /**
  * Location type from the SDK
  * Represents a service location (BUSINESS, CUSTOM, or CUSTOMER type)

package/cjs/dist/services/location-list/location-list.def.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LocationType = exports.LocationListServiceDefinition = void 0;
 const services_definitions_1 = require("@wix/services-definitions");
 const auto_sdk_bookings_services_1 = require("@wix/auto_sdk_bookings_services");
-Object.defineProperty(exports, "LocationType", { enumerable: true, get: function () { return auto_sdk_bookings_services_1.LocationType; } });
+Object.defineProperty(exports, "LocationType", { enumerable: true, get: function () { return auto_sdk_bookings_services_1.LocationTypeEnumLocationType; } });
 // ============================================================================
 // Service Definition
 // ============================================================================

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

@@ -35,13 +35,13 @@ const SYNTHETIC_CUSTOMER_ID = 'customer';
 function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocations) {
     const displayLocations = [];
     // 1. Add all BUSINESS locations directly
-    const businessLocations = locations.filter((loc) => loc.type === auto_sdk_bookings_services_1.LocationType.BUSINESS || loc.type === undefined);
+    const businessLocations = locations.filter((loc) => loc.type === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.BUSINESS || loc.type === undefined);
     for (const loc of businessLocations) {
         displayLocations.push(loc);
     }
     // Check for existing CUSTOM/CUSTOMER in array
-    const customFromArray = locations.find((loc) => loc.type === auto_sdk_bookings_services_1.LocationType.CUSTOM);
-    const customerFromArray = locations.find((loc) => loc.type === auto_sdk_bookings_services_1.LocationType.CUSTOMER);
+    const customFromArray = locations.find((loc) => loc.type === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM);
+    const customerFromArray = locations.find((loc) => loc.type === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER);
     // 2. Add CUSTOM location (from array, or create placeholder)
     if (customFromArray) {
         displayLocations.push(customFromArray);
@@ -49,7 +49,7 @@ function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocatio
     else if (hasCustomLocations) {
         // Placeholder custom location (only from explicit flag, not array)
         const placeholderCustom = {
-            type: auto_sdk_bookings_services_1.LocationType.CUSTOM,
+            type: auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM,
             _id: SYNTHETIC_CUSTOM_ID,
         };
         displayLocations.push(placeholderCustom);
@@ -61,7 +61,7 @@ function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocatio
     else if (hasCustomerLocations) {
         // Placeholder customer location (only from explicit flag, not array)
         const placeholderCustomer = {
-            type: auto_sdk_bookings_services_1.LocationType.CUSTOMER,
+            type: auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER,
             _id: SYNTHETIC_CUSTOMER_ID,
         };
         displayLocations.push(placeholderCustomer);
@@ -89,8 +89,8 @@ exports.LocationListService = services_definitions_1.implementService.withConfig
     // Initialize raw locations signal
     const locationsSignal = signalsService.signal(config.locations || []);
     // Auto-detect from array
-    const hasCustomInArray = (config.locations || []).some((loc) => loc.type === auto_sdk_bookings_services_1.LocationType.CUSTOM);
-    const hasCustomerInArray = (config.locations || []).some((loc) => loc.type === auto_sdk_bookings_services_1.LocationType.CUSTOMER);
+    const hasCustomInArray = (config.locations || []).some((loc) => loc.type === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOM);
+    const hasCustomerInArray = (config.locations || []).some((loc) => loc.type === auto_sdk_bookings_services_1.LocationTypeEnumLocationType.CUSTOMER);
     // Final flags: explicit config OR auto-detected
     const hasCustomLocationsSignal = signalsService.computed(() => config.hasCustomLocations ?? hasCustomInArray);
     const hasCustomerLocationsSignal = signalsService.computed(() => config.hasCustomerLocations ?? hasCustomerInArray);

package/cjs/dist/services/payment/payment.def.d.ts

@@ -48,6 +48,12 @@ export interface PricingServiceSelection {
     service: Service;
     /** Optional line item ID. If not provided, one will be generated. */
     lineItemId?: string;
+    /** Local start date of the selected slot in ISO-8601 format (e.g. "2024-01-30T13:30:00"). */
+    localStartDate?: string;
+    /** Local end date of the selected slot in ISO-8601 format (e.g. "2024-01-30T14:30:00"). */
+    localEndDate?: string;
+    /** IANA time zone identifier for the selected slot (e.g. "America/New_York"). */
+    timeZone?: string;
 }
 /**
  * Public config for PaymentService (SSR mode only):