@wix/headless-bookings 0.0.27 → 0.0.28

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

@@ -9,7 +9,7 @@ import React from 'react';
 import { AsChildChildren } from '@wix/headless-utils/react';
 export { TimeSlotProvider } from '../core/time-slot-list/TimeSlot.js';
 export type { TimeSlotProviderProps } from '../core/time-slot-list/TimeSlot.js';
-export type { LocationData, StaffMemberData, } from '../core/time-slot-list/TimeSlot.js';
+export type { StaffMemberData } from '../core/time-slot-list/TimeSlot.js';
 /**
  * Props for TimeSlot.StartDate component
  */
@@ -136,9 +136,9 @@ export interface SelectProps {
  */
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
 /**
- * Props for TimeSlot.Actions.ClearPreferences component
+ * Props for TimeSlot.Actions.ClearStaffSelection component
  */
-export interface ClearPreferencesProps {
+export interface ClearStaffSelectionProps {
     asChild?: boolean;
     children?: React.ReactNode | ((props: {
         onClick: () => void;
@@ -147,81 +147,34 @@ export interface ClearPreferencesProps {
     label?: string;
 }
 /**
- * Button to clear location and staff preferences while keeping the slot selected.
- * Only renders when at least one preference is selected AND there are multiple options.
- * If it renders, clicking it will clear the preferences.
+ * Button to clear staff selection while keeping the slot selected.
+ * Only renders when a staff member is selected and there are multiple staff options.
  *
  * @component
  * @example
  * ```tsx
  * // Default button - only shows when there's something to clear
- * <TimeSlot.Actions.ClearPreferences label="Change" />
+ * <TimeSlot.Actions.ClearStaffSelection label="Change staff" />
  *
  * // With asChild
- * <TimeSlot.Actions.ClearPreferences asChild>
- *   <button className="btn-secondary">Clear preferences</button>
- * </TimeSlot.Actions.ClearPreferences>
+ * <TimeSlot.Actions.ClearStaffSelection asChild>
+ *   <button className="btn-secondary">Clear staff</button>
+ * </TimeSlot.Actions.ClearStaffSelection>
  *
  * // Using render prop pattern
- * <TimeSlot.Actions.ClearPreferences>
+ * <TimeSlot.Actions.ClearStaffSelection>
  *   {({ onClick }) => <button onClick={onClick}>Change selection</button>}
- * </TimeSlot.Actions.ClearPreferences>
+ * </TimeSlot.Actions.ClearStaffSelection>
  * ```
  */
-export declare const ClearPreferences: React.ForwardRefExoticComponent<ClearPreferencesProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ClearStaffSelection: React.ForwardRefExoticComponent<ClearStaffSelectionProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Actions namespace for TimeSlot
  */
 export declare const Actions: {
     Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
-    ClearPreferences: React.ForwardRefExoticComponent<ClearPreferencesProps & React.RefAttributes<HTMLButtonElement>>;
+    ClearStaffSelection: React.ForwardRefExoticComponent<ClearStaffSelectionProps & React.RefAttributes<HTMLButtonElement>>;
 };
-/**
- * Props for TimeSlot.Locations component
- */
-export interface LocationsProps {
-    children: React.ReactNode;
-    className?: string;
-}
-/**
- * Container for the locations list within a time slot.
- * Uses GenericList.Root to manage the locations list.
- *
- * @component
- * @example
- * ```tsx
- * <TimeSlot.Locations>
- *   <TimeSlot.LocationRepeater>
- *     <TimeSlot.Location.Name />
- *     <TimeSlot.Location.Actions.Select />
- *   </TimeSlot.LocationRepeater>
- * </TimeSlot.Locations>
- * ```
- */
-export declare const Locations: React.ForwardRefExoticComponent<LocationsProps & React.RefAttributes<HTMLElement>>;
-/**
- * Props for TimeSlot.LocationRepeater component
- */
-export interface LocationRepeaterProps {
-    children: React.ReactNode;
-}
-/**
- * Repeater component that renders each location.
- * Follows Repeater Level pattern and uses GenericList.Repeater for consistency.
- * Automatically provides Location context to children.
- *
- * @component
- * @example
- * ```tsx
- * <TimeSlot.LocationRepeater>
- *   <div className="data-[selectable=false]:opacity-50 data-[selected=true]:bg-primary">
- *     <TimeSlot.Location.Name />
- *     <TimeSlot.Location.Actions.Select />
- *   </div>
- * </TimeSlot.LocationRepeater>
- * ```
- */
-export declare const LocationRepeater: React.ForwardRefExoticComponent<LocationRepeaterProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for TimeSlot.Location.Name component
  */
@@ -250,61 +203,11 @@ export interface LocationNameProps {
  * ```
  */
 export declare const LocationName: React.ForwardRefExoticComponent<LocationNameProps & React.RefAttributes<HTMLElement>>;
-/**
- * Props for TimeSlot.Location.Actions.Select component
- */
-export interface SelectLocationProps {
-    asChild?: boolean;
-    children?: React.ReactNode | ((props: {
-        isSelected: boolean;
-        isSelectable: boolean;
-        onClick: () => void;
-    }) => React.ReactNode);
-    className?: string;
-    label?: string;
-}
-/**
- * Button to select this location.
- *
- * @component
- * @example
- * ```tsx
- * // Default button
- * <TimeSlot.Location.Actions.Select label="Select" />
- *
- * // With asChild
- * <TimeSlot.Location.Actions.Select asChild>
- *   <button className="btn-primary">Choose Location</button>
- * </TimeSlot.Location.Actions.Select>
- *
- * // Using render prop pattern
- * <TimeSlot.Location.Actions.Select>
- *   {({ isSelected, isSelectable, onClick }) => (
- *     <button onClick={onClick} disabled={!isSelectable}>
- *       {isSelected ? 'Selected' : 'Select'}
- *     </button>
- *   )}
- * </TimeSlot.Location.Actions.Select>
- * ```
- */
-export declare const SelectLocation: React.ForwardRefExoticComponent<SelectLocationProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Location namespace containing components for displaying individual location data.
- * These components must be used within TimeSlot.LocationRepeater.
- *
- * @example
- * ```tsx
- * <TimeSlot.LocationRepeater>
- *   <TimeSlot.Location.Name />
- *   <TimeSlot.Location.Actions.Select />
- * </TimeSlot.LocationRepeater>
- * ```
  */
 export declare const Location: {
     Name: React.ForwardRefExoticComponent<LocationNameProps & React.RefAttributes<HTMLElement>>;
-    Actions: {
-        Select: React.ForwardRefExoticComponent<SelectLocationProps & React.RefAttributes<HTMLButtonElement>>;
-    };
 };
 /**
  * Props for TimeSlot.StaffMembers component
@@ -387,7 +290,6 @@ export interface SelectStaffMemberProps {
     asChild?: boolean;
     children?: React.ReactNode | ((props: {
         isSelected: boolean;
-        isSelectable: boolean;
         onClick: () => void;
     }) => React.ReactNode);
     className?: string;
@@ -409,8 +311,8 @@ export interface SelectStaffMemberProps {
  *
  * // Using render prop pattern
  * <TimeSlot.StaffMember.Actions.Select>
- *   {({ isSelected, isSelectable, onClick }) => (
- *     <button onClick={onClick} disabled={!isSelectable}>
+ *   {({ isSelected, onClick }) => (
+ *     <button onClick={onClick}>
  *       {isSelected ? 'Selected' : 'Select'}
  *     </button>
  *   )}

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

@@ -21,12 +21,9 @@ var TestIds;
     TestIds["timeSlotEndDate"] = "time-slot-end-date";
     TestIds["timeSlotDuration"] = "time-slot-duration";
     TestIds["timeSlotActionSelect"] = "time-slot-action-select";
-    TestIds["timeSlotActionClearPreferences"] = "time-slot-action-clear-preferences";
-    // Location components
-    TestIds["timeSlotLocations"] = "time-slot-locations";
-    TestIds["timeSlotLocation"] = "time-slot-location";
+    TestIds["timeSlotActionClearStaffSelection"] = "time-slot-action-clear-staff-selection";
+    // Location component
     TestIds["timeSlotLocationName"] = "time-slot-location-name";
-    TestIds["timeSlotLocationActionSelect"] = "time-slot-location-action-select";
     // StaffMember components
     TestIds["timeSlotStaffMembers"] = "time-slot-staff-members";
     TestIds["timeSlotStaffMember"] = "time-slot-staff-member";
@@ -139,95 +136,45 @@ export const Select = React.forwardRef((props, ref) => {
 });
 Select.displayName = 'TimeSlot.Actions.Select';
 /**
- * Button to clear location and staff preferences while keeping the slot selected.
- * Only renders when at least one preference is selected AND there are multiple options.
- * If it renders, clicking it will clear the preferences.
+ * Button to clear staff selection while keeping the slot selected.
+ * Only renders when a staff member is selected and there are multiple staff options.
  *
  * @component
  * @example
  * ```tsx
  * // Default button - only shows when there's something to clear
- * <TimeSlot.Actions.ClearPreferences label="Change" />
+ * <TimeSlot.Actions.ClearStaffSelection label="Change staff" />
  *
  * // With asChild
- * <TimeSlot.Actions.ClearPreferences asChild>
- *   <button className="btn-secondary">Clear preferences</button>
- * </TimeSlot.Actions.ClearPreferences>
+ * <TimeSlot.Actions.ClearStaffSelection asChild>
+ *   <button className="btn-secondary">Clear staff</button>
+ * </TimeSlot.Actions.ClearStaffSelection>
  *
  * // Using render prop pattern
- * <TimeSlot.Actions.ClearPreferences>
+ * <TimeSlot.Actions.ClearStaffSelection>
  *   {({ onClick }) => <button onClick={onClick}>Change selection</button>}
- * </TimeSlot.Actions.ClearPreferences>
+ * </TimeSlot.Actions.ClearStaffSelection>
  * ```
  */
-export const ClearPreferences = React.forwardRef((props, ref) => {
+export const ClearStaffSelection = React.forwardRef((props, ref) => {
     const { asChild, children, className, label } = props;
-    return (_jsx(CoreTimeSlot.Actions, { children: ({ clearPreferences }) => {
-            if (!clearPreferences) {
+    return (_jsx(CoreTimeSlot.Actions, { children: ({ clearStaffSelection }) => {
+            if (!clearStaffSelection) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotActionClearPreferences, customElement: children, customElementProps: {
-                    onClick: clearPreferences,
-                }, children: _jsx("button", { onClick: clearPreferences, children: label }) }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotActionClearStaffSelection, customElement: children, customElementProps: {
+                    onClick: clearStaffSelection,
+                }, children: _jsx("button", { onClick: clearStaffSelection, children: label }) }));
         } }));
 });
-ClearPreferences.displayName = 'TimeSlot.Actions.ClearPreferences';
+ClearStaffSelection.displayName = 'TimeSlot.Actions.ClearStaffSelection';
 /**
  * Actions namespace for TimeSlot
  */
 export const Actions = {
     Select,
-    ClearPreferences,
+    ClearStaffSelection,
 };
-/**
- * Container for the locations list within a time slot.
- * Uses GenericList.Root to manage the locations list.
- *
- * @component
- * @example
- * ```tsx
- * <TimeSlot.Locations>
- *   <TimeSlot.LocationRepeater>
- *     <TimeSlot.Location.Name />
- *     <TimeSlot.Location.Actions.Select />
- *   </TimeSlot.LocationRepeater>
- * </TimeSlot.Locations>
- * ```
- */
-export const Locations = React.forwardRef((props, ref) => {
-    const { children, className } = props;
-    return (_jsx(CoreTimeSlot.Locations, { children: ({ locations }) => {
-            return (_jsx(GenericList.Root, { items: locations, children: _jsx("div", { ref: ref, className: className, "data-testid": TestIds.timeSlotLocations, children: children }) }));
-        } }));
-});
-Locations.displayName = 'TimeSlot.Locations';
-/**
- * Internal component that wraps each location item with context provider.
- */
-const LocationItemWrapper = ({ location, children, }) => {
-    return (_jsx(CoreTimeSlot.LocationProvider, { location: location, children: _jsx("div", { "data-testid": TestIds.timeSlotLocation, "data-location-id": location.id, "data-selected": location.isSelected, "data-selectable": location.isSelectable, children: children }) }));
-};
-/**
- * Repeater component that renders each location.
- * Follows Repeater Level pattern and uses GenericList.Repeater for consistency.
- * Automatically provides Location context to children.
- *
- * @component
- * @example
- * ```tsx
- * <TimeSlot.LocationRepeater>
- *   <div className="data-[selectable=false]:opacity-50 data-[selected=true]:bg-primary">
- *     <TimeSlot.Location.Name />
- *     <TimeSlot.Location.Actions.Select />
- *   </div>
- * </TimeSlot.LocationRepeater>
- * ```
- */
-export const LocationRepeater = React.forwardRef((props, ref) => {
-    const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: location, children: itemChildren }) => (_jsx(LocationItemWrapper, { location: location, children: itemChildren }, location.id)), children: children }));
-});
-LocationRepeater.displayName = 'TimeSlot.LocationRepeater';
 /**
  * Displays the location name.
  *
@@ -247,60 +194,16 @@ LocationRepeater.displayName = 'TimeSlot.LocationRepeater';
  */
 export const LocationName = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreTimeSlot.LocationInfo, { children: ({ name }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotLocationName, customElement: children, customElementProps: { name }, children: _jsx("span", { children: name }) })) }));
+    return (_jsx(CoreTimeSlot.Info, { children: ({ locationName }) => {
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotLocationName, customElement: children, customElementProps: { name: locationName }, children: _jsx("span", { children: locationName }) }));
+        } }));
 });
 LocationName.displayName = 'TimeSlot.Location.Name';
-/**
- * Button to select this location.
- *
- * @component
- * @example
- * ```tsx
- * // Default button
- * <TimeSlot.Location.Actions.Select label="Select" />
- *
- * // With asChild
- * <TimeSlot.Location.Actions.Select asChild>
- *   <button className="btn-primary">Choose Location</button>
- * </TimeSlot.Location.Actions.Select>
- *
- * // Using render prop pattern
- * <TimeSlot.Location.Actions.Select>
- *   {({ isSelected, isSelectable, onClick }) => (
- *     <button onClick={onClick} disabled={!isSelectable}>
- *       {isSelected ? 'Selected' : 'Select'}
- *     </button>
- *   )}
- * </TimeSlot.Location.Actions.Select>
- * ```
- */
-export const SelectLocation = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label } = props;
-    return (_jsx(CoreTimeSlot.LocationActions, { children: ({ selectLocation, isSelected, isSelectable }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotLocationActionSelect, "data-selected": isSelected, "data-selectable": isSelectable, customElement: children, customElementProps: {
-                onClick: selectLocation,
-                disabled: !isSelectable,
-                isSelected,
-                isSelectable,
-            }, children: _jsx("button", { onClick: selectLocation, disabled: !isSelectable, children: label }) })) }));
-});
-SelectLocation.displayName = 'TimeSlot.Location.Actions.Select';
 /**
  * Location namespace containing components for displaying individual location data.
- * These components must be used within TimeSlot.LocationRepeater.
- *
- * @example
- * ```tsx
- * <TimeSlot.LocationRepeater>
- *   <TimeSlot.Location.Name />
- *   <TimeSlot.Location.Actions.Select />
- * </TimeSlot.LocationRepeater>
- * ```
  */
 export const Location = {
     Name: LocationName,
-    Actions: {
-        Select: SelectLocation,
-    },
 };
 /**
  * Container for the staff members list within a time slot.
@@ -328,7 +231,7 @@ 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, "data-selectable": staffMember.isSelectable, children: 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 }) }));
 };
 /**
  * Repeater component that renders each staff member.
@@ -389,8 +292,8 @@ StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
  *
  * // Using render prop pattern
  * <TimeSlot.StaffMember.Actions.Select>
- *   {({ isSelected, isSelectable, onClick }) => (
- *     <button onClick={onClick} disabled={!isSelectable}>
+ *   {({ isSelected, onClick }) => (
+ *     <button onClick={onClick}>
  *       {isSelected ? 'Selected' : 'Select'}
  *     </button>
  *   )}
@@ -399,12 +302,10 @@ StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
  */
 export const SelectStaffMember = React.forwardRef((props, ref) => {
     const { asChild, children, className, label } = props;
-    return (_jsx(CoreTimeSlot.StaffMemberActions, { children: ({ selectStaffMember, isSelected, isSelectable }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotStaffMemberActionSelect, "data-selected": isSelected, "data-selectable": isSelectable, customElement: children, customElementProps: {
+    return (_jsx(CoreTimeSlot.StaffMemberActions, { children: ({ selectStaffMember, isSelected }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotStaffMemberActionSelect, "data-selected": isSelected, customElement: children, customElementProps: {
                 onClick: selectStaffMember,
-                disabled: !isSelectable,
                 isSelected,
-                isSelectable,
-            }, children: _jsx("button", { onClick: selectStaffMember, disabled: !isSelectable, children: label }) })) }));
+            }, children: _jsx("button", { onClick: selectStaffMember, children: label }) })) }));
 });
 SelectStaffMember.displayName = 'TimeSlot.StaffMember.Actions.Select';
 /**

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

@@ -5,8 +5,9 @@
 import React from 'react';
 import { ListVariant } from '@wix/headless-components/react';
 import { AsChildChildren } from '@wix/headless-utils/react';
-import type { TimeSlotListServiceConfig, TimeSlot as TimeSlotType } from '../../services/time-slot-list/time-slot-list.def.js';
-export type { StartDateProps as TimeSlotStartDateProps, EndDateProps as TimeSlotEndDateProps, DurationProps as TimeSlotDurationProps, SelectProps as TimeSlotSelectProps, LocationsProps as TimeSlotLocationsProps, LocationRepeaterProps as TimeSlotLocationRepeaterProps, LocationNameProps as TimeSlotLocationNameProps, SelectLocationProps as TimeSlotSelectLocationProps, StaffMembersProps as TimeSlotStaffMembersProps, StaffMemberRepeaterProps as TimeSlotStaffMemberRepeaterProps, StaffMemberNameProps as TimeSlotStaffMemberNameProps, SelectStaffMemberProps as TimeSlotSelectStaffMemberProps, } from './TimeSlot.js';
+import type { TimeSlot as TimeSlotType } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { TimeSlotListServiceConfig } from '../../services/time-slot-list/time-slot-list.def.js';
+export type { StartDateProps as TimeSlotStartDateProps, EndDateProps as TimeSlotEndDateProps, DurationProps as TimeSlotDurationProps, SelectProps as TimeSlotSelectProps, LocationNameProps as TimeSlotLocationNameProps, StaffMembersProps as TimeSlotStaffMembersProps, StaffMemberRepeaterProps as TimeSlotStaffMemberRepeaterProps, StaffMemberNameProps as TimeSlotStaffMemberNameProps, SelectStaffMemberProps as TimeSlotSelectStaffMemberProps, ClearStaffSelectionProps as TimeSlotClearStaffSelectionProps, } from './TimeSlot.js';
 /**
  * Render props for TimeSlotList.Timezone component
  */
@@ -49,7 +50,7 @@ export declare const Timezone: React.ForwardRefExoticComponent<TimezoneProps & R
  */
 export interface RootProps {
     children: React.ReactNode;
-    config?: TimeSlotListServiceConfig;
+    config: TimeSlotListServiceConfig;
     className?: string;
     variant?: ListVariant;
 }
@@ -134,31 +135,6 @@ type TimeSlotRepeaterChildren = React.ReactNode | ((props: TimeSlotRepeaterChild
 export interface TimeSlotRepeaterProps {
     children: TimeSlotRepeaterChildren;
 }
-/**
- * Repeater component that renders each time slot.
- * Follows Repeater Level pattern and uses GenericList.Repeater for consistency.
- * Automatically provides TimeSlot context to children.
- *
- * @component
- * @example
- * ```tsx
- * // Standard usage with nested components
- * <TimeSlotList.TimeSlotRepeater>
- *   <TimeSlot.StartDate />
- *   <TimeSlot.Duration />
- *   <TimeSlot.Actions.Select />
- * </TimeSlotList.TimeSlotRepeater>
- *
- * // Function children pattern - all data available directly
- * <TimeSlotList.TimeSlotRepeater>
- *   {({ isSelected, bookable, startDate }) => (
- *     <button disabled={!bookable} className={isSelected ? 'selected' : ''}>
- *       {formatTime(startDate)}
- *     </button>
- *   )}
- * </TimeSlotList.TimeSlotRepeater>
- * ```
- */
 export declare const TimeSlotRepeater: React.ForwardRefExoticComponent<TimeSlotRepeaterProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for TimeSlotList.Actions.LoadMore component
@@ -270,15 +246,10 @@ export declare const TimeSlot: {
     Duration: React.ForwardRefExoticComponent<import("./TimeSlot.js").DurationProps & React.RefAttributes<HTMLElement>>;
     Actions: {
         Select: React.ForwardRefExoticComponent<import("./TimeSlot.js").SelectProps & React.RefAttributes<HTMLButtonElement>>;
-        ClearPreferences: React.ForwardRefExoticComponent<import("./TimeSlot.js").ClearPreferencesProps & React.RefAttributes<HTMLButtonElement>>;
+        ClearStaffSelection: React.ForwardRefExoticComponent<import("./TimeSlot.js").ClearStaffSelectionProps & React.RefAttributes<HTMLButtonElement>>;
     };
-    Locations: React.ForwardRefExoticComponent<import("./TimeSlot.js").LocationsProps & React.RefAttributes<HTMLElement>>;
-    LocationRepeater: React.ForwardRefExoticComponent<import("./TimeSlot.js").LocationRepeaterProps & React.RefAttributes<HTMLElement>>;
     Location: {
         Name: React.ForwardRefExoticComponent<import("./TimeSlot.js").LocationNameProps & React.RefAttributes<HTMLElement>>;
-        Actions: {
-            Select: React.ForwardRefExoticComponent<import("./TimeSlot.js").SelectLocationProps & React.RefAttributes<HTMLButtonElement>>;
-        };
     };
     StaffMembers: React.ForwardRefExoticComponent<import("./TimeSlot.js").StaffMembersProps & React.RefAttributes<HTMLElement>>;
     StaffMemberRepeater: React.ForwardRefExoticComponent<import("./TimeSlot.js").StaffMemberRepeaterProps & React.RefAttributes<HTMLElement>>;

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

@@ -8,7 +8,7 @@ import { GenericList } from '@wix/headless-components/react';
 import { AsChildSlot } from '@wix/headless-utils/react';
 import * as CoreTimeSlotList from '../core/time-slot-list/TimeSlotList.js';
 import { TimeSlotProvider, Info as CoreTimeSlotInfo, } from '../core/time-slot-list/TimeSlot.js';
-import { StartDate as TimeSlotStartDate, EndDate as TimeSlotEndDate, Duration, Actions as TimeSlotActions, Locations, LocationRepeater, Location, StaffMembers, StaffMemberRepeater, StaffMember, } from './TimeSlot.js';
+import { StartDate as TimeSlotStartDate, EndDate as TimeSlotEndDate, Duration, Actions as TimeSlotActions, Location, StaffMembers, StaffMemberRepeater, StaffMember, } from './TimeSlot.js';
 /**
  * TimeSlot with required id field for GenericList
  */
@@ -77,7 +77,13 @@ Root.displayName = 'TimeSlotList.Root';
  */
 const RootContent = React.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore }) => (_jsx(GenericList.Root, { items: timeSlots, loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.timeSlotListRoot, variant: variant, children: children })) }));
+    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore }) => (
+        // Add stable `id` for GenericList at the headless boundary only.
+        // The underlying service slots remain raw (no grouping / no extra fields).
+        _jsx(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, variant: variant, children: children })) }));
 });
 RootContent.displayName = 'TimeSlotList.RootContent';
 /**
@@ -136,9 +142,12 @@ const TimeSlotItemWrapper = ({ timeSlot, children, }) => {
  * </TimeSlotList.TimeSlotRepeater>
  * ```
  */
+const generateSlotKey = (timeSlot) => {
+    return `${timeSlot.localStartDate}-${timeSlot.location?._id}`;
+};
 export const TimeSlotRepeater = React.forwardRef((props, ref) => {
     const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot }) => (_jsx(TimeSlotItemWrapper, { timeSlot: timeSlot, children: children }, timeSlot.id)), children: undefined }));
+    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot }) => (_jsx(TimeSlotItemWrapper, { timeSlot: timeSlot, children: children }, generateSlotKey(timeSlot))), children: undefined }));
 });
 TimeSlotRepeater.displayName = 'TimeSlotList.TimeSlotRepeater';
 /**
@@ -235,8 +244,6 @@ export const TimeSlot = {
     EndDate: TimeSlotEndDate,
     Duration,
     Actions: TimeSlotActions,
-    Locations,
-    LocationRepeater,
     Location,
     StaffMembers,
     StaffMemberRepeater,

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

@@ -4,7 +4,7 @@
  */
 export { ServiceService, ServiceServiceDefinition, type ServiceServiceAPI, type ServiceServiceConfig, type ServiceActions, type ServicePaymentData, loadServiceServiceInitialData, type SuccessServiceServiceConfigResult, type NotFoundServiceServiceConfigResult, } from './service/service.js';
 export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type Location, type BookingServiceActions, type ServiceSelection, type ServiceSelectionTimeSlot, } from './booking/booking.js';
-export { TimeSlotListService, TimeSlotListServiceDefinition, ViewMode, loadTimeSlotListConfig, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type SlotSelection, type TimeSlot, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list/index.js';
+export { TimeSlotListService, TimeSlotListServiceDefinition, ViewMode, loadTimeSlotListConfig, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list/index.js';
 export { ServiceListService, ServiceListServiceDefinition, type ServiceListServiceAPI, type ServiceListServiceConfig, type ServiceListFilters, type ServiceListActions, type QueryOptions, loadServiceListServiceInitialData, type SuccessServiceListServiceConfigResult, type ErrorServiceListServiceConfigResult, } from './service-list/service-list.js';
 export { executeBookAction, canBook, buildBookingRequest, buildCheckoutRequest, type CanBookParams, type BookResult, type BookingError, type BookActionParams, type BookChildProps, type BookProps, type BuildCheckoutParams, } from './booking/book-action/index.js';
 export { BookingFormService, BookingFormServiceDefinition, type BookingFormServiceAPI, type BookingFormServiceConfig, type BookingFormServiceInternalAPI, type ValidationResult, } from './booking-form/booking-form.js';

package/cjs/dist/services/time-slot-list/index.d.ts

@@ -2,5 +2,5 @@
  * TimeSlotList Service
  * Main export file for time slot list service
  */
-export { TimeSlotListServiceDefinition, ViewMode, type TimeSlot, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type TimeSlotsFilters, type SlotSelection, } from './time-slot-list.def.js';
+export { TimeSlotListServiceDefinition, ViewMode, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type TimeSlotsFilters, } from './time-slot-list.def.js';
 export { TimeSlotListService, loadTimeSlotListConfig, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list.js';

package/cjs/dist/services/time-slot-list/time-slot-list.d.ts

@@ -15,10 +15,10 @@ export declare const TimeSlotListService: import("@wix/services-definitions").Se
 export interface LoadTimeSlotListConfigOptions {
     /** Services to fetch time slots for */
     services?: Service[];
-    /** Start date for the time range (defaults to current date) */
-    startDate?: Date;
-    /** End date for the time range (defaults to 7 days from start) */
-    endDate?: Date;
+    /** Start date for the time range */
+    startDate: Date;
+    /** End date for the time range */
+    endDate: Date;
     /** Timezone for formatting (defaults to UTC) */
     timezone?: string;
     /** Filters for narrowing down time slots */

package/cjs/dist/services/time-slot-list/time-slot-list.def.d.ts

@@ -3,7 +3,7 @@
  * Defines interfaces and service contract for time slot management
  */
 import type { Signal } from '@wix/services-definitions/core-services/signals';
-import type { TimeSlot as ApiTimeSlot, LocationTypeWithLiterals } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { LocationTypeWithLiterals, TimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { Service } from '@wix/auto_sdk_bookings_services';
 /**
  * Location filter input for availability calls.
@@ -17,39 +17,6 @@ export declare enum ViewMode {
     CLASSIC = "classic",
     AGENDA = "agenda"
 }
-/**
- * Maps a location to its available staff members
- */
-export interface StaffByLocation {
-    location: {
-        id: string;
-        name: string;
-    };
-    staffMembers: {
-        id: string;
-        name: string;
-    }[];
-}
-/**
- * Grouped time slot that represents a unique time with all available locations/staff
- * Extends the API TimeSlot type but replaces location-specific fields with aggregated data
- */
-export interface TimeSlot extends Omit<ApiTimeSlot, 'location' | 'availableResources'> {
-    /** Maps each location to its available staff members */
-    staffByLocation: StaffByLocation[];
-    /** Original API slots for this time (needed for booking service) */
-    originalSlots: ApiTimeSlot[];
-    /** Unique identifier for the time slot */
-    id: string;
-}
-/**
- * User's selection state
- */
-export interface SlotSelection {
-    slot: TimeSlot;
-    locationId: string | null;
-    staffMemberId: string | null;
-}
 /**
  * Filters for narrowing down available time slots
  * Matches Wix Bookings API filter parameters
@@ -92,12 +59,12 @@ export interface TimeSlotsFilters {
 export interface TimeSlotListServiceConfig {
     /** Services to fetch time slots for */
     services?: Service[];
-    /** Pre-loaded time slots (from SSR) - already grouped by time */
+    /** Pre-loaded time slots (from SSR) */
     timeSlots?: TimeSlot[];
     /** Start date for the time range */
-    startDate?: Date;
+    startDate: Date;
     /** End date for the time range */
-    endDate?: Date;
+    endDate: Date;
     /** Timezone for formatting */
     timezone?: string;
     /** Filters for narrowing down time slots */
@@ -105,15 +72,13 @@ export interface TimeSlotListServiceConfig {
 }
 export interface TimeSlotListServiceActions {
     selectSlot: (slot: TimeSlot) => void;
-    selectLocation: (locationId: string) => void;
     selectStaffMember: (staffMemberId: string) => void;
-    clearPreferences: () => void;
+    clearStaffSelection: () => void;
     loadMore: () => Promise<void>;
     setDateRange: (start: Date, end: Date) => void;
 }
 export interface TimeSlotListServiceAPI {
     timeSlots: Signal<TimeSlot[]>;
-    selection: Signal<SlotSelection | null>;
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
     hasMore: Signal<boolean>;