@wix/headless-bookings 0.0.40 → 0.0.42

package/cjs/dist/react/core/payment/Payment.js

@@ -71,7 +71,17 @@ export function Data(props) {
     const discount = convertMultiCurrencyPriceToMoneyData(priceSummary?.discount, currency);
     const payNow = convertMultiCurrencyPriceToMoneyData(paymentDetails?.response?.payNow?.total, currency);
     const payLater = convertMultiCurrencyPriceToMoneyData(paymentDetails?.response?.payLater?.total, currency);
-    return props.children({ subtotal, total, tax, discount, payNow, payLater, currency, isLoading, error });
+    return props.children({
+        subtotal,
+        total,
+        tax,
+        discount,
+        payNow,
+        payLater,
+        currency,
+        isLoading,
+        error,
+    });
 }
 /**
  * Core component that provides access to calculated line items via render props.
@@ -116,5 +126,11 @@ export function LineItems(props) {
         };
     });
     const hasLineItems = lineItems.length > 0;
-    return props.children({ lineItems, hasLineItems, currency, isLoading, error });
+    return props.children({
+        lineItems,
+        hasLineItems,
+        currency,
+        isLoading,
+        error,
+    });
 }

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

@@ -58,6 +58,7 @@ export interface ListDataRenderProps {
     isLoading: boolean;
     error: string | null;
     loadMore: () => Promise<void>;
+    isSelectionComplete: boolean;
 }
 /**
  * Props for ListData render prop component
@@ -73,7 +74,7 @@ export interface ListDataProps {
  * @example
  * ```tsx
  * <ListData>
- *   {({ timeSlots, hasMore, isLoading, loadMore }) => (
+ *   {({ timeSlots, hasMore, isLoading, loadMore, isSelectionComplete }) => (
  *     <GenericList.Root items={timeSlots} hasMore={hasMore} isLoading={isLoading} loadMore={loadMore}>
  *       {children}
  *     </GenericList.Root>

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

@@ -68,7 +68,7 @@ export function Timezone(props) {
  * @example
  * ```tsx
  * <ListData>
- *   {({ timeSlots, hasMore, isLoading, loadMore }) => (
+ *   {({ timeSlots, hasMore, isLoading, loadMore, isSelectionComplete }) => (
  *     <GenericList.Root items={timeSlots} hasMore={hasMore} isLoading={isLoading} loadMore={loadMore}>
  *       {children}
  *     </GenericList.Root>
@@ -78,12 +78,18 @@ export function Timezone(props) {
  */
 export function ListData(props) {
     const service = useService(TimeSlotListServiceDefinition);
+    const bookingService = useService(BookingServiceDefinition);
+    const selectedTimeSlot = bookingService.serviceSelections.get()[0]?.timeSlot;
+    const hasTimeSlot = !!selectedTimeSlot;
+    const hasSelectedStaffMember = (selectedTimeSlot?.resources?.length ?? 0) === 1;
+    const isSelectionComplete = hasTimeSlot && hasSelectedStaffMember;
     return props.children({
         timeSlots: service.timeSlots.get(),
         hasMore: service.hasMore.get(),
         isLoading: service.isLoading.get(),
         error: service.error.get(),
         loadMore: service.actions.loadMore,
+        isSelectionComplete,
     });
 }
 /**

package/cjs/dist/react/payment/Payment.js

@@ -294,7 +294,7 @@ export const LineItemPrice = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
     const { lineItem } = useLineItemContext();
     const { totalPrice, priceText } = lineItem;
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemPrice, "data-has-price-text": !!priceText, customElement: children, customElementProps: { totalPrice, priceText }, children: priceText ? _jsx("span", { children: priceText }) : totalPrice ? _jsx(Money, { money: totalPrice }) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemPrice, "data-has-price-text": !!priceText, customElement: children, customElementProps: { totalPrice, priceText }, children: priceText ? (_jsx("span", { children: priceText })) : totalPrice ? (_jsx(Money, { money: totalPrice })) : null }));
 });
 LineItemPrice.displayName = 'Payment.LineItemPrice';
 /**

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

@@ -86,13 +86,10 @@ Root.displayName = 'TimeSlotList.Root';
  */
 const RootContent = React.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore }) => (
-        // Add stable `id` for GenericList at the headless boundary only.
-        // The underlying service slots remain raw (no grouping / no extra fields).
-        _jsx(GenericList.Root, { items: timeSlots.map((slot) => ({
+    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore, isSelectionComplete, }) => (_jsx(GenericList.Root, { items: timeSlots.map((slot) => ({
                 ...slot,
                 id: generateSlotKey(slot),
-            })), loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.timeSlotListRoot, variant: variant, children: children })) }));
+            })), loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.timeSlotListRoot, "data-selection-complete": isSelectionComplete, variant: variant, children: children })) }));
 });
 RootContent.displayName = 'TimeSlotList.RootContent';
 /**

package/dist/react/core/payment/Payment.js

@@ -71,7 +71,17 @@ export function Data(props) {
     const discount = convertMultiCurrencyPriceToMoneyData(priceSummary?.discount, currency);
     const payNow = convertMultiCurrencyPriceToMoneyData(paymentDetails?.response?.payNow?.total, currency);
     const payLater = convertMultiCurrencyPriceToMoneyData(paymentDetails?.response?.payLater?.total, currency);
-    return props.children({ subtotal, total, tax, discount, payNow, payLater, currency, isLoading, error });
+    return props.children({
+        subtotal,
+        total,
+        tax,
+        discount,
+        payNow,
+        payLater,
+        currency,
+        isLoading,
+        error,
+    });
 }
 /**
  * Core component that provides access to calculated line items via render props.
@@ -116,5 +126,11 @@ export function LineItems(props) {
         };
     });
     const hasLineItems = lineItems.length > 0;
-    return props.children({ lineItems, hasLineItems, currency, isLoading, error });
+    return props.children({
+        lineItems,
+        hasLineItems,
+        currency,
+        isLoading,
+        error,
+    });
 }

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

@@ -58,6 +58,7 @@ export interface ListDataRenderProps {
     isLoading: boolean;
     error: string | null;
     loadMore: () => Promise<void>;
+    isSelectionComplete: boolean;
 }
 /**
  * Props for ListData render prop component
@@ -73,7 +74,7 @@ export interface ListDataProps {
  * @example
  * ```tsx
  * <ListData>
- *   {({ timeSlots, hasMore, isLoading, loadMore }) => (
+ *   {({ timeSlots, hasMore, isLoading, loadMore, isSelectionComplete }) => (
  *     <GenericList.Root items={timeSlots} hasMore={hasMore} isLoading={isLoading} loadMore={loadMore}>
  *       {children}
  *     </GenericList.Root>

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

@@ -68,7 +68,7 @@ export function Timezone(props) {
  * @example
  * ```tsx
  * <ListData>
- *   {({ timeSlots, hasMore, isLoading, loadMore }) => (
+ *   {({ timeSlots, hasMore, isLoading, loadMore, isSelectionComplete }) => (
  *     <GenericList.Root items={timeSlots} hasMore={hasMore} isLoading={isLoading} loadMore={loadMore}>
  *       {children}
  *     </GenericList.Root>
@@ -78,12 +78,18 @@ export function Timezone(props) {
  */
 export function ListData(props) {
     const service = useService(TimeSlotListServiceDefinition);
+    const bookingService = useService(BookingServiceDefinition);
+    const selectedTimeSlot = bookingService.serviceSelections.get()[0]?.timeSlot;
+    const hasTimeSlot = !!selectedTimeSlot;
+    const hasSelectedStaffMember = (selectedTimeSlot?.resources?.length ?? 0) === 1;
+    const isSelectionComplete = hasTimeSlot && hasSelectedStaffMember;
     return props.children({
         timeSlots: service.timeSlots.get(),
         hasMore: service.hasMore.get(),
         isLoading: service.isLoading.get(),
         error: service.error.get(),
         loadMore: service.actions.loadMore,
+        isSelectionComplete,
     });
 }
 /**

package/dist/react/payment/Payment.js

@@ -294,7 +294,7 @@ export const LineItemPrice = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
     const { lineItem } = useLineItemContext();
     const { totalPrice, priceText } = lineItem;
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemPrice, "data-has-price-text": !!priceText, customElement: children, customElementProps: { totalPrice, priceText }, children: priceText ? _jsx("span", { children: priceText }) : totalPrice ? _jsx(Money, { money: totalPrice }) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemPrice, "data-has-price-text": !!priceText, customElement: children, customElementProps: { totalPrice, priceText }, children: priceText ? (_jsx("span", { children: priceText })) : totalPrice ? (_jsx(Money, { money: totalPrice })) : null }));
 });
 LineItemPrice.displayName = 'Payment.LineItemPrice';
 /**

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

@@ -86,13 +86,10 @@ Root.displayName = 'TimeSlotList.Root';
  */
 const RootContent = React.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore }) => (
-        // Add stable `id` for GenericList at the headless boundary only.
-        // The underlying service slots remain raw (no grouping / no extra fields).
-        _jsx(GenericList.Root, { items: timeSlots.map((slot) => ({
+    return (_jsx(CoreTimeSlotList.ListData, { children: ({ timeSlots, hasMore, isLoading, error, loadMore, isSelectionComplete, }) => (_jsx(GenericList.Root, { items: timeSlots.map((slot) => ({
                 ...slot,
                 id: generateSlotKey(slot),
-            })), loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.timeSlotListRoot, variant: variant, children: children })) }));
+            })), loadMore: loadMore, hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.timeSlotListRoot, "data-selection-complete": isSelectionComplete, variant: variant, children: children })) }));
 });
 RootContent.displayName = 'TimeSlotList.RootContent';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "74b83da9361fcd8b13b0615fe645d53672b0f2db9714094ec5026205"
+  "falconPackageHash": "5dc20d0dd95441ac614497962bdf5803fa6e5e53d5887826fc888ea6"
 }