@wix/headless-bookings 0.0.61 → 0.0.63

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

@@ -17,6 +17,10 @@ export interface RootProps {
     locationListConfig?: LocationListServiceConfig;
     className?: string;
     variant?: ListVariant;
+    /** Custom label for CUSTOM location type */
+    customLocationLabel?: string;
+    /** Custom label for CUSTOMER location type */
+    customerLocationLabel?: string;
 }
 /**
  * Root component that provides the LocationList service context for rendering locations lists.

package/dist/react/location/LocationList.js

@@ -9,9 +9,15 @@ import React from 'react';
 import { GenericList, } from '@wix/headless-components/react';
 import { AsChildSlot } from '@wix/headless-utils/react';
 import { useService } from '@wix/services-manager-react';
+import { LocationType, } from '../../services/location-list/location-list.def.js';
 import { BookingServiceDefinition } from '../../services/booking/booking.js';
 import * as CoreLocationList from '../core/location-list/LocationList.js';
 import * as Location from './Location.js';
+const LocationLabelsContext = React.createContext(null);
+function useLocationLabelsContext() {
+    const context = React.useContext(LocationLabelsContext);
+    return context || {};
+}
 // ============================================================================
 // TestIds
 // ============================================================================
@@ -45,11 +51,11 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, locationListConfig, className, variant } = props;
+    const { children, locationListConfig, className, variant, customLocationLabel, customerLocationLabel, } = props;
     const config = locationListConfig || {
         locations: [],
     };
-    return (_jsx(CoreLocationList.Root, { locationListServiceConfig: config, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
+    return (_jsx(LocationLabelsContext.Provider, { value: { customLocationLabel, customerLocationLabel }, children: _jsx(CoreLocationList.Root, { locationListServiceConfig: config, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }) }));
 });
 Root.displayName = 'LocationList.Root';
 /**
@@ -85,15 +91,35 @@ export const Locations = React.forwardRef((props, ref) => {
 Locations.displayName = 'LocationList.Locations';
 export const LocationRepeater = React.forwardRef((props, ref) => {
     const { children } = props;
+    const { customLocationLabel, customerLocationLabel } = useLocationLabelsContext();
     // Custom itemWrapper that wraps each item in Location.Root
     const locationItemWrapper = ({ item: displayLocation, children: itemChildren, }) => {
         // Convert DisplayLocation to LocationInput
         // If location is null, create a SyntheticLocation
-        const location = displayLocation.location ?? {
-            locationType: displayLocation.type,
-            synthetic: true,
-            _id: displayLocation.id,
-        };
+        let location;
+        if (displayLocation.location) {
+            location = displayLocation.location;
+        }
+        else {
+            const locationType = displayLocation.type;
+            // Determine the name based on labels or defaults
+            let name;
+            if (locationType === LocationType.CUSTOM &&
+                customLocationLabel !== undefined) {
+                name = customLocationLabel;
+            }
+            else if (locationType === LocationType.CUSTOMER &&
+                customerLocationLabel !== undefined) {
+                name = customerLocationLabel;
+            }
+            // If no label provided, name will be undefined and defaults will be used in computeLocationRenderProps
+            location = {
+                locationType,
+                synthetic: true,
+                _id: displayLocation.id,
+                name,
+            };
+        }
         return (_jsx(Location.Root, { location: location, "data-testid": TestIds.locationListLocation, "data-location-id": displayLocation.id, "data-location-type": displayLocation.type, "data-item-id": displayLocation.id, children: itemChildren }, displayLocation.id));
     };
     return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: locationItemWrapper, children: children }));

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

@@ -6,7 +6,9 @@ import React from 'react';
 import { ListVariant } from '@wix/headless-components/react';
 import { AsChildChildren } from '@wix/headless-utils/react';
 import type { TimeSlot as TimeSlotType } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { Service } from '@wix/auto_sdk_bookings_services';
 import type { TimeSlotListServiceConfig } from '../../services/time-slot-list/time-slot-list.def.js';
+import { ServiceSelectionTimeSlot } from '../../services/booking/booking.js';
 export type { StartDateProps as TimeSlotStartDateProps, EndDateProps as TimeSlotEndDateProps, DurationProps as TimeSlotDurationProps, SelectProps as TimeSlotSelectProps, LocationNameProps as TimeSlotLocationNameProps, StaffMembersProps as TimeSlotStaffMembersProps, StaffMemberRepeaterProps as TimeSlotStaffMemberRepeaterProps, StaffMemberNameProps as TimeSlotStaffMemberNameProps, SelectStaffMemberProps as TimeSlotSelectStaffMemberProps, ClearStaffSelectionProps as TimeSlotClearStaffSelectionProps, } from './TimeSlot.js';
 /**
  * Render props for TimeSlotList.Timezone component
@@ -49,8 +51,23 @@ export declare const Timezone: React.ForwardRefExoticComponent<TimezoneProps & R
  * Props for TimeSlotList.Root component
  */
 export interface RootProps {
-    children: React.ReactNode;
+    children: React.ReactNode | ((data: {
+        navigateToBookingForm: ({ timeSlot, service, }: {
+            timeSlot?: ServiceSelectionTimeSlot;
+            service?: Service;
+        }) => Promise<void>;
+    }) => React.ReactNode);
     config: TimeSlotListServiceConfig;
+    /**
+     * Function to navigate to the booking form.
+     * The timeSlot and service parameters are optional - if not provided,
+     * BookingService will be used to get them from the current service selections.
+     * If not provided, will use the default navigation utility.
+     */
+    navigateToBookingForm?: ({ timeSlot, service, }: {
+        timeSlot?: ServiceSelectionTimeSlot;
+        service?: Service;
+    }) => Promise<void>;
     className?: string;
     variant?: ListVariant;
 }
@@ -62,15 +79,21 @@ export interface RootProps {
  * @example
  * ```tsx
  * import { TimeSlotList } from '@wix/bookings/components';
+ * import { navigateToBookingForm } from '@wix/headless-bookings/utils';
  *
  * function TimeSlotsPage({ config }) {
  *   return (
- *     <TimeSlotList.Root config={config}>
- *       <TimeSlotList.TimeSlots>
- *         <TimeSlotList.TimeSlotRepeater>
- *           {children}
- *         </TimeSlotList.TimeSlotRepeater>
- *       </TimeSlotList.TimeSlots>
+ *     <TimeSlotList.Root
+ *       config={config}
+ *       navigateToBookingForm={navigateToBookingForm}
+ *     >
+ *       {({ navigateToBookingForm }) => (
+ *         <TimeSlotList.TimeSlots>
+ *           <TimeSlotList.TimeSlotRepeater>
+ *             {children}
+ *           </TimeSlotList.TimeSlotRepeater>
+ *         </TimeSlotList.TimeSlots>
+ *       )}
  *     </TimeSlotList.Root>
  *   );
  * }

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

@@ -9,6 +9,7 @@ import { AsChildSlot } from '@wix/headless-utils/react';
 import * as CoreTimeSlotList from '../core/time-slot-list/TimeSlotList.js';
 import * as CoreTimeSlot from '../core/time-slot-list/TimeSlot.js';
 import { StartDate as TimeSlotStartDate, EndDate as TimeSlotEndDate, Duration, Actions as TimeSlotActions, Location, StaffMembers, StaffMemberRepeater, StaffMember, Root as TimeSlotRoot, } from './TimeSlot.js';
+import { navigateToBookingForm as defaultNavigateToBookingForm } from '../../utils/navigation.js';
 // ============================================================================
 // Utilities
 // ============================================================================
@@ -28,6 +29,7 @@ var TestIds;
     TestIds["timeSlotListTimeSlot"] = "time-slot-list-time-slot";
     TestIds["timeSlotListTimezone"] = "time-slot-list-timezone";
     TestIds["timeSlotListLoadMore"] = "time-slot-list-load-more";
+    TestIds["timeSlotListContinue"] = "time-slot-list-continue";
     TestIds["timeSlotListDateRangeInput"] = "time-slot-list-date-range-input";
 })(TestIds || (TestIds = {}));
 /**
@@ -62,23 +64,40 @@ Timezone.displayName = 'TimeSlotList.Timezone';
  * @example
  * ```tsx
  * import { TimeSlotList } from '@wix/bookings/components';
+ * import { navigateToBookingForm } from '@wix/headless-bookings/utils';
  *
  * function TimeSlotsPage({ config }) {
  *   return (
- *     <TimeSlotList.Root config={config}>
- *       <TimeSlotList.TimeSlots>
- *         <TimeSlotList.TimeSlotRepeater>
- *           {children}
- *         </TimeSlotList.TimeSlotRepeater>
- *       </TimeSlotList.TimeSlots>
+ *     <TimeSlotList.Root
+ *       config={config}
+ *       navigateToBookingForm={navigateToBookingForm}
+ *     >
+ *       {({ navigateToBookingForm }) => (
+ *         <TimeSlotList.TimeSlots>
+ *           <TimeSlotList.TimeSlotRepeater>
+ *             {children}
+ *           </TimeSlotList.TimeSlotRepeater>
+ *         </TimeSlotList.TimeSlots>
+ *       )}
  *     </TimeSlotList.Root>
  *   );
  * }
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, config, className, variant } = props;
-    return (_jsx(CoreTimeSlotList.Root, { config: config, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
+    const { children, config, className, variant, navigateToBookingForm: providedNavigateToBookingForm, } = props;
+    const navigateToBookingForm = providedNavigateToBookingForm ||
+        (async ({ timeSlot, service, }) => {
+            if (!timeSlot || !service) {
+                throw new Error('timeSlot and service are required when using default navigation. Either provide them or ensure BookingService has service selections.');
+            }
+            return defaultNavigateToBookingForm({ timeSlot, service });
+        });
+    return (_jsx(CoreTimeSlotList.Root, { config: config, navigateToBookingForm: navigateToBookingForm, children: (coreData) => (_jsx(RootContent, { className: className, ref: ref, variant: variant, children: typeof children === 'function'
+                ? children({
+                    navigateToBookingForm: coreData.navigateToBookingForm,
+                })
+                : children })) }));
 });
 Root.displayName = 'TimeSlotList.Root';
 /**

package/dist/services/index.d.ts

@@ -6,8 +6,9 @@ export { ServiceService, ServiceServiceDefinition, type ServiceServiceAPI, type
 export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type BookingServiceActions, type ServiceSelection, type ServiceSelectionTimeSlot, } from './booking/booking.js';
 export { TimeSlotListService, TimeSlotListServiceDefinition, TimeSlotService, TimeSlotServiceDefinition, ViewMode, loadTimeSlotListConfig, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type TimeSlotServiceAPI, type TimeSlotServiceConfig, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list/index.js';
 export { ServiceListService, ServiceListServiceDefinition, type ServiceListServiceAPI, type ServiceListServiceConfig, type ServiceListFilters, type ServiceListActions, type QueryOptions, loadServiceListServiceInitialData, type SuccessServiceListServiceConfigResult, type ErrorServiceListServiceConfigResult, } from './service-list/service-list.js';
+export { SYNTHETIC_CUSTOM_ID, SYNTHETIC_CUSTOMER_ID, } from '../api/query-services/index.js';
 export { executeBookAction, canBook, buildBookingRequest, buildCheckoutRequest, type CanBookParams, type BookResult, type BookingError, type BookActionParams, type BookChildProps, type BookProps, type BuildCheckoutParams, } from './booking/book-action/index.js';
 export { BookingFormService, BookingFormServiceDefinition, type BookingFormServiceAPI, type BookingFormServiceConfig, type BookingFormServiceInternalAPI, type ValidationResult, } from './booking-form/booking-form.js';
 export { PaymentService, PaymentServiceDefinition, type PaymentServiceAPI, type PaymentServiceConfig, type PaymentDetails, type PricingServiceSelection, type LineItemAdditionalInfo, loadPaymentConfig, type SuccessPaymentConfigResult, type ErrorPaymentConfigResult, } from './payment/payment.js';
-export { LocationListService, LocationListServiceDefinition, LocationType, loadLocationListServiceInitialData, locationListServiceBinding, type LocationListServiceAPI, type LocationListServiceConfig, type LocationListActions, type LocationData, type DisplayLocation, type LoadLocationListServiceResult, } from './location-list/location-list.js';
+export { LocationListService, LocationListServiceDefinition, LocationType, loadLocationListServiceInitialData, locationListServiceBinding, type LocationListServiceAPI, type LocationListServiceConfig, type LocationListActions, type LocationData, type DisplayLocation, type LoadLocationListServiceResult, getLocationById, } from './location-list/location-list.js';
 export { StaffMemberListService, StaffMemberListServiceDefinition, loadStaffMemberListServiceInitialData, staffMemberListServiceBinding, type StaffMemberListServiceAPI, type StaffMemberListServiceConfig, type StaffMemberListActions, type StaffMemberData, type LoadStaffMemberListServiceResult, } from './staff-member-list/staff-member-list.js';

package/dist/services/index.js

@@ -6,8 +6,9 @@ export { ServiceService, ServiceServiceDefinition, loadServiceServiceInitialData
 export { BookingService, BookingServiceDefinition, } from './booking/booking.js';
 export { TimeSlotListService, TimeSlotListServiceDefinition, TimeSlotService, TimeSlotServiceDefinition, ViewMode, loadTimeSlotListConfig, } from './time-slot-list/index.js';
 export { ServiceListService, ServiceListServiceDefinition, loadServiceListServiceInitialData, } from './service-list/service-list.js';
+export { SYNTHETIC_CUSTOM_ID, SYNTHETIC_CUSTOMER_ID, } from '../api/query-services/index.js';
 export { executeBookAction, canBook, buildBookingRequest, buildCheckoutRequest, } from './booking/book-action/index.js';
 export { BookingFormService, BookingFormServiceDefinition, } from './booking-form/booking-form.js';
 export { PaymentService, PaymentServiceDefinition, loadPaymentConfig, } from './payment/payment.js';
-export { LocationListService, LocationListServiceDefinition, LocationType, loadLocationListServiceInitialData, locationListServiceBinding, } from './location-list/location-list.js';
+export { LocationListService, LocationListServiceDefinition, LocationType, loadLocationListServiceInitialData, locationListServiceBinding, getLocationById, } from './location-list/location-list.js';
 export { StaffMemberListService, StaffMemberListServiceDefinition, loadStaffMemberListServiceInitialData, staffMemberListServiceBinding, } from './staff-member-list/staff-member-list.js';

package/dist/services/location-list/location-list.d.ts

@@ -6,6 +6,7 @@
  */
 import type { ServiceFactoryConfig } from '@wix/services-definitions';
 import { type LocationData } from './location-list.def.js';
+export { getLocationById } from '../../api/query-locations/index.js';
 /**
  * Configuration interface for LocationListService
  */

package/dist/services/location-list/location-list.js

@@ -10,14 +10,15 @@ import { LocationType } from '@wix/auto_sdk_bookings_services';
 import { LocationListServiceDefinition, } from './location-list.def.js';
 import { BookingServiceDefinition } from '../booking/booking.js';
 import { queryLocations } from '../../api/query-locations/index.js';
+export { getLocationById } from '../../api/query-locations/index.js';
 // ============================================================================
 // Constants
 // ============================================================================
 /**
  * Synthetic location IDs for non-business locations
  */
-const SYNTHETIC_CUSTOM_ID = '__synthetic_custom__';
-const SYNTHETIC_CUSTOMER_ID = '__synthetic_customer__';
+const SYNTHETIC_CUSTOM_ID = 'custom';
+const SYNTHETIC_CUSTOMER_ID = 'customer';
 // ============================================================================
 // Helper Functions
 // ============================================================================

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

@@ -88,6 +88,7 @@ export interface TimeSlotListServiceAPI {
     hasMore: Signal<boolean>;
     dateRange: Signal<DateRange>;
     actions: TimeSlotListServiceActions;
+    dispose: () => void;
 }
 export declare const TimeSlotListServiceDefinition: string & {
     __api: TimeSlotListServiceAPI;

package/dist/services/time-slot-list/time-slot-list.js

@@ -19,15 +19,12 @@ function getClientTimezone() {
 // Service Implementation
 // ============================================================================
 export const TimeSlotListService = implementService.withConfig()(TimeSlotListServiceDefinition, ({ getService, config }) => {
-    // Get dependent services
     const signalsService = getService(SignalsServiceDefinition);
     const bookingService = getService(BookingServiceDefinition);
-    // Initialize Signals
     const timeSlotsSignal = signalsService.signal(config.timeSlots || []);
     const isLoadingSignal = signalsService.signal(false);
     const errorSignal = signalsService.signal(null);
     const hasMoreSignal = signalsService.signal(false);
-    // Internal only - viewMode is auto-detected based on service types
     const viewModeSignal = signalsService.signal(ViewMode.CLASSIC);
     const dateRangeSignal = signalsService.signal({
         start: config.startDate,
@@ -201,8 +198,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
             : undefined;
     });
     let isFirstRun = true;
-    signalsService.effect(() => {
-        // Dependencies - trigger refetch when these change
+    const dispose = signalsService.effect(() => {
         dateRangeSignal.get();
         bookingService.timezone.get();
         bookingService.location.get();
@@ -215,16 +211,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         }
         fetchTimeSlots();
     });
-    // Return service API
     return {
-        // State Signals
         timeSlots: timeSlotsSignal,
         isLoading: isLoadingSignal,
         error: errorSignal,
         hasMore: hasMoreSignal,
-        // Configuration Signals (viewMode is internal only)
         dateRange: dateRangeSignal,
-        // Actions
         actions: {
             selectSlot,
             selectStaffMember,
@@ -232,6 +224,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
             loadMore,
             setDateRange,
         },
+        dispose,
     };
 });
 /**

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Bookings Utilities
+ * Exports utility functions for the bookings package
+ */
+export { navigateToBookingForm, navigateToCheckout } from './navigation.js';

package/dist/utils/index.js

@@ -0,0 +1,5 @@
+/**
+ * Bookings Utilities
+ * Exports utility functions for the bookings package
+ */
+export { navigateToBookingForm, navigateToCheckout } from './navigation.js';

package/dist/utils/navigation.d.ts

@@ -0,0 +1,7 @@
+import type { ServiceSelectionTimeSlot } from '../services/booking/booking.js';
+import type { Service } from '@wix/auto_sdk_bookings_services';
+export declare function navigateToCheckout(checkoutId: string): Promise<void>;
+export declare function navigateToBookingForm({ timeSlot, service, }: {
+    timeSlot: ServiceSelectionTimeSlot;
+    service: Service;
+}): Promise<void>;

package/dist/utils/navigation.js

@@ -0,0 +1,75 @@
+import { redirects } from '@wix/redirects';
+import { LocationType as TimeSlotLocationType } from '@wix/auto_sdk_bookings_availability-time-slots';
+import { LocationType as BookingsLocationType } from '@wix/auto_sdk_redirects_redirects';
+export async function navigateToCheckout(checkoutId) {
+    const { redirectSession } = await redirects.createRedirectSession({
+        ecomCheckout: { checkoutId },
+        callbacks: {
+            postFlowUrl: window.location.href,
+        },
+    });
+    if (redirectSession?.fullUrl) {
+        window.location.href = redirectSession.fullUrl;
+    }
+    else {
+        throw new Error('Failed to create redirect session');
+    }
+}
+function mapTimeSlotLocationToBookingLocation(timeSlotLocationType) {
+    switch (timeSlotLocationType) {
+        case TimeSlotLocationType.BUSINESS:
+            return BookingsLocationType.OWNER_BUSINESS;
+        case TimeSlotLocationType.CUSTOMER:
+            return BookingsLocationType.CUSTOM;
+        case TimeSlotLocationType.CUSTOM:
+            return BookingsLocationType.OWNER_CUSTOM;
+        default:
+            return BookingsLocationType.UNDEFINED;
+    }
+}
+export async function navigateToBookingForm({ timeSlot, service, }) {
+    if (!timeSlot) {
+        throw new Error('No time slot provided');
+    }
+    if (!service) {
+        throw new Error('No service provided');
+    }
+    // Get the first resource (staff member) if available
+    const selectedResource = timeSlot.resources?.[0];
+    const { redirectSession } = await redirects.createRedirectSession({
+        bookingsCheckout: {
+            slotAvailability: {
+                bookable: true,
+                slot: {
+                    ...timeSlot,
+                    serviceId: service._id ?? undefined,
+                    scheduleId: timeSlot.scheduleId,
+                    startDate: timeSlot.startDate,
+                    endDate: timeSlot.endDate,
+                    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+                    resource: selectedResource
+                        ? {
+                            _id: selectedResource._id,
+                            name: selectedResource.name,
+                        }
+                        : undefined,
+                    location: {
+                        _id: timeSlot.location?._id,
+                        name: timeSlot.location?.name,
+                        formattedAddress: timeSlot.location?.formattedAddress,
+                        locationType: mapTimeSlotLocationToBookingLocation(timeSlot.location?.locationType),
+                    },
+                },
+            },
+        },
+        callbacks: {
+            postFlowUrl: window.location.href,
+        },
+    });
+    if (redirectSession?.fullUrl) {
+        window.location.href = redirectSession.fullUrl;
+    }
+    else {
+        throw new Error('Failed to create redirect session');
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "cd07fd84714c0aeec8926487334181ea2b0381b631c601891b559528"
+  "falconPackageHash": "96083b204b0065686724c6e3b5716295e35a12be6db784974a6c924d"
 }