@wix/headless-bookings 0.0.104 → 0.0.106

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

@@ -1,4 +1,43 @@
-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.StaffMember = exports.SelectStaffMember = exports.StaffMemberName = exports.StaffMemberRepeater = exports.StaffMembers = exports.Location = exports.LocationName = exports.Actions = exports.ClearStaffSelection = exports.Select = exports.Duration = exports.EndDate = exports.StartDate = exports.TestIds = exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * TimeSlot - Headless components for displaying time slot information within TimeSlotList
  * Provides components for displaying start/end times, duration, and selection actions
@@ -6,10 +45,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Note: These components must be used within TimeSlotList.TimeSlotRepeater which provides
  * the necessary context. There is no public TimeSlot.Root - context is managed internally.
  */
-import React from 'react';
-import { GenericList, Date, } from '@wix/headless-components/react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as CoreTimeSlot from '../core/time-slot-list/TimeSlot.js';
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-components/react");
+const react_3 = require("@wix/headless-utils/react");
+const CoreTimeSlot = __importStar(require("../core/time-slot-list/TimeSlot.js"));
 /**
  * Root component that provides time slot context.
  *
@@ -23,15 +62,15 @@ import * as CoreTimeSlot from '../core/time-slot-list/TimeSlot.js';
  * </TimeSlot.Root>
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children, timeSlot, asChild, className } = props;
-    return (_jsx(CoreTimeSlot.Root, { config: { timeSlot }, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Root, { config: { timeSlot }, children: (0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, children: children }) }));
 });
-Root.displayName = 'TimeSlot.Root';
+exports.Root.displayName = 'TimeSlot.Root';
 // ============================================================================
 // TestIds
 // ============================================================================
-export const TestIds = {
+exports.TestIds = {
     timeSlotStartDate: 'time-slot-start-date',
     timeSlotEndDate: 'time-slot-end-date',
     timeSlotDuration: 'time-slot-duration',
@@ -69,9 +108,9 @@ export const TestIds = {
  * </TimeSlot.StartDate>
  * ```
  */
-export const StartDate = React.forwardRef((props, ref) => {
+exports.StartDate = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, dateTimeFormatOptions, locale } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ startDate }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotStartDate, customElement: children, customElementProps: { startDate }, children: _jsx(Date, { date: {
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Info, { children: ({ startDate }) => ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.timeSlotStartDate, customElement: children, customElementProps: { startDate }, children: (0, jsx_runtime_1.jsx)(react_2.Date, { date: {
                     date: startDate,
                     locale,
                     dateTimeFormatOptions: dateTimeFormatOptions ?? {
@@ -80,7 +119,7 @@ export const StartDate = React.forwardRef((props, ref) => {
                     },
                 } }) })) }));
 });
-StartDate.displayName = 'TimeSlot.StartDate';
+exports.StartDate.displayName = 'TimeSlot.StartDate';
 /**
  * Displays the time slot end time.
  * Default formatting shows time as "11:00 AM" (hour:minute with AM/PM).
@@ -105,9 +144,9 @@ StartDate.displayName = 'TimeSlot.StartDate';
  * </TimeSlot.EndDate>
  * ```
  */
-export const EndDate = React.forwardRef((props, ref) => {
+exports.EndDate = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, dateTimeFormatOptions, locale } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ endDate }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotEndDate, customElement: children, customElementProps: { endDate }, children: _jsx(Date, { date: {
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Info, { children: ({ endDate }) => ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.timeSlotEndDate, customElement: children, customElementProps: { endDate }, children: (0, jsx_runtime_1.jsx)(react_2.Date, { date: {
                     date: endDate,
                     locale,
                     dateTimeFormatOptions: dateTimeFormatOptions ?? {
@@ -116,7 +155,7 @@ export const EndDate = React.forwardRef((props, ref) => {
                     },
                 } }) })) }));
 });
-EndDate.displayName = 'TimeSlot.EndDate';
+exports.EndDate.displayName = 'TimeSlot.EndDate';
 /**
  * Calculates and displays the duration between start and end times in minutes.
  * Returns null if start/end dates are not available.
@@ -135,11 +174,11 @@ EndDate.displayName = 'TimeSlot.EndDate';
  * </TimeSlot.Duration>
  * ```
  */
-export const Duration = React.forwardRef((props, ref) => {
+exports.Duration = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ durationInMinutes }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.timeSlotDuration, customElement: children, customElementProps: { durationInMinutes }, children: _jsx("span", { children: durationInMinutes }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Info, { children: ({ durationInMinutes }) => ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.timeSlotDuration, customElement: children, customElementProps: { durationInMinutes }, children: (0, jsx_runtime_1.jsx)("span", { children: durationInMinutes }) })) }));
 });
-Duration.displayName = 'TimeSlot.Duration';
+exports.Duration.displayName = 'TimeSlot.Duration';
 /**
  * Button to select this time slot.
  * Default label is "Select".
@@ -173,23 +212,23 @@ Duration.displayName = 'TimeSlot.Duration';
  * </TimeSlot.Actions.Select>
  * ```
  */
-export const Select = React.forwardRef((props, ref) => {
+exports.Select = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, onClick, ...rest } = props;
-    return (_jsx(CoreTimeSlot.Actions, { children: ({ selectTimeSlot, timeSlot, isSelected, bookable }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Actions, { children: ({ selectTimeSlot, timeSlot, isSelected, bookable }) => {
             const handleClick = () => {
                 selectTimeSlot();
                 onClick?.(timeSlot);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: !bookable, "data-testid": TestIds.timeSlotActionSelect, "data-selected": isSelected, "data-bookable": bookable, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: !bookable, "data-testid": exports.TestIds.timeSlotActionSelect, "data-selected": isSelected, "data-bookable": bookable, customElement: children, customElementProps: {
                     onClick: handleClick,
                     disabled: !bookable,
                     isSelected,
                     bookable,
                     timeSlot,
-                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
-Select.displayName = 'TimeSlot.Actions.Select';
+exports.Select.displayName = 'TimeSlot.Actions.Select';
 /**
  * Button to clear staff selection while keeping the slot selected.
  * Only renders when a staff member is selected and there are multiple staff options.
@@ -220,9 +259,9 @@ Select.displayName = 'TimeSlot.Actions.Select';
  * </TimeSlot.Actions.ClearStaffSelection>
  * ```
  */
-export const ClearStaffSelection = React.forwardRef((props, ref) => {
+exports.ClearStaffSelection = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, onClick, ...rest } = props;
-    return (_jsx(CoreTimeSlot.Actions, { children: ({ clearStaffSelection, timeSlot }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Actions, { children: ({ clearStaffSelection, timeSlot }) => {
             if (!clearStaffSelection) {
                 return null;
             }
@@ -230,18 +269,18 @@ export const ClearStaffSelection = React.forwardRef((props, ref) => {
                 clearStaffSelection();
                 onClick?.(timeSlot);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.timeSlotActionClearStaffSelection, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": exports.TestIds.timeSlotActionClearStaffSelection, customElement: children, customElementProps: {
                     onClick: handleClick,
-                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
-ClearStaffSelection.displayName = 'TimeSlot.Actions.ClearStaffSelection';
+exports.ClearStaffSelection.displayName = 'TimeSlot.Actions.ClearStaffSelection';
 /**
  * Actions namespace for TimeSlot
  */
-export const Actions = {
-    Select,
-    ClearStaffSelection,
+exports.Actions = {
+    Select: exports.Select,
+    ClearStaffSelection: exports.ClearStaffSelection,
 };
 /**
  * Displays the location name.
@@ -260,18 +299,18 @@ export const Actions = {
  * </TimeSlot.Location.Name>
  * ```
  */
-export const LocationName = React.forwardRef((props, ref) => {
+exports.LocationName = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CoreTimeSlot.Info, { children: ({ locationName }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.timeSlotLocationName, customElement: children, customElementProps: { name: locationName }, children: _jsx("span", { children: locationName }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.Info, { children: ({ locationName }) => {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.timeSlotLocationName, customElement: children, customElementProps: { name: locationName }, children: (0, jsx_runtime_1.jsx)("span", { children: locationName }) }));
         } }));
 });
-LocationName.displayName = 'TimeSlot.Location.Name';
+exports.LocationName.displayName = 'TimeSlot.Location.Name';
 /**
  * Location namespace containing components for displaying individual location data.
  */
-export const Location = {
-    Name: LocationName,
+exports.Location = {
+    Name: exports.LocationName,
 };
 /**
  * Container for the staff members list within a time slot.
@@ -288,18 +327,18 @@ export const Location = {
  * </TimeSlot.StaffMembers>
  * ```
  */
-export const StaffMembers = React.forwardRef((props, ref) => {
+exports.StaffMembers = react_1.default.forwardRef((props, ref) => {
     const { children, ...attrs } = props;
-    return (_jsx(CoreTimeSlot.StaffMembers, { children: ({ staffMembers }) => {
-            return (_jsx(GenericList.Root, { items: staffMembers, children: _jsx("div", { ref: ref, ...attrs, "data-testid": TestIds.timeSlotStaffMembers, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.StaffMembers, { children: ({ staffMembers }) => {
+            return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Root, { items: staffMembers, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, ...attrs, "data-testid": exports.TestIds.timeSlotStaffMembers, children: children }) }));
         } }));
 });
-StaffMembers.displayName = 'TimeSlot.StaffMembers';
+exports.StaffMembers.displayName = 'TimeSlot.StaffMembers';
 /**
  * Internal component that wraps each staff member item with context provider.
  */
 const StaffMemberItemWrapper = ({ staffMember, children, }) => {
-    return (_jsx(CoreTimeSlot.StaffMemberProvider, { staffMember: staffMember, children: _jsx("div", { "data-testid": TestIds.timeSlotStaffMember, "data-staff-member-id": staffMember.id, "data-selected": staffMember.isSelected, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.StaffMemberProvider, { staffMember: staffMember, children: (0, jsx_runtime_1.jsx)("div", { "data-testid": exports.TestIds.timeSlotStaffMember, "data-staff-member-id": staffMember.id, "data-selected": staffMember.isSelected, children: children }) }));
 };
 /**
  * Repeater component that renders each staff member.
@@ -317,11 +356,11 @@ const StaffMemberItemWrapper = ({ staffMember, children, }) => {
  * </TimeSlot.StaffMemberRepeater>
  * ```
  */
-export const StaffMemberRepeater = React.forwardRef((props, ref) => {
+exports.StaffMemberRepeater = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: staffMember, children: itemChildren }) => (_jsx(StaffMemberItemWrapper, { staffMember: staffMember, children: itemChildren }, staffMember.id)), children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Repeater, { ref: ref, itemWrapper: ({ item: staffMember, children: itemChildren }) => ((0, jsx_runtime_1.jsx)(StaffMemberItemWrapper, { staffMember: staffMember, children: itemChildren }, staffMember.id)), children: children }));
 });
-StaffMemberRepeater.displayName = 'TimeSlot.StaffMemberRepeater';
+exports.StaffMemberRepeater.displayName = 'TimeSlot.StaffMemberRepeater';
 /**
  * Displays the staff member name.
  *
@@ -339,11 +378,11 @@ StaffMemberRepeater.displayName = 'TimeSlot.StaffMemberRepeater';
  * </TimeSlot.StaffMember.Name>
  * ```
  */
-export const StaffMemberName = React.forwardRef((props, ref) => {
+exports.StaffMemberName = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CoreTimeSlot.StaffMemberInfo, { children: ({ name }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.timeSlotStaffMemberName, customElement: children, customElementProps: { name }, children: _jsx("span", { children: name }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.StaffMemberInfo, { children: ({ name }) => ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.timeSlotStaffMemberName, customElement: children, customElementProps: { name }, children: (0, jsx_runtime_1.jsx)("span", { children: name }) })) }));
 });
-StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
+exports.StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
 /**
  * Button to select this staff member.
  * Default label is "Select".
@@ -377,21 +416,21 @@ StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
  * </TimeSlot.StaffMember.Actions.Select>
  * ```
  */
-export const SelectStaffMember = React.forwardRef((props, ref) => {
+exports.SelectStaffMember = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, onClick, ...rest } = props;
-    return (_jsx(CoreTimeSlot.StaffMemberActions, { children: ({ selectStaffMember, isSelected, staffMember }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlot.StaffMemberActions, { children: ({ selectStaffMember, isSelected, staffMember }) => {
             const handleClick = () => {
                 selectStaffMember();
                 onClick?.(staffMember);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.timeSlotStaffMemberActionSelect, "data-selected": isSelected, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": exports.TestIds.timeSlotStaffMemberActionSelect, "data-selected": isSelected, customElement: children, customElementProps: {
                     onClick: handleClick,
                     isSelected,
                     staffMember,
-                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
-SelectStaffMember.displayName = 'TimeSlot.StaffMember.Actions.Select';
+exports.SelectStaffMember.displayName = 'TimeSlot.StaffMember.Actions.Select';
 /**
  * StaffMember namespace containing components for displaying individual staff member data.
  * These components must be used within TimeSlot.StaffMemberRepeater.
@@ -404,9 +443,9 @@ SelectStaffMember.displayName = 'TimeSlot.StaffMember.Actions.Select';
  * </TimeSlot.StaffMemberRepeater>
  * ```
  */
-export const StaffMember = {
-    Name: StaffMemberName,
+exports.StaffMember = {
+    Name: exports.StaffMemberName,
     Actions: {
-        Select: SelectStaffMember,
+        Select: exports.SelectStaffMember,
     },
 };

package/cjs/dist/react/time-slot-list/TimeSlotList.js

@@ -1,15 +1,54 @@
-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.TimeSlot = exports.DateRange = exports.Actions = exports.LoadMore = exports.TimeSlotRepeater = exports.TimeSlots = exports.Root = exports.Timezone = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * TimeSlotList - High-level component for displaying time slot list information
  * Provides components for displaying timezone and time slot data
  */
-import React from 'react';
-import { GenericList } from '@wix/headless-components/react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { startOfDay, endOfDay, parse, format } from 'date-fns';
-import * as CoreTimeSlotList from '../core/time-slot-list/TimeSlotList.js';
-import * as CoreTimeSlot from '../core/time-slot-list/TimeSlot.js';
-import { StartDate as TimeSlotStartDate, EndDate as TimeSlotEndDate, Duration, Actions as TimeSlotActions, Location, StaffMembers, StaffMemberRepeater, StaffMember, Root as TimeSlotRoot, } from './TimeSlot.js';
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-components/react");
+const react_3 = require("@wix/headless-utils/react");
+const date_fns_1 = require("date-fns");
+const CoreTimeSlotList = __importStar(require("../core/time-slot-list/TimeSlotList.js"));
+const CoreTimeSlot = __importStar(require("../core/time-slot-list/TimeSlot.js"));
+const TimeSlot_js_1 = require("./TimeSlot.js");
 // ============================================================================
 // Utilities
 // ============================================================================
@@ -27,12 +66,12 @@ function toISODateString(date, timezone) {
         });
         return formatter.format(date);
     }
-    return format(date, 'yyyy-MM-dd');
+    return (0, date_fns_1.format)(date, 'yyyy-MM-dd');
 }
 /**
  * TimeSlot with required id field for GenericList
  */
-export const TestIds = {
+exports.TestIds = {
     timeSlotListRoot: 'time-slot-list-root',
     timeSlotListTimeSlots: 'time-slot-list-time-slots',
     timeSlotListTimeSlot: 'time-slot-list-time-slot',
@@ -60,11 +99,11 @@ export const TestIds = {
  * </TimeSlotList.Timezone>
  * ```
  */
-export const Timezone = React.forwardRef((props, ref) => {
+exports.Timezone = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreTimeSlotList.Timezone, { children: ({ timezone, displayName }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotListTimezone, customElement: children, customElementProps: { timezone, displayName }, children: _jsx("span", { children: displayName }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlotList.Timezone, { children: ({ timezone, displayName }) => ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.timeSlotListTimezone, customElement: children, customElementProps: { timezone, displayName }, children: (0, jsx_runtime_1.jsx)("span", { children: displayName }) })) }));
 });
-Timezone.displayName = 'TimeSlotList.Timezone';
+exports.Timezone.displayName = 'TimeSlotList.Timezone';
 /**
  * Root component that provides the TimeSlotList service context.
  *
@@ -87,20 +126,20 @@ Timezone.displayName = 'TimeSlotList.Timezone';
  * }
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children, config, className, variant } = props;
-    return (_jsx(CoreTimeSlotList.Root, { config: config, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlotList.Root, { config: config, children: (0, jsx_runtime_1.jsx)(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
 });
-Root.displayName = 'TimeSlotList.Root';
+exports.Root.displayName = 'TimeSlotList.Root';
 /**
  * Internal component to handle the Root content with core layer access
  */
-const RootContent = React.forwardRef((props, ref) => {
+const RootContent = react_1.default.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore, hasSelectedTimeSlot, }) => (_jsx(GenericList.Root, { items: timeSlots.map((slot) => ({
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore, hasSelectedTimeSlot, }) => ((0, jsx_runtime_1.jsx)(react_2.GenericList.Root, { items: timeSlots.map((slot) => ({
                 ...slot,
                 id: generateSlotKey(slot),
-            })), loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.timeSlotListRoot, "data-has-selected-time-slot": hasSelectedTimeSlot, variant: variant, children: children })) }));
+            })), loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": exports.TestIds.timeSlotListRoot, "data-has-selected-time-slot": hasSelectedTimeSlot, variant: variant, children: children })) }));
 });
 RootContent.displayName = 'TimeSlotList.RootContent';
 /**
@@ -120,16 +159,16 @@ RootContent.displayName = 'TimeSlotList.RootContent';
  * </TimeSlotList.TimeSlots>
  * ```
  */
-export const TimeSlots = React.forwardRef((props, ref) => {
+exports.TimeSlots = react_1.default.forwardRef((props, ref) => {
     const { children, ...otherProps } = props;
-    return (_jsx(GenericList.Items, { ref: ref, "data-testid": TestIds.timeSlotListTimeSlots, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Items, { ref: ref, "data-testid": exports.TestIds.timeSlotListTimeSlots, ...otherProps, children: children }));
 });
-TimeSlots.displayName = 'TimeSlotList.TimeSlots';
+exports.TimeSlots.displayName = 'TimeSlotList.TimeSlots';
 /**
  * Internal component that wraps each time slot item with context provider.
  */
 const TimeSlotItemWrapper = ({ timeSlot, children, }) => {
-    return (_jsx(TimeSlotRoot, { timeSlot: timeSlot, children: _jsx(CoreTimeSlot.Info, { children: (props) => (_jsx("div", { "data-testid": TestIds.timeSlotListTimeSlot, "data-bookable": props.bookable, "data-selected": props.isSelected, children: children })) }) }));
+    return ((0, jsx_runtime_1.jsx)(TimeSlot_js_1.Root, { timeSlot: timeSlot, children: (0, jsx_runtime_1.jsx)(CoreTimeSlot.Info, { children: (props) => ((0, jsx_runtime_1.jsx)("div", { "data-testid": exports.TestIds.timeSlotListTimeSlot, "data-bookable": props.bookable, "data-selected": props.isSelected, children: children })) }) }));
 };
 /**
  * Repeater component that renders TimeSlot.Root for each time slot.
@@ -148,11 +187,11 @@ const TimeSlotItemWrapper = ({ timeSlot, children, }) => {
 const generateSlotKey = (timeSlot) => {
     return `${timeSlot.localStartDate}-${timeSlot.location?._id}`;
 };
-export const TimeSlotRepeater = React.forwardRef((props, ref) => {
+exports.TimeSlotRepeater = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot, children: itemChildren }) => (_jsx(TimeSlotItemWrapper, { timeSlot: timeSlot, children: itemChildren }, generateSlotKey(timeSlot))), children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot, children: itemChildren }) => ((0, jsx_runtime_1.jsx)(TimeSlotItemWrapper, { timeSlot: timeSlot, children: itemChildren }, generateSlotKey(timeSlot))), children: children }));
 });
-TimeSlotRepeater.displayName = 'TimeSlotList.TimeSlotRepeater';
+exports.TimeSlotRepeater.displayName = 'TimeSlotList.TimeSlotRepeater';
 /**
  * Displays a button to load more time slots. Not rendered if no more slots are left to load.
  * Follows the architecture rules - does not support asChild as it's a simple trigger component.
@@ -165,16 +204,16 @@ TimeSlotRepeater.displayName = 'TimeSlotList.TimeSlotRepeater';
  * </TimeSlotList.Actions.LoadMore>
  * ```
  */
-export const LoadMore = React.forwardRef((props, ref) => {
-    const { children = _jsx("button", {}), ...otherProps } = props;
-    return (_jsx(GenericList.Actions.LoadMore, { ref: ref, "data-testid": TestIds.timeSlotListLoadMore, ...otherProps, children: children }));
+exports.LoadMore = react_1.default.forwardRef((props, ref) => {
+    const { children = (0, jsx_runtime_1.jsx)("button", {}), ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Actions.LoadMore, { ref: ref, "data-testid": exports.TestIds.timeSlotListLoadMore, ...otherProps, children: children }));
 });
-LoadMore.displayName = 'TimeSlotList.Actions.LoadMore';
+exports.LoadMore.displayName = 'TimeSlotList.Actions.LoadMore';
 /**
  * Actions namespace for TimeSlotList
  */
-export const Actions = {
-    LoadMore,
+exports.Actions = {
+    LoadMore: exports.LoadMore,
 };
 /**
  * Date range input for setting the start and end date filter.
@@ -201,27 +240,27 @@ export const Actions = {
  * </TimeSlotList.DateRange.Input>
  * ```
  */
-const DateRangeInput = React.forwardRef((props, ref) => {
+const DateRangeInput = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, onChange, ...rest } = props;
-    return (_jsx(CoreTimeSlotList.DateRange, { children: ({ startDate, endDate, setDateRange, timezone }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreTimeSlotList.DateRange, { children: ({ startDate, endDate, setDateRange, timezone }) => {
             const handleChange = (e) => {
-                const date = parse(e.target.value, 'yyyy-MM-dd', new Date());
-                setDateRange(startOfDay(date), endOfDay(date));
+                const date = (0, date_fns_1.parse)(e.target.value, 'yyyy-MM-dd', new Date());
+                setDateRange((0, date_fns_1.startOfDay)(date), (0, date_fns_1.endOfDay)(date));
                 onChange?.(e);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onChange: handleChange, "data-testid": TestIds.timeSlotListDateRangeInput, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onChange: handleChange, "data-testid": exports.TestIds.timeSlotListDateRangeInput, customElement: children, customElementProps: {
                     startDate,
                     endDate,
                     onChange: setDateRange,
                     timezone,
-                }, children: _jsx("input", { ref: ref, type: "date", value: toISODateString(startDate, timezone) }) }));
+                }, children: (0, jsx_runtime_1.jsx)("input", { ref: ref, type: "date", value: toISODateString(startDate, timezone) }) }));
         } }));
 });
 DateRangeInput.displayName = 'TimeSlotList.DateRange.Input';
 /**
  * DateRange namespace for TimeSlotList date range filter
  */
-export const DateRange = {
+exports.DateRange = {
     Input: DateRangeInput,
 };
 // ============================================================================
@@ -256,13 +295,13 @@ export const DateRange = {
  * </TimeSlotList.TimeSlotRepeater>
  * ```
  */
-export const TimeSlot = {
-    StartDate: TimeSlotStartDate,
-    EndDate: TimeSlotEndDate,
-    Duration,
-    Actions: TimeSlotActions,
-    Location,
-    StaffMembers,
-    StaffMemberRepeater,
-    StaffMember,
+exports.TimeSlot = {
+    StartDate: TimeSlot_js_1.StartDate,
+    EndDate: TimeSlot_js_1.EndDate,
+    Duration: TimeSlot_js_1.Duration,
+    Actions: TimeSlot_js_1.Actions,
+    Location: TimeSlot_js_1.Location,
+    StaffMembers: TimeSlot_js_1.StaffMembers,
+    StaffMemberRepeater: TimeSlot_js_1.StaffMemberRepeater,
+    StaffMember: TimeSlot_js_1.StaffMember,
 };

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

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Book Action - Orchestrates the booking flow
  *
@@ -7,14 +8,16 @@
  * 4. Determines if checkout is required or can be skipped
  * 5. Returns appropriate result for navigation
  */
-import { createBooking } from '../../../api/create-booking/index.js';
-import { createCheckout } from '../../../api/create-checkout/index.js';
-import { createOrder } from '../../../api/create-order/index.js';
-import { buildBookingRequest } from './buildBookingRequest.js';
-import { buildCheckoutRequest } from './buildCheckoutRequest.js';
-import { canBook } from './canBook.js';
-import { isCheckoutRequired } from './isCheckoutRequired.js';
-import { BookResultType, } from './types.js';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.executeBookAction = executeBookAction;
+const index_js_1 = require("../../../api/create-booking/index.js");
+const index_js_2 = require("../../../api/create-checkout/index.js");
+const index_js_3 = require("../../../api/create-order/index.js");
+const buildBookingRequest_js_1 = require("./buildBookingRequest.js");
+const buildCheckoutRequest_js_1 = require("./buildCheckoutRequest.js");
+const canBook_js_1 = require("./canBook.js");
+const isCheckoutRequired_js_1 = require("./isCheckoutRequired.js");
+const types_js_1 = require("./types.js");
 /**
  * Executes the complete booking flow:
  * 1. Validates that all required data is present
@@ -28,17 +31,17 @@ import { BookResultType, } from './types.js';
  * @returns BookResult with either checkoutId or orderId
  * @throws Error if validation fails, or booking/checkout/order creation fails
  */
-export async function executeBookAction(params) {
+async function executeBookAction(params) {
     // Step 0: Validate
-    if (!canBook({
+    if (!(0, canBook_js_1.canBook)({
         serviceSelections: params.serviceSelections,
         formSubmission: params.formSubmission,
     })) {
         throw new Error('Cannot book: missing required data');
     }
     // Step 1: Create booking
-    const createBookingRequest = buildBookingRequest(params);
-    const bookingResponse = await createBooking(createBookingRequest.booking, {
+    const createBookingRequest = (0, buildBookingRequest_js_1.buildBookingRequest)(params);
+    const bookingResponse = await (0, index_js_1.createBooking)(createBookingRequest.booking, {
         participantNotification: createBookingRequest.participantNotification,
         sendSmsReminder: createBookingRequest.sendSmsReminder ?? undefined,
         formSubmission: createBookingRequest.formSubmission ?? undefined,
@@ -55,26 +58,26 @@ export async function executeBookAction(params) {
         throw new Error('No service selection found');
     }
     const businessLocationId = firstSelection.timeSlot?.location?._id ?? undefined;
-    const checkoutRequest = buildCheckoutRequest({
+    const checkoutRequest = (0, buildCheckoutRequest_js_1.buildCheckoutRequest)({
         bookingId,
         contactDetails,
         businessLocationId,
     });
-    const checkoutResponse = await createCheckout(checkoutRequest);
+    const checkoutResponse = await (0, index_js_2.createCheckout)(checkoutRequest);
     const checkout = checkoutResponse.checkout;
     if (!checkout?._id) {
         throw new Error('Failed to create checkout');
     }
     // Step 3: Determine if checkout is required or can be skipped
     const service = firstSelection.service;
-    if (isCheckoutRequired(checkout, service)) {
-        return { type: BookResultType.CheckoutRequired, checkoutId: checkout._id };
+    if ((0, isCheckoutRequired_js_1.isCheckoutRequired)(checkout, service)) {
+        return { type: types_js_1.BookResultType.CheckoutRequired, checkoutId: checkout._id };
     }
     // Step 4: Skip checkout - create order directly
-    const orderResponse = await createOrder(checkout._id);
+    const orderResponse = await (0, index_js_3.createOrder)(checkout._id);
     const orderId = orderResponse.orderId;
     if (!orderId) {
         throw new Error('Failed to create order');
     }
-    return { type: BookResultType.CheckoutSkipped, orderId };
+    return { type: types_js_1.BookResultType.CheckoutSkipped, orderId };
 }