@wix/headless-bookings 0.0.93 → 0.0.94

package/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/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/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/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
  */

package/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.
  *
@@ -73,10 +72,10 @@ export const Book = React.forwardRef((props, ref) => {
                 await coreBookProps.onClick();
                 onClick?.(coreBookProps);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, onClick: handleClick, disabled: coreBookProps.disabled, "data-testid": TestIds.bookingActionBook, "data-in-progress": coreBookProps.isLoading, "data-can-book": coreBookProps.canBook, customElement: children, customElementProps: {
+            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", { children: coreBookProps.isLoading
+                }, children: _jsx("button", { onClick: handleClick, children: coreBookProps.isLoading
                         ? loadingState
                         : children || label }) }));
         } }));

package/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/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/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;
 }

package/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.

package/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/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.
@@ -184,11 +183,11 @@ export const ValidateFormSubmission = React.forwardRef((props, ref) => {
                 }
                 onClick?.(result);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, onClick: handleClick, "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", { children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 ValidateFormSubmission.displayName =

package/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/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/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/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

package/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
 // ==========================================
@@ -252,11 +251,11 @@ const Select = React.forwardRef((props, ref) => {
                     onClick?.(rawLocation);
                 }
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onClick: handleClick, "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", { children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Select.displayName = 'Location.Actions.Select';

package/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
  */

package/dist/react/location/LocationList.js

@@ -37,14 +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["locationListTotals"] = "location-list-totals";
-})(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.
  *
@@ -184,9 +183,9 @@ const Clear = React.forwardRef((props, ref) => {
                 bookingService?.actions.clearLocation();
                 onClick?.(selectedLocation);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onClick: handleClick, "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", { children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Clear.displayName = 'LocationList.Actions.Clear';

package/dist/react/payment/Payment.d.ts

@@ -6,6 +6,20 @@ import React from 'react';
 import { AsChildChildren } from '@wix/headless-utils/react';
 import { MoneyData } from '@wix/headless-components/react';
 import type { PaymentServiceConfig, PricingServiceSelection } from '../../services/payment/payment.js';
+export declare const TestIds: {
+    readonly paymentRoot: "payment-root";
+    readonly paymentSubtotal: "payment-subtotal";
+    readonly paymentTax: "payment-tax";
+    readonly paymentTotal: "payment-total";
+    readonly paymentPayNow: "payment-pay-now";
+    readonly paymentPayLater: "payment-pay-later";
+    readonly paymentLineItems: "payment-line-items";
+    readonly paymentLineItemsList: "payment-line-items-list";
+    readonly paymentLineItemRepeater: "payment-line-item-repeater";
+    readonly paymentLineItemTotal: "payment-line-item-total";
+    readonly paymentLineItemSubtotal: "payment-line-item-subtotal";
+    readonly paymentLineItemDeposit: "payment-line-item-deposit";
+};
 /**
  * Props for Payment.Root component
  */

package/dist/react/payment/Payment.js

@@ -7,21 +7,20 @@ import React from 'react';
 import * as CorePayment from '../core/payment/Payment.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
 import { Money, GenericList } from '@wix/headless-components/react';
-var TestIds;
-(function (TestIds) {
-    TestIds["paymentRoot"] = "payment-root";
-    TestIds["paymentSubtotal"] = "payment-subtotal";
-    TestIds["paymentTax"] = "payment-tax";
-    TestIds["paymentTotal"] = "payment-total";
-    TestIds["paymentPayNow"] = "payment-pay-now";
-    TestIds["paymentPayLater"] = "payment-pay-later";
-    TestIds["paymentLineItems"] = "payment-line-items";
-    TestIds["paymentLineItemsList"] = "payment-line-items-list";
-    TestIds["paymentLineItemRepeater"] = "payment-line-item-repeater";
-    TestIds["paymentLineItemTotal"] = "payment-line-item-total";
-    TestIds["paymentLineItemSubtotal"] = "payment-line-item-subtotal";
-    TestIds["paymentLineItemDeposit"] = "payment-line-item-deposit";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    paymentRoot: 'payment-root',
+    paymentSubtotal: 'payment-subtotal',
+    paymentTax: 'payment-tax',
+    paymentTotal: 'payment-total',
+    paymentPayNow: 'payment-pay-now',
+    paymentPayLater: 'payment-pay-later',
+    paymentLineItems: 'payment-line-items',
+    paymentLineItemsList: 'payment-line-items-list',
+    paymentLineItemRepeater: 'payment-line-item-repeater',
+    paymentLineItemTotal: 'payment-line-item-total',
+    paymentLineItemSubtotal: 'payment-line-item-subtotal',
+    paymentLineItemDeposit: 'payment-line-item-deposit',
+};
 /**
  * Root component that provides payment context to the entire app.
  * Supports 3 modes:

package/dist/react/service/Service.d.ts

@@ -7,6 +7,39 @@ import { AsChildChildren } from '@wix/headless-utils/react';
 import { MoneyData } from '@wix/headless-components/react';
 import { type Service, type Payment } from '@wix/auto_sdk_bookings_services';
 import * as ServiceMediaModule from './ServiceMedia.js';
+export declare const TestIds: {
+    readonly serviceRoot: "service-root";
+    readonly serviceName: "service-name";
+    readonly serviceDescription: "service-description";
+    readonly servicePrice: "service-price";
+    readonly serviceTagline: "service-tagline";
+    readonly serviceDurationInMinutes: "service-duration-in-minutes";
+    readonly serviceType: "service-type";
+    readonly serviceCategory: "service-category";
+    readonly serviceLocations: "service-locations";
+    readonly serviceLocation: "service-location";
+    readonly serviceLocationRepeater: "service-location-repeater";
+    readonly locationRoot: "location-root";
+    readonly serviceStaffMembers: "service-staff-members";
+    readonly serviceStaffMemberRepeater: "service-staff-member-repeater";
+    readonly serviceSchedule: "service-schedule";
+    readonly serviceDefaultCapacity: "service-default-capacity";
+    readonly serviceRaw: "service-raw";
+    readonly serviceActionSelect: "service-action-select";
+    readonly serviceActionAdd: "service-action-add";
+    readonly serviceActionRemove: "service-action-remove";
+    readonly servicePolicyLatestCancellationInMinutes: "service-policy-latest-cancellation-in-minutes";
+    readonly servicePolicyLatestBookingInMinutes: "service-policy-latest-booking-in-minutes";
+    readonly servicePolicyEarliestBookingInMinutes: "service-policy-earliest-booking-in-minutes";
+    readonly servicePolicyLatestRescheduleInMinutes: "service-policy-latest-reschedule-in-minutes";
+    readonly servicePolicyWaitlistCapacity: "service-policy-waitlist-capacity";
+    readonly servicePolicyBookAfterStartEnabled: "service-policy-book-after-start-enabled";
+    readonly servicePolicyMaxParticipantsPerBooking: "service-policy-max-participants-per-booking";
+    readonly serviceScheduleFirstSessionStart: "service-schedule-first-session-start";
+    readonly serviceScheduleLastSessionEnd: "service-schedule-last-session-end";
+    readonly serviceScheduleSessionDuration: "service-schedule-session-duration";
+    readonly serviceAvailableOnline: "service-available-online";
+};
 /**
  * Base props shared by all Service.Root variants
  */

package/dist/react/service/Service.js

@@ -17,43 +17,42 @@ import * as StaffMemberListModule from '../staff-member/StaffMemberList.js';
 // Note: StaffMember components are used inside StaffMemberList.StaffMemberRepeater
 // Users should import { StaffMember } from '@wix/headless-bookings/react' for StaffMember.Name, etc.
 import * as ServiceMediaModule from './ServiceMedia.js';
-var TestIds;
-(function (TestIds) {
-    TestIds["serviceRoot"] = "service-root";
-    TestIds["serviceName"] = "service-name";
-    TestIds["serviceDescription"] = "service-description";
-    TestIds["servicePrice"] = "service-price";
-    TestIds["serviceTagline"] = "service-tagline";
-    TestIds["serviceDurationInMinutes"] = "service-duration-in-minutes";
-    TestIds["serviceType"] = "service-type";
-    TestIds["serviceCategory"] = "service-category";
-    TestIds["serviceLocations"] = "service-locations";
-    TestIds["serviceLocation"] = "service-location";
-    TestIds["serviceLocationRepeater"] = "service-location-repeater";
-    TestIds["locationRoot"] = "location-root";
-    TestIds["serviceStaffMembers"] = "service-staff-members";
-    TestIds["serviceStaffMemberRepeater"] = "service-staff-member-repeater";
-    TestIds["serviceSchedule"] = "service-schedule";
-    TestIds["serviceDefaultCapacity"] = "service-default-capacity";
-    TestIds["serviceRaw"] = "service-raw";
-    TestIds["serviceActionSelect"] = "service-action-select";
-    TestIds["serviceActionAdd"] = "service-action-add";
-    TestIds["serviceActionRemove"] = "service-action-remove";
+export const TestIds = {
+    serviceRoot: 'service-root',
+    serviceName: 'service-name',
+    serviceDescription: 'service-description',
+    servicePrice: 'service-price',
+    serviceTagline: 'service-tagline',
+    serviceDurationInMinutes: 'service-duration-in-minutes',
+    serviceType: 'service-type',
+    serviceCategory: 'service-category',
+    serviceLocations: 'service-locations',
+    serviceLocation: 'service-location',
+    serviceLocationRepeater: 'service-location-repeater',
+    locationRoot: 'location-root',
+    serviceStaffMembers: 'service-staff-members',
+    serviceStaffMemberRepeater: 'service-staff-member-repeater',
+    serviceSchedule: 'service-schedule',
+    serviceDefaultCapacity: 'service-default-capacity',
+    serviceRaw: 'service-raw',
+    serviceActionSelect: 'service-action-select',
+    serviceActionAdd: 'service-action-add',
+    serviceActionRemove: 'service-action-remove',
     // Policy component TestIds
-    TestIds["servicePolicyLatestCancellationInMinutes"] = "service-policy-latest-cancellation-in-minutes";
-    TestIds["servicePolicyLatestBookingInMinutes"] = "service-policy-latest-booking-in-minutes";
-    TestIds["servicePolicyEarliestBookingInMinutes"] = "service-policy-earliest-booking-in-minutes";
-    TestIds["servicePolicyLatestRescheduleInMinutes"] = "service-policy-latest-reschedule-in-minutes";
-    TestIds["servicePolicyWaitlistCapacity"] = "service-policy-waitlist-capacity";
-    TestIds["servicePolicyBookAfterStartEnabled"] = "service-policy-book-after-start-enabled";
-    TestIds["servicePolicyMaxParticipantsPerBooking"] = "service-policy-max-participants-per-booking";
+    servicePolicyLatestCancellationInMinutes: 'service-policy-latest-cancellation-in-minutes',
+    servicePolicyLatestBookingInMinutes: 'service-policy-latest-booking-in-minutes',
+    servicePolicyEarliestBookingInMinutes: 'service-policy-earliest-booking-in-minutes',
+    servicePolicyLatestRescheduleInMinutes: 'service-policy-latest-reschedule-in-minutes',
+    servicePolicyWaitlistCapacity: 'service-policy-waitlist-capacity',
+    servicePolicyBookAfterStartEnabled: 'service-policy-book-after-start-enabled',
+    servicePolicyMaxParticipantsPerBooking: 'service-policy-max-participants-per-booking',
     // Schedule component TestIds
-    TestIds["serviceScheduleFirstSessionStart"] = "service-schedule-first-session-start";
-    TestIds["serviceScheduleLastSessionEnd"] = "service-schedule-last-session-end";
-    TestIds["serviceScheduleSessionDuration"] = "service-schedule-session-duration";
+    serviceScheduleFirstSessionStart: 'service-schedule-first-session-start',
+    serviceScheduleLastSessionEnd: 'service-schedule-last-session-end',
+    serviceScheduleSessionDuration: 'service-schedule-session-duration',
     // Conferencing component TestIds
-    TestIds["serviceAvailableOnline"] = "service-available-online";
-})(TestIds || (TestIds = {}));
+    serviceAvailableOnline: 'service-available-online',
+};
 /**
  * Root component that provides service context to the entire app.
  * Can be used with:
@@ -624,14 +623,14 @@ export var Actions;
                     select();
                     onClick?.(rawService);
                 };
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onClick: handleClick, disabled: !bookable, "data-testid": TestIds.serviceActionSelect, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
+                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: !bookable, "data-testid": TestIds.serviceActionSelect, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
                         onClick: handleClick,
                         disabled: !bookable,
                         selected,
                         bookable,
                         requiresAvailability,
                         service: rawService,
-                    }, children: _jsx("button", { children: children || label }) }));
+                    }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
             } }));
     });
     Actions.Select.displayName = 'Service.Actions.Select';
@@ -673,14 +672,14 @@ export var Actions;
                     add();
                     onClick?.(rawService);
                 };
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onClick: handleClick, disabled: isDisabled, "data-testid": TestIds.serviceActionAdd, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
+                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: isDisabled, "data-testid": TestIds.serviceActionAdd, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
                         onClick: handleClick,
                         disabled: isDisabled,
                         selected,
                         bookable,
                         requiresAvailability,
                         service: rawService,
-                    }, children: _jsx("button", { children: children || label }) }));
+                    }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
             } }));
     });
     Actions.Add.displayName = 'Service.Actions.Add';
@@ -722,14 +721,14 @@ export var Actions;
                     remove();
                     onClick?.(rawService);
                 };
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, onClick: handleClick, disabled: isDisabled, "data-testid": TestIds.serviceActionRemove, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
+                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: isDisabled, "data-testid": TestIds.serviceActionRemove, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
                         onClick: handleClick,
                         disabled: isDisabled,
                         selected,
                         bookable,
                         requiresAvailability,
                         service: rawService,
-                    }, children: _jsx("button", { children: children || label }) }));
+                    }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
             } }));
     });
     Actions.Remove.displayName = 'Service.Actions.Remove';