@wix/headless-bookings 0.0.51 → 0.0.53

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

@@ -227,9 +227,9 @@ export interface BookingLocationProps {
     children: React.ReactNode;
 }
 /**
- * Wraps Location.Root with the location from the booking context.
+ * Wraps Location context with the location from the booking context.
  * Children can use all Location.* components (Location.Name, Location.Address, etc.).
- * Always renders with data-has-location attribute for CSS targeting.
+ * Returns null if no location is set.
  *
  * @component
  * @example
@@ -254,7 +254,7 @@ export interface StaffNameProps {
 }
 /**
  * Displays the first staff member's name from the current booking item.
- * Always renders with data-has-staff-name attribute for CSS targeting.
+ * Returns null when staff name is empty.
  *
  * @component
  * @example

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

@@ -10,7 +10,7 @@ import { AsChildSlot } from '@wix/headless-utils/react';
 import * as ServiceComponent from '../service/Service.js';
 import * as TimeSlotComponent from '../time-slot-list/TimeSlot.js';
 import * as PaymentComponent from '../payment/Payment.js';
-import * as LocationComponent from '../location/Location.js';
+import * as CoreLocation from '../core/location/Location.js';
 import { GenericList } from '@wix/headless-components/react';
 // ============================================================================
 // TestIds
@@ -230,9 +230,9 @@ export function Payment(props) {
     return (_jsx(CoreBooking.PaymentData, { children: ({ slotServices }) => (_jsx(PaymentComponent.Root, { slotServices: slotServices, children: children })) }));
 }
 /**
- * Wraps Location.Root with the location from the booking context.
+ * Wraps Location context with the location from the booking context.
  * Children can use all Location.* components (Location.Name, Location.Address, etc.).
- * Always renders with data-has-location attribute for CSS targeting.
+ * Returns null if no location is set.
  *
  * @component
  * @example
@@ -246,11 +246,11 @@ export function Payment(props) {
  */
 export function Location(props) {
     const { children } = props;
-    return (_jsx(CoreBooking.Data, { children: ({ location }) => location ? (_jsx(LocationComponent.Root, { location: location, children: children })) : null }));
+    return (_jsx(CoreBooking.Data, { children: ({ location }) => location ? (_jsx(CoreLocation.Root, { location: location, children: children })) : null }));
 }
 /**
  * Displays the first staff member's name from the current booking item.
- * Always renders with data-has-staff-name attribute for CSS targeting.
+ * Returns null when staff name is empty.
  *
  * @component
  * @example
@@ -260,6 +260,11 @@ export function Location(props) {
  */
 export const StaffName = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ staffName }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingStaffName, "data-has-staff-name": Boolean(staffName), customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) })) }));
+    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ staffName }) => {
+            if (!staffName) {
+                return null;
+            }
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingStaffName, customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) }));
+        } }));
 });
 StaffName.displayName = 'Booking.StaffName';

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

@@ -46,13 +46,24 @@ export function Root(props) {
  */
 /**
  * Maps a TimeSlotLocationType to ServiceLocationType.
- * These types are structurally similar but have subtle differences
- * (e.g., _id being string | null | undefined vs string | undefined).
+ * TimeSlot location has flat structure: { name, formattedAddress, locationType }
+ * Service location has nested structure: { business: { name, address }, type }
  */
 function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
+    // TimeSlot location has flat name/formattedAddress at top level
+    // Convert to nested business structure that CoreLocation expects
     return {
-        ...timeSlotLocation,
         _id: timeSlotLocation._id ?? undefined,
+        type: timeSlotLocation.locationType,
+        business: {
+            _id: timeSlotLocation._id ?? undefined,
+            name: timeSlotLocation.name ?? undefined,
+            address: timeSlotLocation.formattedAddress
+                ? {
+                    addressLine: timeSlotLocation.formattedAddress,
+                }
+                : undefined,
+        },
     };
 }
 /**

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

@@ -3,6 +3,7 @@ export * as BookingForm from './booking-form/BookingForm.js';
 export * as Service from './service/Service.js';
 export * as ServiceMedia from './service/ServiceMedia.js';
 export * as TimeSlotList from './time-slot-list/TimeSlotList.js';
+export * as TimeSlot from './time-slot-list/TimeSlot.js';
 export * as ServiceList from './service-list/ServiceList.js';
 export * as Location from './location/Location.js';
 export * as LocationList from './location/LocationList.js';

package/cjs/dist/react/index.js

@@ -3,6 +3,7 @@ export * as BookingForm from './booking-form/BookingForm.js';
 export * as Service from './service/Service.js';
 export * as ServiceMedia from './service/ServiceMedia.js';
 export * as TimeSlotList from './time-slot-list/TimeSlotList.js';
+export * as TimeSlot from './time-slot-list/TimeSlot.js';
 export * as ServiceList from './service-list/ServiceList.js';
 export * as Location from './location/Location.js';
 export * as LocationList from './location/LocationList.js';

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

@@ -89,7 +89,7 @@ Root.displayName = 'Location.Root';
 export const Name = React.forwardRef((props, ref) => {
     const { asChild, children, className, ...attrs } = props;
     const { name } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationName, customElement: children, customElementProps: { name: name ?? '' }, ...attrs, children: _jsx("span", { children: name }) }));
+    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 }));
 });
 Name.displayName = 'Location.Name';
 /**
@@ -117,7 +117,7 @@ export const Type = React.forwardRef((props, ref) => {
             locationType,
             isCustomerLocation,
             isCustomLocation,
-        }, ...attrs, children: _jsx("span", { children: locationType }) }));
+        }, ...attrs, children: locationType ? _jsx("span", { children: locationType }) : null }));
 });
 Type.displayName = 'Location.Type';
 /**

package/cjs/dist/services/booking/book-action/buildBookingRequest.js

@@ -81,6 +81,7 @@ export function buildBookingRequest(params) {
             },
         },
         participantNotification: {
+            metadata: { channels: 'EMAIL,SMS' },
             notifyParticipants: true,
         },
         sendSmsReminder: true,

package/cjs/dist/services/payment/payment.def.d.ts

@@ -8,7 +8,7 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
 /**
  * Payment option for line items
  */
-export type PaymentOption = 'FULL_PAYMENT_ONLINE' | 'FULL_PAYMENT_OFFLINE';
+export type PaymentOption = 'FULL_PAYMENT_ONLINE' | 'FULL_PAYMENT_OFFLINE' | 'DEPOSIT_ONLINE';
 /**
  * Additional computed info for a line item (not in SDK response)
  */

package/cjs/dist/services/payment/payment.js

@@ -25,11 +25,15 @@ function getAdditionalInfo(service, lineItemId) {
         : undefined;
     return { lineItemId, priceText };
 }
-function getPaymentOption(service) {
+function getPaymentOption(service, hasDeposit) {
     const options = service.payment?.options;
     if (options?.inPerson) {
         return 'FULL_PAYMENT_OFFLINE';
     }
+    // If deposit is configured, use DEPOSIT_ONLINE to get correct payNow/payLater split
+    if (hasDeposit) {
+        return 'DEPOSIT_ONLINE';
+    }
     return 'FULL_PAYMENT_ONLINE';
 }
 function buildLineItem(service, numberOfParticipants, lineItemId) {
@@ -37,11 +41,13 @@ function buildLineItem(service, numberOfParticipants, lineItemId) {
     const servicePrice = service.payment?.fixed?.price?.value;
     const price = Number(servicePrice || 0) * numberOfParticipants;
     // Get deposit if configured
-    const deposit = service.payment?.fixed?.deposit?.value
-        ? Number(service.payment.fixed.deposit.value) * numberOfParticipants
+    const depositValue = service.payment?.fixed?.deposit?.value;
+    const hasDeposit = !!depositValue && Number(depositValue) > 0;
+    const deposit = hasDeposit
+        ? Number(depositValue) * numberOfParticipants
         : undefined;
-    // Get payment option from service configuration
-    const paymentOption = getPaymentOption(service);
+    // Get payment option from service configuration (pass hasDeposit for correct API behavior)
+    const paymentOption = getPaymentOption(service, hasDeposit);
     return {
         _id: lineItemId,
         catalogReference: {

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

@@ -227,9 +227,9 @@ export interface BookingLocationProps {
     children: React.ReactNode;
 }
 /**
- * Wraps Location.Root with the location from the booking context.
+ * Wraps Location context with the location from the booking context.
  * Children can use all Location.* components (Location.Name, Location.Address, etc.).
- * Always renders with data-has-location attribute for CSS targeting.
+ * Returns null if no location is set.
  *
  * @component
  * @example
@@ -254,7 +254,7 @@ export interface StaffNameProps {
 }
 /**
  * Displays the first staff member's name from the current booking item.
- * Always renders with data-has-staff-name attribute for CSS targeting.
+ * Returns null when staff name is empty.
  *
  * @component
  * @example

package/dist/react/booking/Booking.js

@@ -10,7 +10,7 @@ import { AsChildSlot } from '@wix/headless-utils/react';
 import * as ServiceComponent from '../service/Service.js';
 import * as TimeSlotComponent from '../time-slot-list/TimeSlot.js';
 import * as PaymentComponent from '../payment/Payment.js';
-import * as LocationComponent from '../location/Location.js';
+import * as CoreLocation from '../core/location/Location.js';
 import { GenericList } from '@wix/headless-components/react';
 // ============================================================================
 // TestIds
@@ -230,9 +230,9 @@ export function Payment(props) {
     return (_jsx(CoreBooking.PaymentData, { children: ({ slotServices }) => (_jsx(PaymentComponent.Root, { slotServices: slotServices, children: children })) }));
 }
 /**
- * Wraps Location.Root with the location from the booking context.
+ * Wraps Location context with the location from the booking context.
  * Children can use all Location.* components (Location.Name, Location.Address, etc.).
- * Always renders with data-has-location attribute for CSS targeting.
+ * Returns null if no location is set.
  *
  * @component
  * @example
@@ -246,11 +246,11 @@ export function Payment(props) {
  */
 export function Location(props) {
     const { children } = props;
-    return (_jsx(CoreBooking.Data, { children: ({ location }) => location ? (_jsx(LocationComponent.Root, { location: location, children: children })) : null }));
+    return (_jsx(CoreBooking.Data, { children: ({ location }) => location ? (_jsx(CoreLocation.Root, { location: location, children: children })) : null }));
 }
 /**
  * Displays the first staff member's name from the current booking item.
- * Always renders with data-has-staff-name attribute for CSS targeting.
+ * Returns null when staff name is empty.
  *
  * @component
  * @example
@@ -260,6 +260,11 @@ export function Location(props) {
  */
 export const StaffName = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ staffName }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingStaffName, "data-has-staff-name": Boolean(staffName), customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) })) }));
+    return (_jsx(CoreBooking.BookingItemInfo, { children: ({ staffName }) => {
+            if (!staffName) {
+                return null;
+            }
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.bookingStaffName, customElement: children, customElementProps: { name: staffName }, children: _jsx("span", { children: staffName }) }));
+        } }));
 });
 StaffName.displayName = 'Booking.StaffName';

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

@@ -46,13 +46,24 @@ export function Root(props) {
  */
 /**
  * Maps a TimeSlotLocationType to ServiceLocationType.
- * These types are structurally similar but have subtle differences
- * (e.g., _id being string | null | undefined vs string | undefined).
+ * TimeSlot location has flat structure: { name, formattedAddress, locationType }
+ * Service location has nested structure: { business: { name, address }, type }
  */
 function mapTimeSlotLocationToServiceLocation(timeSlotLocation) {
+    // TimeSlot location has flat name/formattedAddress at top level
+    // Convert to nested business structure that CoreLocation expects
     return {
-        ...timeSlotLocation,
         _id: timeSlotLocation._id ?? undefined,
+        type: timeSlotLocation.locationType,
+        business: {
+            _id: timeSlotLocation._id ?? undefined,
+            name: timeSlotLocation.name ?? undefined,
+            address: timeSlotLocation.formattedAddress
+                ? {
+                    addressLine: timeSlotLocation.formattedAddress,
+                }
+                : undefined,
+        },
     };
 }
 /**

package/dist/react/index.d.ts

@@ -3,6 +3,7 @@ export * as BookingForm from './booking-form/BookingForm.js';
 export * as Service from './service/Service.js';
 export * as ServiceMedia from './service/ServiceMedia.js';
 export * as TimeSlotList from './time-slot-list/TimeSlotList.js';
+export * as TimeSlot from './time-slot-list/TimeSlot.js';
 export * as ServiceList from './service-list/ServiceList.js';
 export * as Location from './location/Location.js';
 export * as LocationList from './location/LocationList.js';

package/dist/react/index.js

@@ -3,6 +3,7 @@ export * as BookingForm from './booking-form/BookingForm.js';
 export * as Service from './service/Service.js';
 export * as ServiceMedia from './service/ServiceMedia.js';
 export * as TimeSlotList from './time-slot-list/TimeSlotList.js';
+export * as TimeSlot from './time-slot-list/TimeSlot.js';
 export * as ServiceList from './service-list/ServiceList.js';
 export * as Location from './location/Location.js';
 export * as LocationList from './location/LocationList.js';

package/dist/react/location/Location.js

@@ -89,7 +89,7 @@ Root.displayName = 'Location.Root';
 export const Name = React.forwardRef((props, ref) => {
     const { asChild, children, className, ...attrs } = props;
     const { name } = useLocationContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.locationName, customElement: children, customElementProps: { name: name ?? '' }, ...attrs, children: _jsx("span", { children: name }) }));
+    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 }));
 });
 Name.displayName = 'Location.Name';
 /**
@@ -117,7 +117,7 @@ export const Type = React.forwardRef((props, ref) => {
             locationType,
             isCustomerLocation,
             isCustomLocation,
-        }, ...attrs, children: _jsx("span", { children: locationType }) }));
+        }, ...attrs, children: locationType ? _jsx("span", { children: locationType }) : null }));
 });
 Type.displayName = 'Location.Type';
 /**

package/dist/services/booking/book-action/buildBookingRequest.js

@@ -81,6 +81,7 @@ export function buildBookingRequest(params) {
             },
         },
         participantNotification: {
+            metadata: { channels: 'EMAIL,SMS' },
             notifyParticipants: true,
         },
         sendSmsReminder: true,

package/dist/services/payment/payment.def.d.ts

@@ -8,7 +8,7 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
 /**
  * Payment option for line items
  */
-export type PaymentOption = 'FULL_PAYMENT_ONLINE' | 'FULL_PAYMENT_OFFLINE';
+export type PaymentOption = 'FULL_PAYMENT_ONLINE' | 'FULL_PAYMENT_OFFLINE' | 'DEPOSIT_ONLINE';
 /**
  * Additional computed info for a line item (not in SDK response)
  */

package/dist/services/payment/payment.js

@@ -25,11 +25,15 @@ function getAdditionalInfo(service, lineItemId) {
         : undefined;
     return { lineItemId, priceText };
 }
-function getPaymentOption(service) {
+function getPaymentOption(service, hasDeposit) {
     const options = service.payment?.options;
     if (options?.inPerson) {
         return 'FULL_PAYMENT_OFFLINE';
     }
+    // If deposit is configured, use DEPOSIT_ONLINE to get correct payNow/payLater split
+    if (hasDeposit) {
+        return 'DEPOSIT_ONLINE';
+    }
     return 'FULL_PAYMENT_ONLINE';
 }
 function buildLineItem(service, numberOfParticipants, lineItemId) {
@@ -37,11 +41,13 @@ function buildLineItem(service, numberOfParticipants, lineItemId) {
     const servicePrice = service.payment?.fixed?.price?.value;
     const price = Number(servicePrice || 0) * numberOfParticipants;
     // Get deposit if configured
-    const deposit = service.payment?.fixed?.deposit?.value
-        ? Number(service.payment.fixed.deposit.value) * numberOfParticipants
+    const depositValue = service.payment?.fixed?.deposit?.value;
+    const hasDeposit = !!depositValue && Number(depositValue) > 0;
+    const deposit = hasDeposit
+        ? Number(depositValue) * numberOfParticipants
         : undefined;
-    // Get payment option from service configuration
-    const paymentOption = getPaymentOption(service);
+    // Get payment option from service configuration (pass hasDeposit for correct API behavior)
+    const paymentOption = getPaymentOption(service, hasDeposit);
     return {
         _id: lineItemId,
         catalogReference: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "ef1225253b65e6a7c3e1ea15bc390bb4afebcfad2ef8f5c0d7337bde"
+  "falconPackageHash": "e2a82b9d4a1150c6bc5f6996ccc4f53eebcda6e1aa624a3eab20fbe7"
 }