@wix/headless-bookings 0.0.104 → 0.0.106

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

@@ -1,12 +1,15 @@
+"use strict";
 /**
  * Core Book - Provides book action data via render props
  * NO AsChildSlot, NO asChild - that belongs in high-level component
  */
-import { useState } from 'react';
-import { useService } from '@wix/services-manager-react';
-import { BookingServiceDefinition } from '../../../services/booking/booking.js';
-import { canBook } from '../../../services/booking/book-action/canBook.js';
-import { BookResultType, } from '../../../services/booking/book-action/types.js';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Book = Book;
+const react_1 = require("react");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const booking_js_1 = require("../../../services/booking/booking.js");
+const canBook_js_1 = require("../../../services/booking/book-action/canBook.js");
+const types_js_1 = require("../../../services/booking/book-action/types.js");
 /**
  * Core Book component - provides book action data via render props.
  * Used internally by higher-level Booking.Actions.Book component.
@@ -35,20 +38,20 @@ import { BookResultType, } from '../../../services/booking/book-action/types.js'
  * </Book>
  * ```
  */
-export function Book(props) {
+function Book(props) {
     const { children, onCheckout, onComplete, onError, disabled } = props;
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const bookingService = useService(BookingServiceDefinition);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
     const formSubmission = bookingService.formSubmission.get();
-    const canBookValue = canBook({ serviceSelections, formSubmission });
+    const canBookValue = (0, canBook_js_1.canBook)({ serviceSelections, formSubmission });
     const handleClick = async () => {
         setIsLoading(true);
         setError(null);
         try {
             const result = await bookingService.actions.book();
-            if (result.type === BookResultType.CheckoutRequired) {
+            if (result.type === types_js_1.BookResultType.CheckoutRequired) {
                 await onCheckout?.({ checkoutId: result.checkoutId });
             }
             else {

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

@@ -98,12 +98,14 @@ export declare function BookingItemProvider(props: BookingItemProviderProps): Re
  * Props for BookingItemInfo render prop component
  */
 export interface BookingItemInfoProps {
+    /** Label to display when no specific staff member is assigned */
+    anyStaffLabel?: string;
     children: (data: {
         /** SDK Service object */
         service: Service;
         /** Adapted SDK TimeSlot (or null if no time slot selected) */
         timeSlot: TimeSlot | null;
-        /** First staff member's name, empty string if none */
+        /** First staff member's name, or anyStaffLabel if none */
         staffName: string;
         /** Unique identifier for this booking instance */
         instanceId: string;

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

@@ -1,13 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+exports.Data = Data;
+exports.useBookingItemContext = useBookingItemContext;
+exports.BookingItemProvider = BookingItemProvider;
+exports.BookingItemInfo = BookingItemInfo;
+exports.ItemsData = ItemsData;
+exports.PaymentData = PaymentData;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Core Booking Components
  * Provides low-level access to BookingService via render props and service setup
  */
-import React from 'react';
-import { WixServices, useService } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { BookingServiceDefinition, BookingService, } from '../../../services/booking/booking.js';
-import { LocationType, } from '@wix/auto_sdk_bookings_services';
+const react_1 = __importDefault(require("react"));
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const booking_js_1 = require("../../../services/booking/booking.js");
+const auto_sdk_bookings_services_1 = require("@wix/auto_sdk_bookings_services");
 /**
  * Root component that provides booking context to the entire app.
  *
@@ -23,9 +35,9 @@ import { LocationType, } from '@wix/auto_sdk_bookings_services';
  * </Booking.Root>
  * ```
  */
-export function Root(props) {
+function Root(props) {
     const { bookingServiceConfig = {}, children } = props;
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(BookingServiceDefinition, BookingService, bookingServiceConfig), disposeOnUnmount: true, children: children }));
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(booking_js_1.BookingServiceDefinition, booking_js_1.BookingService, bookingServiceConfig), disposeOnUnmount: true, children: children }));
 }
 /**
  * Core component that provides access to booking data via render props.
@@ -66,9 +78,9 @@ function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
     return {
         _id: timeSlotLocation._id ?? undefined,
         type: locationType,
-        ...(locationType === LocationType.CUSTOMER
+        ...(locationType === auto_sdk_bookings_services_1.LocationType.CUSTOMER
             ? null
-            : locationType === LocationType.CUSTOM
+            : locationType === auto_sdk_bookings_services_1.LocationType.CUSTOM
                 ? { custom: location }
                 : { business: location }),
     };
@@ -79,7 +91,7 @@ function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
  * 2. If not set, fall back to the first service selection's slot location
  */
 function resolveLocation(bookingLocation, serviceSelections) {
-    if (bookingLocation && bookingLocation.type === LocationType.BUSINESS) {
+    if (bookingLocation && bookingLocation.type === auto_sdk_bookings_services_1.LocationType.BUSINESS) {
         return bookingLocation;
     }
     // Fallback to first slot's location
@@ -89,9 +101,9 @@ function resolveLocation(bookingLocation, serviceSelections) {
     }
     return null;
 }
-export function Data(props) {
+function Data(props) {
     const { children } = props;
-    const bookingService = useService(BookingServiceDefinition);
+    const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
     const bookingLocation = bookingService.location.get();
     const timezone = bookingService.timezone.get();
@@ -109,15 +121,15 @@ export function Data(props) {
 /**
  * Context for the current BookingItem
  */
-const BookingItemContext = React.createContext(null);
+const BookingItemContext = react_1.default.createContext(null);
 /**
  * Hook to access the current BookingItem from context.
  * Must be used within BookingItemProvider.
  *
  * @throws Error if used outside of BookingItemProvider context
  */
-export function useBookingItemContext() {
-    const context = React.useContext(BookingItemContext);
+function useBookingItemContext() {
+    const context = react_1.default.useContext(BookingItemContext);
     if (!context) {
         throw new Error('BookingItem components must be used within BookingItemProvider');
     }
@@ -137,9 +149,9 @@ export function useBookingItemContext() {
  * ))}
  * ```
  */
-export function BookingItemProvider(props) {
+function BookingItemProvider(props) {
     const { children, item } = props;
-    return (_jsx(BookingItemContext.Provider, { value: item, children: children }));
+    return ((0, jsx_runtime_1.jsx)(BookingItemContext.Provider, { value: item, children: children }));
 }
 /**
  * Core component that provides access to booking item info via render props.
@@ -158,10 +170,11 @@ export function BookingItemProvider(props) {
  * </BookingItemInfo>
  * ```
  */
-export function BookingItemInfo(props) {
+function BookingItemInfo(props) {
+    const { anyStaffLabel = '', children } = props;
     const item = useBookingItemContext();
-    const staffName = item.staff?.[0]?.name || '';
-    return props.children({
+    const staffName = item.staff?.[0]?.name || anyStaffLabel;
+    return children({
         service: item.service,
         timeSlot: item.timeSlot,
         staffName,
@@ -247,9 +260,9 @@ function createBookingItem(serviceSelection, index) {
  * </Booking.ItemsData>
  * ```
  */
-export function ItemsData(props) {
+function ItemsData(props) {
     const { children } = props;
-    const bookingService = useService(BookingServiceDefinition);
+    const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
     const items = serviceSelections.map((selection, index) => createBookingItem(selection, index));
     return children({ items });
@@ -270,9 +283,9 @@ export function ItemsData(props) {
  * </Booking.PaymentData>
  * ```
  */
-export function PaymentData(props) {
+function PaymentData(props) {
     const { children } = props;
-    const bookingService = useService(BookingServiceDefinition);
+    const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
     const pricingServiceSelections = serviceSelections.map((selection) => ({
         service: selection.service,

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

@@ -1,4 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookingFormConfigurationError = exports.LoadError = void 0;
+exports.Root = Root;
+exports.isBookingFormConfigurationError = isBookingFormConfigurationError;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Core BookingForm Component
  *
@@ -9,15 +47,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * 1. Client-side: Provide formId to load the form dynamically
  * 2. SSR/SSG: Provide a pre-loaded form object for server-side rendering
  */
-import * as React from 'react';
-import { useRef, useCallback } from 'react';
-import { WixServices, useService } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { BookingFormServiceDefinition, BookingFormService, BookingFormConfigurationError, } from '../../../services/booking-form/booking-form.js';
-import { BookingServiceDefinition } from '../../../services/booking/booking.js';
-import { Form } from '@wix/headless-forms/react';
-import { FormServiceDefinition } from '@wix/headless-forms/services';
-import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const booking_form_js_1 = require("../../../services/booking-form/booking-form.js");
+Object.defineProperty(exports, "BookingFormConfigurationError", { enumerable: true, get: function () { return booking_form_js_1.BookingFormConfigurationError; } });
+const booking_js_1 = require("../../../services/booking/booking.js");
+const react_2 = require("@wix/headless-forms/react");
+const services_1 = require("@wix/headless-forms/services");
+const signals_1 = require("@wix/services-definitions/core-services/signals");
 // ============================================================================
 // Component
 // ============================================================================
@@ -89,10 +128,10 @@ import { SignalsServiceDefinition } from '@wix/services-definitions/core-service
  * </CoreBookingForm.Root>
  * ```
  */
-export function Root(props) {
+function Root(props) {
     const { serviceIds, additionalMetadata, fieldMap, children } = props;
     // Create formRef to pass to Form.Root and BookingFormContent
-    const formRef = useRef(null);
+    const formRef = (0, react_1.useRef)(null);
     const bookingFormServiceConfig = props.form
         ? { form: props.form }
         : props.formId
@@ -100,15 +139,15 @@ export function Root(props) {
             : undefined;
     // Use Form.Root to set up FormService, then nest WixServices for BookingFormService
     // This allows BookingFormService to access FormService via getService internally
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(BookingFormServiceDefinition, BookingFormService, bookingFormServiceConfig), disposeOnUnmount: true, children: _jsx(FormWrapper, { formRef: formRef, children: _jsx(BookingFormContent, { fields: fieldMap, formRef: formRef, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(booking_form_js_1.BookingFormServiceDefinition, booking_form_js_1.BookingFormService, bookingFormServiceConfig), disposeOnUnmount: true, children: (0, jsx_runtime_1.jsx)(FormWrapper, { formRef: formRef, children: (0, jsx_runtime_1.jsx)(BookingFormContent, { fields: fieldMap, formRef: formRef, children: children }) }) }));
 }
 function FormWrapper({ children, formRef, }) {
-    const bookingFormService = useService(BookingFormServiceDefinition);
+    const bookingFormService = (0, services_manager_react_1.useService)(booking_form_js_1.BookingFormServiceDefinition);
     const formServiceConfig = bookingFormService.formServiceConfig.get();
     if (!formServiceConfig) {
         return null;
     }
-    return (_jsx(Form.Root, { formServiceConfig: formServiceConfig, formRef: formRef, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.Form.Root, { formServiceConfig: formServiceConfig, formRef: formRef, children: children }));
 }
 /**
  * Internal component that consumes BookingFormService and provides render props.
@@ -126,7 +165,7 @@ function FormWrapper({ children, formRef, }) {
  * requires Booking.Root to be in the component tree.
  */
 function BookingFormContent({ fields, formRef, children, }) {
-    const bookingFormService = useService(BookingFormServiceDefinition);
+    const bookingFormService = (0, services_manager_react_1.useService)(booking_form_js_1.BookingFormServiceDefinition);
     // Try to get BookingService from parent context (provided by Booking.Root)
     // Note: useService must be called unconditionally per React hooks rules.
     // If BookingService is not available, useService will throw an error.
@@ -134,11 +173,11 @@ function BookingFormContent({ fields, formRef, children, }) {
     // We use a wrapper component pattern to handle this gracefully.
     // For now, we'll always attempt to get it and let it throw if not available
     // The user should wrap BookingForm with Booking.Root when using Booking.Actions.Book
-    const bookingService = useService(BookingServiceDefinition);
-    const formService = useService(FormServiceDefinition);
-    const signalsService = useService(SignalsServiceDefinition);
+    const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
+    const formService = (0, services_manager_react_1.useService)(services_1.FormServiceDefinition);
+    const signalsService = (0, services_manager_react_1.useService)(signals_1.SignalsServiceDefinition);
     // Create validateFormSubmission action that uses the form ref
-    const validateFormSubmission = useCallback(() => {
+    const validateFormSubmission = (0, react_1.useCallback)(() => {
         return formRef.current?.validate() ?? Promise.resolve(false);
     }, []);
     const formValues = formService.formValuesSignal.get();
@@ -186,7 +225,7 @@ function BookingFormContent({ fields, formRef, children, }) {
  * </CoreBookingForm.LoadError>
  * ```
  */
-export const LoadError = React.forwardRef((props, ref) => {
+exports.LoadError = React.forwardRef((props, ref) => {
     const { error, asChild, children, className, ...otherProps } = props;
     const errorData = { error, message: error.message };
     if (asChild && React.isValidElement(children)) {
@@ -199,13 +238,11 @@ export const LoadError = React.forwardRef((props, ref) => {
             ...otherProps,
         });
     }
-    return (_jsx("div", { ref: ref, className: className, "data-testid": "booking-form-load-error", role: "alert", ...otherProps, children: children ?? error.message }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, "data-testid": "booking-form-load-error", role: "alert", ...otherProps, children: children ?? error.message }));
 });
 /**
  * Type guard to check if an error is a BookingFormConfigurationError
  */
-export function isBookingFormConfigurationError(error) {
-    return error instanceof BookingFormConfigurationError;
+function isBookingFormConfigurationError(error) {
+    return error instanceof booking_form_js_1.BookingFormConfigurationError;
 }
-// Re-export the error class for convenience
-export { BookingFormConfigurationError };

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

@@ -1,4 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocationContext = useLocationContext;
+exports.Root = Root;
+exports.Data = Data;
+exports.Actions = Actions;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Core Location Component - Parses service location data
  * Handles business, custom, and customer location types
@@ -6,11 +45,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * @module Core/Location
  */
-import React, { createContext, useContext } from 'react';
-import { useService } from '@wix/services-manager-react';
-import { LocationType } from '@wix/auto_sdk_bookings_services';
-import { BookingServiceDefinition } from '../../../services/booking/booking.js';
-import { LocationListServiceDefinition } from '../../../services/location-list/location-list.def.js';
+const react_1 = __importStar(require("react"));
+const services_manager_react_1 = require("@wix/services-manager-react");
+const auto_sdk_bookings_services_1 = require("@wix/auto_sdk_bookings_services");
+const booking_js_1 = require("../../../services/booking/booking.js");
+const location_list_def_js_1 = require("../../../services/location-list/location-list.def.js");
 // ==========================================
 // Constants
 // ==========================================
@@ -24,13 +63,13 @@ const DEFAULT_CUSTOMER_LABEL = "Client's Place";
 /**
  * Location context value - same as LocationRenderProps
  */
-const LocationContext = createContext(null);
+const LocationContext = (0, react_1.createContext)(null);
 /**
  * Hook to access location context from CoreLocation.Root
  * @throws Error if used outside of CoreLocation.Root
  */
-export function useLocationContext() {
-    const context = useContext(LocationContext);
+function useLocationContext() {
+    const context = (0, react_1.useContext)(LocationContext);
     if (!context) {
         throw new Error('useLocationContext must be used within a CoreLocation.Root component');
     }
@@ -51,7 +90,7 @@ function hasLocationData(location) {
  */
 function parseLocationAddress(location) {
     // Handle customer location - return null, let consumer handle
-    if (location.type !== LocationType.BUSINESS) {
+    if (location.type !== auto_sdk_bookings_services_1.LocationType.BUSINESS) {
         return null;
     }
     // Get the common address from the appropriate location type
@@ -84,7 +123,7 @@ function parseLocationAddress(location) {
  * Get location type from location data
  */
 function getLocationType(location) {
-    return location.type || LocationType.BUSINESS;
+    return location.type || auto_sdk_bookings_services_1.LocationType.BUSINESS;
 }
 /**
  * Computes LocationRenderProps from location with label fallbacks
@@ -93,7 +132,7 @@ function computeLocationRenderProps(rawLocation, labels) {
     // Handle no location
     if (!rawLocation) {
         return {
-            locationType: LocationType.BUSINESS,
+            locationType: auto_sdk_bookings_services_1.LocationType.BUSINESS,
             address: null,
             name: undefined,
             locationId: undefined,
@@ -107,8 +146,8 @@ function computeLocationRenderProps(rawLocation, labels) {
     }
     const locationType = getLocationType(rawLocation);
     const hasData = hasLocationData(rawLocation);
-    const isCustomLocation = locationType === LocationType.CUSTOM;
-    const isCustomerLocation = locationType === LocationType.CUSTOMER;
+    const isCustomLocation = locationType === auto_sdk_bookings_services_1.LocationType.CUSTOM;
+    const isCustomerLocation = locationType === auto_sdk_bookings_services_1.LocationType.CUSTOMER;
     // Compute name with fallback chain:
     // 1. business.name
     // 2. custom.address.addressLine
@@ -156,13 +195,13 @@ function computeLocationRenderProps(rawLocation, labels) {
  * </CoreLocation.Root>
  * ```
  */
-export function Root(props) {
+function Root(props) {
     const { location, children } = props;
     // Try to get LocationListService for labels - it's optional (Location can be standalone)
     let locationListService = null;
     try {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        locationListService = useService(LocationListServiceDefinition);
+        locationListService = (0, services_manager_react_1.useService)(location_list_def_js_1.LocationListServiceDefinition);
     }
     catch {
         // LocationListService not available - using defaults
@@ -174,7 +213,7 @@ export function Root(props) {
         customerLocationLabel: locationListService?.customerLocationLabel.get(),
     };
     const renderProps = computeLocationRenderProps(location, labels);
-    return (_jsx(LocationContext.Provider, { value: renderProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(LocationContext.Provider, { value: renderProps, children: children }));
 }
 // ==========================================
 // Data Component (Render Props)
@@ -198,7 +237,7 @@ export function Root(props) {
  * </CoreLocation.Root>
  * ```
  */
-export function Data(props) {
+function Data(props) {
     const context = useLocationContext();
     return props.children(context);
 }
@@ -220,19 +259,19 @@ export function Data(props) {
  * </CoreLocation.Root>
  * ```
  */
-export function Actions(props) {
+function Actions(props) {
     const { rawLocation } = useLocationContext();
     // Try to get BookingService for setting location
     let bookingService = null;
     try {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        bookingService = useService(BookingServiceDefinition);
+        bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     }
     catch {
         bookingService = null;
     }
     // Compute selected state from BookingService
-    const selected = React.useMemo(() => {
+    const selected = react_1.default.useMemo(() => {
         if (!bookingService || !rawLocation)
             return false;
         const currentLocation = bookingService.location.get();

package/cjs/dist/react/core/location-list/LocationList.js

@@ -1,7 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WixServices, useService } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { LocationListServiceDefinition, LocationListService, } from '../../../services/location-list/location-list.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+exports.Locations = Locations;
+exports.Actions = Actions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const location_list_js_1 = require("../../../services/location-list/location-list.js");
 /**
  * Root component that provides LocationList service context
  *
@@ -17,8 +22,8 @@ import { LocationListServiceDefinition, LocationListService, } from '../../../se
  * </CoreLocationList.Root>
  * ```
  */
-export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(LocationListServiceDefinition, LocationListService, props.locationListServiceConfig), disposeOnUnmount: true, children: props.children }));
+function Root(props) {
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(location_list_js_1.LocationListServiceDefinition, location_list_js_1.LocationListService, props.locationListServiceConfig), disposeOnUnmount: true, children: props.children }));
 }
 /**
  * Core component that provides access to locations list via render props
@@ -33,8 +38,8 @@ export function Root(props) {
  * </CoreLocationList.Locations>
  * ```
  */
-export function Locations(props) {
-    const service = useService(LocationListServiceDefinition);
+function Locations(props) {
+    const service = (0, services_manager_react_1.useService)(location_list_js_1.LocationListServiceDefinition);
     const locations = service.locations.get();
     const displayLocations = service.displayLocations.get();
     return props.children({
@@ -62,8 +67,8 @@ export function Locations(props) {
  * </CoreLocationList.Actions>
  * ```
  */
-export function Actions(props) {
-    const service = useService(LocationListServiceDefinition);
+function Actions(props) {
+    const service = (0, services_manager_react_1.useService)(location_list_js_1.LocationListServiceDefinition);
     return props.children({
         select: service.actions.select,
         selectedLocation: service.selectedLocation.get(),