@wix/headless-bookings 0.0.104 → 0.0.106

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

@@ -1,25 +1,30 @@
+"use strict";
 /**
  * Query Services API
  * Fetches single or multiple services with pagination and sorting
  */
-import { queryServices as queryServicesApi, LocationType, } from '@wix/auto_sdk_bookings_services';
-import { BOOKING_APP_ID } from '../../services/constants.js';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getServiceBySlug = exports.getServiceById = exports.SYNTHETIC_CUSTOMER_ID = exports.SYNTHETIC_CUSTOM_ID = void 0;
+exports.convertPlatformFilterToApiFilter = convertPlatformFilterToApiFilter;
+exports.queryServices = queryServices;
+const auto_sdk_bookings_services_1 = require("@wix/auto_sdk_bookings_services");
+const constants_js_1 = require("../../services/constants.js");
 /**
  * Synthetic location ID constants for non-business locations
  */
-export const SYNTHETIC_CUSTOM_ID = 'custom';
-export const SYNTHETIC_CUSTOMER_ID = 'customer';
+exports.SYNTHETIC_CUSTOM_ID = 'custom';
+exports.SYNTHETIC_CUSTOMER_ID = 'customer';
 /**
  * Fetches a service by its ID
  * @param id - The service ID
  * @param appId - Optional app ID, defaults to booking app ID
  * @returns Object containing the service or null if not found
  */
-export const getServiceById = async (id, appId) => {
+const getServiceById = async (id, appId) => {
     try {
-        const finalAppId = appId ?? BOOKING_APP_ID;
+        const finalAppId = appId ?? constants_js_1.BOOKING_APP_ID;
         // Query services where _id equals the provided id and appId matches
-        const query = queryServicesApi({
+        const query = (0, auto_sdk_bookings_services_1.queryServices)({
             conditionalFields: ['STAFF_MEMBER_DETAILS'],
         });
         const result = await query
@@ -36,17 +41,18 @@ export const getServiceById = async (id, appId) => {
         return { service: null };
     }
 };
+exports.getServiceById = getServiceById;
 /**
  * Fetches a service by its slug
  * @param slug - The service slug
  * @param appId - Optional app ID, defaults to booking app ID
  * @returns Object containing the service or null if not found
  */
-export const getServiceBySlug = async (slug, appId) => {
+const getServiceBySlug = async (slug, appId) => {
     try {
-        const finalAppId = appId ?? BOOKING_APP_ID;
+        const finalAppId = appId ?? constants_js_1.BOOKING_APP_ID;
         // Query services where mainSlug.name equals the provided slug and appId matches
-        const query = queryServicesApi({
+        const query = (0, auto_sdk_bookings_services_1.queryServices)({
             conditionalFields: ['STAFF_MEMBER_DETAILS'],
         });
         const result = await query
@@ -63,6 +69,7 @@ export const getServiceBySlug = async (slug, appId) => {
         return { service: null };
     }
 };
+exports.getServiceBySlug = getServiceBySlug;
 /**
  * Extracts an array of values from a platform Filter field that may use operators like $in or $hasSome.
  * @param fieldValue - The filter field value (can be direct value, array, or operator object)
@@ -120,7 +127,7 @@ function extractArrayFromFilterField(fieldValue) {
  * }
  * ```
  */
-export function convertPlatformFilterToApiFilter(platformFilter) {
+function convertPlatformFilterToApiFilter(platformFilter) {
     if (!platformFilter)
         return {};
     const apiFilter = {};
@@ -135,11 +142,11 @@ export function convertPlatformFilterToApiFilter(platformFilter) {
             const syntheticTypes = [];
             const businessLocationIds = [];
             for (const id of locationIds) {
-                if (id === SYNTHETIC_CUSTOM_ID) {
-                    syntheticTypes.push(LocationType.CUSTOM);
+                if (id === exports.SYNTHETIC_CUSTOM_ID) {
+                    syntheticTypes.push(auto_sdk_bookings_services_1.LocationType.CUSTOM);
                 }
-                else if (id === SYNTHETIC_CUSTOMER_ID) {
-                    syntheticTypes.push(LocationType.CUSTOMER);
+                else if (id === exports.SYNTHETIC_CUSTOMER_ID) {
+                    syntheticTypes.push(auto_sdk_bookings_services_1.LocationType.CUSTOMER);
                 }
                 else {
                     businessLocationIds.push(id);
@@ -207,7 +214,7 @@ const buildServicesQueryRequest = ({ appId, filter: platformFilter, paging, sort
  * }
  * ```
  */
-export async function queryServices({ appId, filter, pagingMetadata, sort, }) {
+async function queryServices({ appId, filter, pagingMetadata, sort, }) {
     try {
         const queryRequest = buildServicesQueryRequest({
             appId,
@@ -217,7 +224,7 @@ export async function queryServices({ appId, filter, pagingMetadata, sort, }) {
         });
         // Call queryServices with QueryServicesRequest and execute the query
         // Include conditionalFields to fetch staff member details
-        const result = await queryServicesApi({
+        const result = await (0, auto_sdk_bookings_services_1.queryServices)({
             ...queryRequest,
             conditionalFields: ['STAFF_MEMBER_DETAILS'],
         }).find();

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

@@ -1,13 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Book = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Book - High-level headless component for the book action button
  * Wraps core Book with AsChildSlot pattern for customization
  */
-import React from 'react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as CoreBook from '../core/booking/Book.js';
-import { navigateToCheckout as navigateToCheckoutUtil } from '../../utils/navigation.js';
-export const TestIds = {
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-utils/react");
+const CoreBook = __importStar(require("../core/booking/Book.js"));
+const navigation_js_1 = require("../../utils/navigation.js");
+exports.TestIds = {
     bookingActionBook: 'booking-action-book',
 };
 /**
@@ -55,11 +94,11 @@ export const TestIds = {
  * </Booking.Actions.Book>
  * ```
  */
-export const Book = React.forwardRef((props, ref) => {
+exports.Book = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, label, loadingState, disabled, onCheckout, onComplete, onError, onClick, ...rest } = props;
-    return (_jsx(CoreBook.Book, { onCheckout: (result) => {
+    return ((0, jsx_runtime_1.jsx)(CoreBook.Book, { onCheckout: (result) => {
             // Create navigateToCheckout with checkoutId captured
-            const navigateToCheckout = (options) => navigateToCheckoutUtil({
+            const navigateToCheckout = (options) => (0, navigation_js_1.navigateToCheckout)({
                 checkoutId: result.checkoutId,
                 navigationInfo: { postFlowUrl: options.postFlowUrl },
             });
@@ -72,12 +111,12 @@ export const Book = React.forwardRef((props, ref) => {
                 await coreBookProps.onClick();
                 onClick?.(coreBookProps);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, disabled: coreBookProps.disabled, "data-testid": TestIds.bookingActionBook, "data-in-progress": coreBookProps.isLoading, "data-can-book": coreBookProps.canBook, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, disabled: coreBookProps.disabled, "data-testid": exports.TestIds.bookingActionBook, "data-in-progress": coreBookProps.isLoading, "data-can-book": coreBookProps.canBook, customElement: children, customElementProps: {
                     ...coreBookProps,
                     onClick: handleClick,
-                }, children: _jsx("button", { onClick: handleClick, children: coreBookProps.isLoading
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: coreBookProps.isLoading
                         ? loadingState
                         : children || label }) }));
         } }));
 });
-Book.displayName = 'Booking.Actions.Book';
+exports.Book.displayName = 'Booking.Actions.Book';

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

@@ -1,18 +1,59 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookingItemRepeater = exports.BookingItems = exports.useBookingItem = exports.Actions = exports.Root = exports.TestIds = void 0;
+exports.Payment = Payment;
+exports.Location = Location;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Booking - High-level component for managing bookings
  * Provides root component for booking context and booking item display components
  */
-import React from 'react';
-import * as CoreBooking from '../core/booking/Booking.js';
-import { Book } from './Book.js';
-import * as PaymentComponent from '../payment/Payment.js';
-import * as CoreLocation from '../core/location/Location.js';
-import { GenericList } from '@wix/headless-components/react';
+const react_1 = __importDefault(require("react"));
+const CoreBooking = __importStar(require("../core/booking/Booking.js"));
+const Book_js_1 = require("./Book.js");
+const PaymentComponent = __importStar(require("../payment/Payment.js"));
+const CoreLocation = __importStar(require("../core/location/Location.js"));
+const react_2 = require("@wix/headless-components/react");
 // ============================================================================
 // TestIds
 // ============================================================================
-export const TestIds = {
+exports.TestIds = {
     bookingItemsRoot: 'booking-items-root',
     bookingItems: 'booking-items',
     bookingItem: 'booking-item',
@@ -40,11 +81,12 @@ export const TestIds = {
  * }
  * ```
  */
-export const Root = (props) => {
+const Root = (props) => {
     const { children, bookingServiceConfig = {} } = props;
-    return (_jsx(CoreBooking.Root, { bookingServiceConfig: bookingServiceConfig, children: children }));
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.Root, { bookingServiceConfig: bookingServiceConfig, children: children }));
 };
-Root.displayName = 'Booking.Root';
+exports.Root = Root;
+exports.Root.displayName = 'Booking.Root';
 // ============================================================================
 // Actions Namespace
 // ============================================================================
@@ -64,8 +106,8 @@ Root.displayName = 'Booking.Root';
  * />
  * ```
  */
-export const Actions = {
-    Book,
+exports.Actions = {
+    Book: Book_js_1.Book,
 };
 // ============================================================================
 // BookingItem Context (re-export from core)
@@ -76,7 +118,7 @@ export const Actions = {
  *
  * @throws Error if used outside of BookingItemRepeater context
  */
-export const useBookingItem = CoreBooking.useBookingItemContext;
+exports.useBookingItem = CoreBooking.useBookingItemContext;
 /**
  * Container component for booking items with emptyState support.
  * Provides GenericList context and renders items.
@@ -93,19 +135,19 @@ export const useBookingItem = CoreBooking.useBookingItemContext;
  * </Booking.BookingItems>
  * ```
  */
-export const BookingItems = React.forwardRef((props, ref) => {
+exports.BookingItems = react_1.default.forwardRef((props, ref) => {
     const { children, emptyState, ...otherProps } = props;
-    return (_jsx(CoreBooking.ItemsData, { children: ({ items }) => (_jsx(GenericList.Root, { ref: ref, items: items.map((item) => ({
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.ItemsData, { children: ({ items }) => ((0, jsx_runtime_1.jsx)(react_2.GenericList.Root, { ref: ref, items: items.map((item) => ({
                 ...item,
                 id: item.instanceId,
-            })), hasMore: false, isLoading: false, "data-testid": TestIds.bookingItems, ...otherProps, children: _jsx(GenericList.Items, { emptyState: emptyState, children: children }) })) }));
+            })), hasMore: false, isLoading: false, "data-testid": exports.TestIds.bookingItems, ...otherProps, children: (0, jsx_runtime_1.jsx)(react_2.GenericList.Items, { emptyState: emptyState, children: children }) })) }));
 });
-BookingItems.displayName = 'Booking.BookingItems';
+exports.BookingItems.displayName = 'Booking.BookingItems';
 /**
  * Internal component that wraps each booking item with context provider.
  */
 const BookingItemWrapper = ({ item, children, }) => {
-    return (_jsx(CoreBooking.BookingItemProvider, { item: item, children: children }));
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.BookingItemProvider, { item: item, children: children }));
 };
 /**
  * Repeater component that maps over booking items and provides context per item.
@@ -129,11 +171,11 @@ const BookingItemWrapper = ({ item, children, }) => {
  * </Booking.BookingItemRepeater>
  * ```
  */
-export const BookingItemRepeater = React.forwardRef((props, ref) => {
+exports.BookingItemRepeater = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item }) => (_jsx(BookingItemWrapper, { item: item, children: children }, item.instanceId)), children: undefined }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Repeater, { ref: ref, itemWrapper: ({ item }) => ((0, jsx_runtime_1.jsx)(BookingItemWrapper, { item: item, children: children }, item.instanceId)), children: undefined }));
 });
-BookingItemRepeater.displayName = 'Booking.BookingItemRepeater';
+exports.BookingItemRepeater.displayName = 'Booking.BookingItemRepeater';
 /**
  * Wraps Payment.Root with all services from all booking items.
  * Should be used outside of ItemRepeater - it calculates payment for all items.
@@ -155,9 +197,9 @@ BookingItemRepeater.displayName = 'Booking.BookingItemRepeater';
  * </Booking.Payment>
  * ```
  */
-export function Payment(props) {
+function Payment(props) {
     const { children, asChild, className } = props;
-    return (_jsx(CoreBooking.PaymentData, { children: ({ pricingServiceSelections }) => (_jsx(PaymentComponent.Root, { pricingServiceSelections: pricingServiceSelections, asChild: asChild, className: className, children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.PaymentData, { children: ({ pricingServiceSelections }) => ((0, jsx_runtime_1.jsx)(PaymentComponent.Root, { pricingServiceSelections: pricingServiceSelections, asChild: asChild, className: className, children: children })) }));
 }
 /**
  * Wraps Location context with the location from the booking context.
@@ -174,7 +216,7 @@ export function Payment(props) {
  * </Booking.Location>
  * ```
  */
-export function Location(props) {
+function Location(props) {
     const { children } = props;
-    return (_jsx(CoreBooking.Data, { children: ({ location }) => location ? (_jsx(CoreLocation.Root, { location: location, children: children })) : null }));
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.Data, { children: ({ location }) => location ? ((0, jsx_runtime_1.jsx)(CoreLocation.Root, { location: location, children: children })) : null }));
 }

package/cjs/dist/react/booking/BookingItem.d.ts

@@ -54,6 +54,8 @@ export interface StaffNameProps extends Omit<React.HTMLAttributes<HTMLElement>,
     children?: AsChildChildren<{
         name: string;
     }>;
+    /** Label to display when no specific staff member is assigned */
+    anyStaffLabel?: string;
 }
 /**
  * Displays the staff member's name from the current booking item.

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

@@ -1,14 +1,55 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaffName = exports.TestIds = void 0;
+exports.Service = Service;
+exports.TimeSlot = TimeSlot;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * BookingItem - Components for displaying booking item details
  * Must be used within Booking.BookingItemRepeater context
  */
-import React from 'react';
-import * as CoreBooking from '../core/booking/Booking.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as ServiceComponent from '../service/Service.js';
-import * as TimeSlotComponent from '../time-slot-list/TimeSlot.js';
-export const TestIds = {
+const react_1 = __importDefault(require("react"));
+const CoreBooking = __importStar(require("../core/booking/Booking.js"));
+const react_2 = require("@wix/headless-utils/react");
+const ServiceComponent = __importStar(require("../service/Service.js"));
+const TimeSlotComponent = __importStar(require("../time-slot-list/TimeSlot.js"));
+exports.TestIds = {
     bookingItemService: 'booking-item-service',
     bookingItemTimeSlot: 'booking-item-time-slot',
     bookingItemStaffName: 'booking-item-staff-name',
@@ -26,9 +67,9 @@ export const TestIds = {
  * </BookingItem.Service>
  * ```
  */
-export function Service(props) {
+function Service(props) {
     const { children } = props;
-    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ service }) => (_jsx(ServiceComponent.Root, { service: service, children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.BookingItemInfo, { children: ({ service }) => ((0, jsx_runtime_1.jsx)(ServiceComponent.Root, { service: service, children: children })) }));
 }
 Service.displayName = 'BookingItem.Service';
 /**
@@ -44,9 +85,9 @@ Service.displayName = 'BookingItem.Service';
  * </BookingItem.TimeSlot>
  * ```
  */
-export function TimeSlot(props) {
+function TimeSlot(props) {
     const { children } = props;
-    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ timeSlot }) => timeSlot ? (_jsx(TimeSlotComponent.Root, { timeSlot: timeSlot, children: children })) : null }));
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.BookingItemInfo, { children: ({ timeSlot }) => timeSlot ? ((0, jsx_runtime_1.jsx)(TimeSlotComponent.Root, { timeSlot: timeSlot, children: children })) : null }));
 }
 TimeSlot.displayName = 'BookingItem.TimeSlot';
 /**
@@ -59,12 +100,12 @@ TimeSlot.displayName = 'BookingItem.TimeSlot';
  * <BookingItem.StaffName className="text-foreground" />
  * ```
  */
-export const StaffName = React.forwardRef((props, ref) => {
-    const { asChild, children, ...rest } = props;
-    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ staffName }) => {
+exports.StaffName = react_1.default.forwardRef((props, ref) => {
+    const { asChild, children, anyStaffLabel, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)(CoreBooking.BookingItemInfo, { anyStaffLabel: anyStaffLabel, children: ({ staffName }) => {
             if (!staffName)
                 return null;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.bookingItemStaffName, customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) }));
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.bookingItemStaffName, customElement: children, customElementProps: { name: staffName }, children: (0, jsx_runtime_1.jsx)("span", { children: staffName }) }));
         } }));
 });
-StaffName.displayName = 'BookingItem.StaffName';
+exports.StaffName.displayName = 'BookingItem.StaffName';

package/cjs/dist/react/booking-form/BookingForm.js

@@ -1,17 +1,56 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookingFormConfigurationError = exports.isBookingFormConfigurationError = exports.LoadError = exports.Fields = exports.Root = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * BookingForm - High-level component for rendering booking forms
  * Provides components for displaying and managing booking form fields
  */
-import React from 'react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { Form } from '@wix/headless-forms/react';
-import * as CoreBookingForm from '../core/booking-form/BookingForm.js';
-import { BookingFormConfigurationError } from '../../services/booking-form/booking-form.js';
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-utils/react");
+const react_3 = require("@wix/headless-forms/react");
+const CoreBookingForm = __importStar(require("../core/booking-form/BookingForm.js"));
+const booking_form_js_1 = require("../../services/booking-form/booking-form.js");
 /**
  * Internal ErrorBoundary for catching BookingFormConfigurationError
  */
-class BookingFormErrorBoundary extends React.Component {
+class BookingFormErrorBoundary extends react_1.default.Component {
     constructor(props) {
         super(props);
         this.state = { error: null };
@@ -24,7 +63,7 @@ class BookingFormErrorBoundary extends React.Component {
         const { children, fallback } = this.props;
         if (error) {
             // If it's a configuration error, render the fallback
-            if (error instanceof BookingFormConfigurationError) {
+            if (error instanceof booking_form_js_1.BookingFormConfigurationError) {
                 if (typeof fallback === 'function') {
                     return fallback(error);
                 }
@@ -32,7 +71,7 @@ class BookingFormErrorBoundary extends React.Component {
                     return fallback;
                 }
                 // Default fallback UI
-                return _jsx("div", { "data-testid": "booking-form-load-error", children: error.message });
+                return (0, jsx_runtime_1.jsx)("div", { "data-testid": "booking-form-load-error", children: error.message });
             }
             // Re-throw non-configuration errors
             throw error;
@@ -40,7 +79,7 @@ class BookingFormErrorBoundary extends React.Component {
         return children;
     }
 }
-export const TestIds = {
+exports.TestIds = {
     bookingFormRoot: 'booking-form-root',
     bookingFormFields: 'booking-form-fields',
     bookingFormActionValidateFormSubmission: 'booking-form-action-validate-form-submission',
@@ -111,29 +150,29 @@ export const TestIds = {
  * </BookingForm.Root>
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children, asChild, className, formId, serviceIds, additionalMetadata, fieldMap, rowGapClassname = 'gap-y-4', columnGapClassname = 'gap-x-2', loadErrorFallback, ...otherProps } = props;
-    return (_jsx(BookingFormErrorBoundary, { fallback: loadErrorFallback, children: _jsx(CoreBookingForm.Root, { formId: formId, serviceIds: serviceIds, additionalMetadata: additionalMetadata, fieldMap: fieldMap, children: (renderProps) => {
+    return ((0, jsx_runtime_1.jsx)(BookingFormErrorBoundary, { fallback: loadErrorFallback, children: (0, jsx_runtime_1.jsx)(CoreBookingForm.Root, { formId: formId, serviceIds: serviceIds, additionalMetadata: additionalMetadata, fieldMap: fieldMap, children: (renderProps) => {
                 // If children is a render prop function, call it with the render props
                 if (typeof children === 'function') {
                     return children(renderProps);
                 }
                 // Otherwise, use declarative pattern with context
-                return (_jsx(BookingFormContext.Provider, { value: {
+                return ((0, jsx_runtime_1.jsx)(BookingFormContext.Provider, { value: {
                         fields: renderProps.fields,
                         rowGapClassname,
                         columnGapClassname,
-                    }, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingFormRoot, ...otherProps, children: _jsx("div", { children: children ?? (_jsxs(_Fragment, { children: [_jsx(Form.Loading, { className: "flex justify-center p-4 text-foreground" }), _jsx(Form.LoadingError, { className: "bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-lg mb-4" }), _jsx(Form.Fields, { fieldMap: renderProps.fields, rowGapClassname: rowGapClassname, columnGapClassname: columnGapClassname }), _jsx(Form.Error, { className: "mt-4 bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-lg" }), _jsx(Form.Submitted, { className: "mt-4 bg-green-500/10 border border-green-500/20 text-green-500 px-4 py-3 rounded-lg" })] })) }) }) }));
+                    }, children: (0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.bookingFormRoot, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: children ?? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_3.Form.Loading, { className: "flex justify-center p-4 text-foreground" }), (0, jsx_runtime_1.jsx)(react_3.Form.LoadingError, { className: "bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-lg mb-4" }), (0, jsx_runtime_1.jsx)(react_3.Form.Fields, { fieldMap: renderProps.fields, rowGapClassname: rowGapClassname, columnGapClassname: columnGapClassname }), (0, jsx_runtime_1.jsx)(react_3.Form.Error, { className: "mt-4 bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-lg" }), (0, jsx_runtime_1.jsx)(react_3.Form.Submitted, { className: "mt-4 bg-green-500/10 border border-green-500/20 text-green-500 px-4 py-3 rounded-lg" })] })) }) }) }));
             } }) }));
 });
-Root.displayName = 'BookingForm.Root';
-const BookingFormContext = React.createContext(null);
+exports.Root.displayName = 'BookingForm.Root';
+const BookingFormContext = react_1.default.createContext(null);
 /**
  * Hook to access BookingForm context
  * @internal
  */
 function useBookingFormContext() {
-    const context = React.useContext(BookingFormContext);
+    const context = react_1.default.useContext(BookingFormContext);
     if (!context) {
         throw new Error('useBookingFormContext must be used within a BookingForm.Root component');
     }
@@ -153,16 +192,19 @@ function useBookingFormContext() {
  * </BookingForm.Root>
  * ```
  */
-export const Fields = React.forwardRef((props, ref) => {
+exports.Fields = react_1.default.forwardRef((props, ref) => {
     const context = useBookingFormContext();
     const { rowGapClassname = context.rowGapClassname, columnGapClassname = context.columnGapClassname, className, ...otherProps } = props;
-    return (_jsx("div", { ref: ref, className: className, "data-testid": TestIds.bookingFormFields, ...otherProps, children: _jsx(Form.Fields, { fieldMap: context.fields, rowGapClassname: rowGapClassname, columnGapClassname: columnGapClassname }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, "data-testid": exports.TestIds.bookingFormFields, ...otherProps, children: (0, jsx_runtime_1.jsx)(react_3.Form.Fields, { fieldMap: context.fields, rowGapClassname: rowGapClassname, columnGapClassname: columnGapClassname }) }));
 });
-Fields.displayName = 'BookingForm.Fields';
+exports.Fields.displayName = 'BookingForm.Fields';
 // ============================================================================
 // Error Handling
 // ============================================================================
 /**
  * Re-export LoadError component and utilities for error handling
  */
-export { LoadError, isBookingFormConfigurationError, BookingFormConfigurationError, } from '../core/booking-form/BookingForm.js';
+var BookingForm_js_1 = require("../core/booking-form/BookingForm.js");
+Object.defineProperty(exports, "LoadError", { enumerable: true, get: function () { return BookingForm_js_1.LoadError; } });
+Object.defineProperty(exports, "isBookingFormConfigurationError", { enumerable: true, get: function () { return BookingForm_js_1.isBookingFormConfigurationError; } });
+Object.defineProperty(exports, "BookingFormConfigurationError", { enumerable: true, get: function () { return BookingForm_js_1.BookingFormConfigurationError; } });