@wix/headless-bookings 0.0.92 → 0.0.94

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

@@ -7,10 +7,6 @@ import type { ServiceListServiceConfig } from '../services/service-list/service-
 import type { StaffMemberListServiceConfig } from '../services/staff-member-list/staff-member-list.js';
 import type { PagingMetadata } from '../api/query-services/index.js';
 import type { Category } from '../api/query-categories/index.js';
-/**
- * Booking app ID constant
- */
-export declare const BOOKING_APP_ID = "13d21c63-b5ec-5912-8397-c3a5ddb27a97";
 /**
  * Base mock service with all fields populated (APPOINTMENT type, FIXED pricing)
  */

package/cjs/dist/__mocks__/services.js

@@ -2,10 +2,7 @@
  * Shared mock data for booking service tests
  */
 import { RateType, ServiceType } from '@wix/auto_sdk_bookings_services';
-/**
- * Booking app ID constant
- */
-export const BOOKING_APP_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
+import { BOOKING_APP_ID } from '../services/constants.js';
 /**
  * Base mock service with all fields populated (APPOINTMENT type, FIXED pricing)
  */

package/cjs/dist/api/fetch-availability/index.js

@@ -7,6 +7,7 @@ import { listEventTimeSlots } from '@wix/auto_sdk_bookings_event-time-slots';
 import { ServiceType } from '@wix/auto_sdk_bookings_services';
 import { format } from 'date-fns';
 import { ViewMode, } from '../../services/time-slot-list/time-slot-list.def.js';
+import { STAFF_MEMBER_RESOURCE_TYPE_ID } from '../../services/constants.js';
 // ============================================================================
 // Internal Types
 // ============================================================================
@@ -16,7 +17,6 @@ var FlowType;
     FlowType["MULTI_SERVICE"] = "multi_service";
     FlowType["CLASS"] = "class";
 })(FlowType || (FlowType = {}));
-const STAFF_RESOURCE_TYPE_ID = '1cd44cf8-756f-41c3-bd90-3e2ffcaf1155';
 // ============================================================================
 // Helpers
 // ============================================================================
@@ -87,14 +87,14 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
         const resourceTypes = staffMemberIds?.length
             ? [
                 {
-                    resourceTypeId: STAFF_RESOURCE_TYPE_ID,
+                    resourceTypeId: STAFF_MEMBER_RESOURCE_TYPE_ID,
                     resourceIds: staffMemberIds,
                 },
             ]
             : undefined;
         const includeResourceTypeIds = isFetchAvailabileDays
             ? undefined
-            : [STAFF_RESOURCE_TYPE_ID];
+            : [STAFF_MEMBER_RESOURCE_TYPE_ID];
         const locations = location
             ? [{ _id: location.id, locationType: location.locationType }]
             : undefined;

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

@@ -3,10 +3,7 @@
  * Fetches single or multiple services with pagination and sorting
  */
 import { queryServices as queryServicesApi, LocationType, } from '@wix/auto_sdk_bookings_services';
-/**
- * Booking app ID constant
- */
-const BOOKING_APP_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
+import { BOOKING_APP_ID } from '../../services/constants.js';
 /**
  * Synthetic location ID constants for non-business locations
  */

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

@@ -4,6 +4,9 @@
  */
 import React from 'react';
 import type { BookChildProps, BookingError } from '../../services/booking/book-action/types.js';
+export declare const TestIds: {
+    readonly bookingActionBook: "booking-action-book";
+};
 /**
  * Props for the high-level Book component
  */
@@ -11,7 +14,7 @@ export interface BookProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     asChild?: boolean;
     children?: React.ReactNode | ((props: BookChildProps) => React.ReactNode);
     label?: string;
-    loadingState?: string;
+    loadingState?: React.ReactNode;
     disabled?: boolean;
     /**
      * Called when checkout is required for payment.

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

@@ -7,10 +7,9 @@ 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';
-var TestIds;
-(function (TestIds) {
-    TestIds["bookingActionBook"] = "booking-action-book";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    bookingActionBook: 'booking-action-book',
+};
 /**
  * Book action button component with AsChildSlot pattern.
  *
@@ -57,7 +56,7 @@ var TestIds;
  * ```
  */
 export const Book = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label, loadingState, disabled, onCheckout, onComplete, onError, onClick, ...buttonProps } = props;
+    const { asChild, children, label, loadingState, disabled, onCheckout, onComplete, onError, onClick, ...rest } = props;
     return (_jsx(CoreBook.Book, { onCheckout: (result) => {
             // Create navigateToCheckout with checkoutId captured
             const navigateToCheckout = (options) => navigateToCheckoutUtil({
@@ -68,12 +67,15 @@ export const Book = React.forwardRef((props, ref) => {
             return onCheckout?.(navigateToCheckout);
         }, onComplete: (result) => {
             return onComplete?.({ orderId: result.orderId });
-        }, onError: onError, disabled: disabled, children: (childProps) => {
-            const handleClick = () => {
-                childProps.onClick();
-                onClick?.(childProps);
+        }, onError: onError, disabled: disabled, children: (coreBookProps) => {
+            const handleClick = async () => {
+                await coreBookProps.onClick();
+                onClick?.(coreBookProps);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingActionBook, "data-in-progress": childProps.isLoading, customElement: children, customElementProps: childProps, children: _jsx("button", { ...buttonProps, onClick: handleClick, disabled: childProps.disabled, children: childProps.isLoading
+            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: {
+                    ...coreBookProps,
+                    onClick: handleClick,
+                }, children: _jsx("button", { onClick: handleClick, children: coreBookProps.isLoading
                         ? loadingState
                         : children || label }) }));
         } }));

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

@@ -6,6 +6,16 @@ import React from 'react';
 import * as CoreBooking from '../core/booking/Booking.js';
 import type { BookingServiceConfig } from '../../services/booking/booking.js';
 export type { BookingData, DataProps, BookingItem, } from '../core/booking/Booking.js';
+export declare const TestIds: {
+    readonly bookingItemsRoot: "booking-items-root";
+    readonly bookingItems: "booking-items";
+    readonly bookingItem: "booking-item";
+    readonly bookingItemService: "booking-item-service";
+    readonly bookingItemTimeSlot: "booking-item-time-slot";
+    readonly bookingItemPayment: "booking-item-payment";
+    readonly bookingLocation: "booking-location";
+    readonly bookingStaffName: "booking-staff-name";
+};
 /**
  * Props for Booking.Root component
  */

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

@@ -12,17 +12,16 @@ import { GenericList } from '@wix/headless-components/react';
 // ============================================================================
 // TestIds
 // ============================================================================
-var TestIds;
-(function (TestIds) {
-    TestIds["bookingItemsRoot"] = "booking-items-root";
-    TestIds["bookingItems"] = "booking-items";
-    TestIds["bookingItem"] = "booking-item";
-    TestIds["bookingItemService"] = "booking-item-service";
-    TestIds["bookingItemTimeSlot"] = "booking-item-time-slot";
-    TestIds["bookingItemPayment"] = "booking-item-payment";
-    TestIds["bookingLocation"] = "booking-location";
-    TestIds["bookingStaffName"] = "booking-staff-name";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    bookingItemsRoot: 'booking-items-root',
+    bookingItems: 'booking-items',
+    bookingItem: 'booking-item',
+    bookingItemService: 'booking-item-service',
+    bookingItemTimeSlot: 'booking-item-time-slot',
+    bookingItemPayment: 'booking-item-payment',
+    bookingLocation: 'booking-location',
+    bookingStaffName: 'booking-staff-name',
+};
 /**
  * Root component that provides booking context to the entire app.
  *

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

@@ -4,6 +4,11 @@
  */
 import React from 'react';
 import { type AsChildChildren } from '@wix/headless-utils/react';
+export declare const TestIds: {
+    readonly bookingItemService: "booking-item-service";
+    readonly bookingItemTimeSlot: "booking-item-time-slot";
+    readonly bookingItemStaffName: "booking-item-staff-name";
+};
 export interface ServiceProps {
     children: React.ReactNode;
 }
@@ -44,12 +49,11 @@ export declare function TimeSlot(props: TimeSlotProps): React.ReactNode;
 export declare namespace TimeSlot {
     var displayName: string;
 }
-export interface StaffNameProps {
+export interface StaffNameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         name: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the staff member's name from the current booking item.

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

@@ -8,12 +8,11 @@ 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';
-var TestIds;
-(function (TestIds) {
-    TestIds["bookingItemService"] = "booking-item-service";
-    TestIds["bookingItemTimeSlot"] = "booking-item-time-slot";
-    TestIds["bookingItemStaffName"] = "booking-item-staff-name";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    bookingItemService: 'booking-item-service',
+    bookingItemTimeSlot: 'booking-item-time-slot',
+    bookingItemStaffName: 'booking-item-staff-name',
+};
 /**
  * Wraps Service.Root with the service from the current booking item context.
  * Must be used within Booking.BookingItemRepeater.
@@ -61,11 +60,11 @@ TimeSlot.displayName = 'BookingItem.TimeSlot';
  * ```
  */
 export const StaffName = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
+    const { asChild, children, ...rest } = props;
     return (_jsx(CoreBooking.BookingItemInfo, { children: ({ staffName }) => {
             if (!staffName)
                 return null;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingItemStaffName, customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.bookingItemStaffName, customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) }));
         } }));
 });
 StaffName.displayName = 'BookingItem.StaffName';

package/cjs/dist/react/booking-form/BookingForm.d.ts

@@ -6,6 +6,11 @@ import React from 'react';
 import { Form } from '@wix/headless-forms/react';
 import * as CoreBookingForm from '../core/booking-form/BookingForm.js';
 type FieldMap = Parameters<typeof Form.Fields>[0]['fieldMap'];
+export declare const TestIds: {
+    readonly bookingFormRoot: "booking-form-root";
+    readonly bookingFormFields: "booking-form-fields";
+    readonly bookingFormActionValidateFormSubmission: "booking-form-action-validate-form-submission";
+};
 /**
  * Props for BookingForm.Root component
  */

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

@@ -40,12 +40,11 @@ class BookingFormErrorBoundary extends React.Component {
         return children;
     }
 }
-var TestIds;
-(function (TestIds) {
-    TestIds["bookingFormRoot"] = "booking-form-root";
-    TestIds["bookingFormFields"] = "booking-form-fields";
-    TestIds["bookingFormActionValidateFormSubmission"] = "booking-form-action-validate-form-submission";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    bookingFormRoot: 'booking-form-root',
+    bookingFormFields: 'booking-form-fields',
+    bookingFormActionValidateFormSubmission: 'booking-form-action-validate-form-submission',
+};
 /**
  * Root component for booking form that wraps CoreBookingForm.Root.
  * Automatically loads form and handles submission in standalone mode.
@@ -171,7 +170,7 @@ Fields.displayName = 'BookingForm.Fields';
  * ```
  */
 export const ValidateFormSubmission = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label, onValidationComplete, onClick, ...buttonProps } = props;
+    const { asChild, children, label, onValidationComplete, onClick, ...rest } = props;
     const [valid, setValid] = React.useState(null);
     const [validationFailures, setValidationFailures] = React.useState([]);
     return (_jsx(CoreBookingForm.Actions, { children: ({ validateFormSubmission }) => {
@@ -184,11 +183,11 @@ export const ValidateFormSubmission = React.forwardRef((props, ref) => {
                 }
                 onClick?.(result);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingFormActionValidateFormSubmission, "data-valid": valid, customElement: children, customElementProps: {
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.bookingFormActionValidateFormSubmission, "data-valid": valid, customElement: children, customElementProps: {
                     onClick: handleClick,
                     valid,
                     validationFailures,
-                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 ValidateFormSubmission.displayName =

package/cjs/dist/react/core/staff-member/StaffMember.js

@@ -8,8 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 import { useService } from '@wix/services-manager-react';
 import { BookingServiceDefinition } from '../../../services/booking/booking.js';
-/** Resource type ID for staff members */
-const STAFF_MEMBER_RESOURCE_TYPE_ID = '1cd44cf8-756f-41c3-bd90-3e2ffcaf1155';
+import { STAFF_MEMBER_RESOURCE_TYPE_ID } from '../../../services/constants.js';
 // ==========================================
 // Context
 // ==========================================

package/cjs/dist/react/core/staff-member-list/StaffMemberList.d.ts

@@ -71,6 +71,8 @@ export interface ActionsRenderProps {
     select: (staffMember: StaffMemberData) => void;
     /** Currently selected staff member */
     selectedStaffMember: StaffMemberData | null;
+    /** Clear the staff member resource from BookingService */
+    clear: () => void;
 }
 /**
  * Props for Actions render prop component

package/cjs/dist/react/core/staff-member-list/StaffMemberList.js

@@ -2,6 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { WixServices, useService } from '@wix/services-manager-react';
 import { createServicesMap } from '@wix/services-manager';
 import { StaffMemberListServiceDefinition, StaffMemberListService, } from '../../../services/staff-member-list/staff-member-list.js';
+import { BookingServiceDefinition } from '../../../services/booking/booking.js';
+import { STAFF_MEMBER_RESOURCE_TYPE_ID } from '../../../services/constants.js';
 /**
  * Root component that provides StaffMemberList service context
  *
@@ -59,8 +61,17 @@ export function StaffMembers(props) {
  */
 export function Actions(props) {
     const service = useService(StaffMemberListServiceDefinition);
+    let bookingService = null;
+    try {
+        bookingService = useService(BookingServiceDefinition);
+    }
+    catch { }
+    const clear = () => {
+        bookingService?.actions.clearResourceByType(STAFF_MEMBER_RESOURCE_TYPE_ID);
+    };
     return props.children({
         select: service.actions.select,
         selectedStaffMember: service.selectedStaffMember.get(),
+        clear,
     });
 }

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

@@ -9,6 +9,16 @@ import * as CoreLocation from '../core/location/Location.js';
 import { type AsChildChildren } from '@wix/headless-utils/react';
 import { LocationType } from '../../services/location-list/location-list.def.js';
 export { useLocationContext } from '../core/location/Location.js';
+export declare const TestIds: {
+    readonly locationRoot: "location-root";
+    readonly locationName: "location-name";
+    readonly locationType: "location-type";
+    readonly locationAddress: "location-address";
+    readonly locationPhone: "location-phone";
+    readonly locationEmail: "location-email";
+    readonly locationRaw: "location-raw";
+    readonly locationActionSelect: "location-action-select";
+};
 export type { AddressData, Location, LocationRenderProps, } from '../core/location/Location.js';
 /**
  * Props for Location.Root component
@@ -58,12 +68,11 @@ export declare const Root: React.ForwardRefExoticComponent<RootProps & React.Ref
 /**
  * Props for Location.Name component
  */
-export interface NameProps {
+export interface NameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: React.ReactNode | AsChildChildren<{
         name: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the location name.
@@ -90,14 +99,13 @@ export declare const Name: React.ForwardRefExoticComponent<NameProps & React.Ref
 /**
  * Props for Location.Type component
  */
-export interface TypeProps {
+export interface TypeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: React.ReactNode | AsChildChildren<{
         locationType: LocationType;
         isCustomerLocation: boolean;
         isCustomLocation: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the location type.

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

@@ -14,17 +14,16 @@ export { useLocationContext } from '../core/location/Location.js';
 // ==========================================
 // TestIds Enum
 // ==========================================
-var TestIds;
-(function (TestIds) {
-    TestIds["locationRoot"] = "location-root";
-    TestIds["locationName"] = "location-name";
-    TestIds["locationType"] = "location-type";
-    TestIds["locationAddress"] = "location-address";
-    TestIds["locationPhone"] = "location-phone";
-    TestIds["locationEmail"] = "location-email";
-    TestIds["locationRaw"] = "location-raw";
-    TestIds["locationActionSelect"] = "location-action-select";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    locationRoot: 'location-root',
+    locationName: 'location-name',
+    locationType: 'location-type',
+    locationAddress: 'location-address',
+    locationPhone: 'location-phone',
+    locationEmail: 'location-email',
+    locationRaw: 'location-raw',
+    locationActionSelect: 'location-action-select',
+};
 // ==========================================
 // Type Definitions
 // ==========================================
@@ -93,9 +92,9 @@ Root.displayName = 'Location.Root';
  * ```
  */
 export const Name = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     const { name } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationName, customElement: children, customElementProps: { name: name ?? '' }, ...attrs, children: name ? _jsx("span", { children: name }) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationName, customElement: children, customElementProps: { name: name ?? '' }, children: name ? _jsx("span", { children: name }) : null }));
 });
 Name.displayName = 'Location.Name';
 /**
@@ -117,13 +116,13 @@ Name.displayName = 'Location.Name';
  * ```
  */
 export const Type = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     const { locationType, isCustomerLocation, isCustomLocation } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationType, customElement: children, customElementProps: {
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationType, customElement: children, customElementProps: {
             locationType,
             isCustomerLocation,
             isCustomLocation,
-        }, ...attrs, children: locationType ? _jsx("span", { children: locationType }) : null }));
+        }, children: locationType ? _jsx("span", { children: locationType }) : null }));
 });
 Type.displayName = 'Location.Type';
 /**
@@ -150,9 +149,9 @@ Type.displayName = 'Location.Type';
  * ```
  */
 export const LocationAddress = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     const { address } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationAddress, customElement: children, customElementProps: { address }, ...attrs, children: address ? (_jsx("span", { children: _jsx(Address.Root, { address: address, children: _jsx(Address.Formatted, {}) }) })) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationAddress, customElement: children, customElementProps: { address }, children: address ? (_jsx("span", { children: _jsx(Address.Root, { address: address, children: _jsx(Address.Formatted, {}) }) })) : null }));
 });
 LocationAddress.displayName = 'Location.Address';
 // Export as Address (avoiding name collision with imported Address)
@@ -173,9 +172,9 @@ export { LocationAddress as Address };
  * ```
  */
 export const Phone = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     const { phone } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationPhone, customElement: children, customElementProps: { phone }, ...attrs, children: phone ? _jsx("span", { children: phone }) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationPhone, customElement: children, customElementProps: { phone }, children: phone ? _jsx("span", { children: phone }) : null }));
 });
 Phone.displayName = 'Location.Phone';
 /**
@@ -194,9 +193,9 @@ Phone.displayName = 'Location.Phone';
  * ```
  */
 export const Email = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     const { email } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationEmail, customElement: children, customElementProps: { email }, ...attrs, children: email ? _jsx("span", { children: email }) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationEmail, customElement: children, customElementProps: { email }, children: email ? _jsx("span", { children: email }) : null }));
 });
 Email.displayName = 'Location.Email';
 /**
@@ -244,7 +243,7 @@ Raw.displayName = 'Location.Raw';
  * ```
  */
 const Select = React.forwardRef((props, ref) => {
-    const { asChild, children, onClick, label, className, ...buttonProps } = props;
+    const { asChild, children, onClick, label, className, ...rest } = props;
     return (_jsx(CoreLocation.Actions, { children: ({ select, selected, rawLocation }) => {
             const handleClick = () => {
                 select();
@@ -252,11 +251,11 @@ const Select = React.forwardRef((props, ref) => {
                     onClick?.(rawLocation);
                 }
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationActionSelect, "data-selected": selected, customElement: children, customElementProps: {
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.locationActionSelect, "data-selected": selected, customElement: children, customElementProps: {
                     onClick: handleClick,
                     selected,
                     location: rawLocation,
-                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Select.displayName = 'Location.Actions.Select';

package/cjs/dist/react/location/LocationList.d.ts

@@ -9,6 +9,13 @@ import { GenericListRepeaterProps, type ListVariant } from '@wix/headless-compon
 import { type AsChildChildren } from '@wix/headless-utils/react';
 import type { LocationListServiceConfig } from '../../services/location-list/location-list.js';
 import { type Location } from '../../services/location-list/location-list.def.js';
+export declare const TestIds: {
+    readonly locationListRoot: "location-list-root";
+    readonly locationListLocations: "location-list-locations";
+    readonly locationListLocation: "location-list-location";
+    readonly locationListActionClear: "location-list-action-clear";
+    readonly locationListTotals: "location-list-totals";
+};
 /**
  * Props for the LocationList root component
  */
@@ -77,13 +84,12 @@ export declare const LocationRepeater: React.ForwardRefExoticComponent<LocationR
 /**
  * Props for LocationList.Totals component
  */
-export interface TotalsProps {
+export interface TotalsProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: React.ReactNode | AsChildChildren<{
         count: number;
         hasLocations: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the total count of locations.

package/cjs/dist/react/location/LocationList.js

@@ -37,13 +37,13 @@ function getLocationType(location) {
 // ============================================================================
 // TestIds
 // ============================================================================
-var TestIds;
-(function (TestIds) {
-    TestIds["locationListRoot"] = "location-list-root";
-    TestIds["locationListLocations"] = "location-list-locations";
-    TestIds["locationListLocation"] = "location-list-location";
-    TestIds["locationListActionClear"] = "location-list-action-clear";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    locationListRoot: 'location-list-root',
+    locationListLocations: 'location-list-locations',
+    locationListLocation: 'location-list-location',
+    locationListActionClear: 'location-list-action-clear',
+    locationListTotals: 'location-list-totals',
+};
 /**
  * Root component that provides the LocationList service context for rendering locations lists.
  *
@@ -133,10 +133,10 @@ LocationRepeater.displayName = 'LocationList.LocationRepeater';
  * ```
  */
 export const Totals = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     return (_jsx(CoreLocationList.Locations, { children: ({ displayLocations, hasLocations }) => {
             const count = displayLocations.length;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { count, hasLocations }, ...attrs, children: _jsx("span", { children: count }) }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationListTotals, customElement: children, customElementProps: { count, hasLocations }, children: _jsx("span", { children: count }) }));
         } }));
 });
 Totals.displayName = 'LocationList.Totals';
@@ -170,7 +170,7 @@ Totals.displayName = 'LocationList.Totals';
  * ```
  */
 const Clear = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label, onClick, ...buttonProps } = props;
+    const { asChild, children, className, label, onClick, ...rest } = props;
     return (_jsx(CoreLocationList.Actions, { children: ({ selectedLocation }) => {
             let bookingService = null;
             try {
@@ -183,9 +183,9 @@ const Clear = React.forwardRef((props, ref) => {
                 bookingService?.actions.clearLocation();
                 onClick?.(selectedLocation);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationListActionClear, customElement: children, customElementProps: {
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.locationListActionClear, customElement: children, customElementProps: {
                     onClick: handleClick,
-                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Clear.displayName = 'LocationList.Actions.Clear';