@wix/headless-bookings 0.0.88 → 0.0.90

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

@@ -159,11 +159,9 @@ Duration.displayName = 'TimeSlot.Duration';
  *   <button className="btn-primary">Book this slot</button>
  * </TimeSlot.Actions.Select>
  *
- * // With onClicked callback for navigation
+ * // With onClick callback
  * <TimeSlot.Actions.Select
- *   onClicked={(timeSlot) => {
- *     router.push(`/booking/confirm/${timeSlot.localStartDate}`);
- *   }}
+ *   onClick={() => router.push('/booking/confirm')}
  * />
  *
  * // Using render prop pattern
@@ -177,18 +175,19 @@ Duration.displayName = 'TimeSlot.Duration';
  * ```
  */
 export const Select = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label = 'Select', onClicked } = props;
-    return (_jsx(CoreTimeSlot.Actions, { children: ({ selectTimeSlot, isSelected, bookable, timeSlot }) => {
+    const { asChild, children, className, label, onClick, ...buttonProps } = props;
+    return (_jsx(CoreTimeSlot.Actions, { children: ({ selectTimeSlot, timeSlot, isSelected, bookable }) => {
             const handleClick = () => {
                 selectTimeSlot();
-                onClicked?.(timeSlot);
+                onClick?.(timeSlot);
             };
             return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotActionSelect, "data-selected": isSelected, "data-bookable": bookable, customElement: children, customElementProps: {
                     onClick: handleClick,
                     disabled: !bookable,
                     isSelected,
                     bookable,
-                }, children: _jsx("button", { onClick: handleClick, disabled: !bookable, children: children || label }) }));
+                    timeSlot,
+                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, disabled: !bookable, children: children || label }) }));
         } }));
 });
 Select.displayName = 'TimeSlot.Actions.Select';
@@ -211,11 +210,9 @@ Select.displayName = 'TimeSlot.Actions.Select';
  *   <button className="btn-secondary">Clear staff</button>
  * </TimeSlot.Actions.ClearStaffSelection>
  *
- * // With onClicked callback
+ * // With onClick callback
  * <TimeSlot.Actions.ClearStaffSelection
- *   onClicked={(timeSlot) => {
- *     console.log('Staff selection cleared for', timeSlot.localStartDate);
- *   }}
+ *   onClick={() => console.log('Staff selection cleared')}
  * />
  *
  * // Using render prop pattern
@@ -225,18 +222,18 @@ Select.displayName = 'TimeSlot.Actions.Select';
  * ```
  */
 export const ClearStaffSelection = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label = 'Change', onClicked } = props;
+    const { asChild, children, className, label, onClick, ...buttonProps } = props;
     return (_jsx(CoreTimeSlot.Actions, { children: ({ clearStaffSelection, timeSlot }) => {
             if (!clearStaffSelection) {
                 return null;
             }
             const handleClick = () => {
                 clearStaffSelection();
-                onClicked?.(timeSlot);
+                onClick?.(timeSlot);
             };
             return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotActionClearStaffSelection, customElement: children, customElementProps: {
                     onClick: handleClick,
-                }, children: _jsx("button", { onClick: handleClick, children: label }) }));
+                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
         } }));
 });
 ClearStaffSelection.displayName = 'TimeSlot.Actions.ClearStaffSelection';
@@ -366,11 +363,9 @@ StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
  *   <button className="btn-primary">Choose Staff</button>
  * </TimeSlot.StaffMember.Actions.Select>
  *
- * // With onClicked callback
+ * // With onClick callback
  * <TimeSlot.StaffMember.Actions.Select
- *   onClicked={(staffMember) => {
- *     console.log('Selected staff:', staffMember.name);
- *   }}
+ *   onClick={() => console.log('Staff selected')}
  * />
  *
  * // Using render prop pattern
@@ -384,16 +379,17 @@ StaffMemberName.displayName = 'TimeSlot.StaffMember.Name';
  * ```
  */
 export const SelectStaffMember = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label = 'Select', onClicked } = props;
+    const { asChild, children, className, label, onClick, ...buttonProps } = props;
     return (_jsx(CoreTimeSlot.StaffMemberActions, { children: ({ selectStaffMember, isSelected, staffMember }) => {
             const handleClick = () => {
                 selectStaffMember();
-                onClicked?.(staffMember);
+                onClick?.(staffMember);
             };
             return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotStaffMemberActionSelect, "data-selected": isSelected, customElement: children, customElementProps: {
                     onClick: handleClick,
                     isSelected,
-                }, children: _jsx("button", { onClick: handleClick, children: label }) }));
+                    staffMember,
+                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
         } }));
 });
 SelectStaffMember.displayName = 'TimeSlot.StaffMember.Actions.Select';

package/dist/services/booking/book-action/types.d.ts

@@ -62,9 +62,9 @@ export interface BookProps {
      * The navigateToCheckout function has the checkoutId captured - just call it.
      * When navigateToCheckout is called, the button will show loading state until navigation completes.
      */
-    onCheckout?: (result: {
-        navigateToCheckout: () => Promise<void>;
-    }) => void;
+    onCheckout?: (navigateToCheckout: (options: {
+        postFlowUrl: string;
+    }) => Promise<void>) => void;
     /**
      * Called when booking completes without requiring checkout (free/offline services).
      * Receives the orderId which can be used to display confirmation or navigate to a thank you page.

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

@@ -24,9 +24,9 @@ export type ErrorPaymentConfigResult = {
  * Calls the pricing APIs and returns pre-calculated payment details.
  *
  * @param params.pricingServiceSelections - Pricing service selections for calculation
- * @param params.numberOfParticipants - Number of participants (default: 1)
+ * @param params.totalParticipants - Number of participants (default: 1)
  */
 export declare function loadPaymentConfig(params: {
     pricingServiceSelections: PricingServiceSelection[];
-    numberOfParticipants?: number;
+    totalParticipants?: number;
 }): Promise<SuccessPaymentConfigResult | ErrorPaymentConfigResult>;

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

@@ -53,7 +53,7 @@ export interface PaymentServiceInternalConfig extends PaymentServiceConfig {
     /** Booking services for lazy loading (internal use) */
     pricingServiceSelections?: PricingServiceSelection[];
     /** Number of participants for lazy loading (internal use) */
-    numberOfParticipants?: number;
+    totalParticipants?: number;
 }
 export interface PaymentServiceAPI {
     paymentDetailsSignal: Signal<PaymentDetails | null>;

package/dist/services/payment/payment.js

@@ -36,15 +36,15 @@ function getPaymentOption(service, hasDeposit) {
     }
     return 'FULL_PAYMENT_ONLINE';
 }
-function buildLineItem(service, numberOfParticipants, lineItemId) {
+function buildLineItem(service, totalParticipants, lineItemId) {
     // Get fixed price from service
     const servicePrice = service.payment?.fixed?.price?.value;
-    const price = Number(servicePrice || 0) * numberOfParticipants;
+    const price = Number(servicePrice || 0) * totalParticipants;
     // Get deposit if configured
     const depositValue = service.payment?.fixed?.deposit?.value;
     const hasDeposit = !!depositValue && Number(depositValue) > 0;
     const deposit = hasDeposit
-        ? Number(depositValue) * numberOfParticipants
+        ? Number(depositValue) * totalParticipants
         : undefined;
     // Get payment option from service configuration (pass hasDeposit for correct API behavior)
     const paymentOption = getPaymentOption(service, hasDeposit);
@@ -60,13 +60,13 @@ function buildLineItem(service, numberOfParticipants, lineItemId) {
         paymentOption,
     };
 }
-async function calculatePaymentDetails(pricingServiceSelections, numberOfParticipants) {
+async function calculatePaymentDetails(pricingServiceSelections, totalParticipants) {
     // Ensure all booking services have a lineItemId
     const data = pricingServiceSelections.map((selection) => ({
         ...selection,
         lineItemId: selection.lineItemId || generateLineItemId(),
     }));
-    const lineItems = data.map((item) => buildLineItem(item.service, numberOfParticipants, item.lineItemId));
+    const lineItems = data.map((item) => buildLineItem(item.service, totalParticipants, item.lineItemId));
     const response = await calculateTotals({
         lineItems,
     });
@@ -96,7 +96,7 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
     const isLoadingSignal = signalsService.signal(false);
     const errorSignal = signalsService.signal(null);
     // Internal calculate function
-    const calculate = async (pricingServiceSelections, numberOfParticipants) => {
+    const calculate = async (pricingServiceSelections, totalParticipants) => {
         if (!pricingServiceSelections.length) {
             paymentDetailsSignal.set(null);
             return;
@@ -104,7 +104,7 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
         isLoadingSignal.set(true);
         errorSignal.set(null);
         try {
-            const paymentDetails = await calculatePaymentDetails(pricingServiceSelections, numberOfParticipants);
+            const paymentDetails = await calculatePaymentDetails(pricingServiceSelections, totalParticipants);
             paymentDetailsSignal.set(paymentDetails);
         }
         catch (error) {
@@ -124,7 +124,7 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
     }
     // Mode 2: Lazy loading - pricingServiceSelections provided via internal config
     else if (config.pricingServiceSelections?.length) {
-        void calculate(config.pricingServiceSelections, config.numberOfParticipants ?? 1);
+        void calculate(config.pricingServiceSelections, config.totalParticipants ?? 1);
     }
     // Mode 3: Reactive - observe BookingService signals (client-side only)
     else if (typeof window !== 'undefined' && bookingService) {
@@ -159,18 +159,18 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
  * Calls the pricing APIs and returns pre-calculated payment details.
  *
  * @param params.pricingServiceSelections - Pricing service selections for calculation
- * @param params.numberOfParticipants - Number of participants (default: 1)
+ * @param params.totalParticipants - Number of participants (default: 1)
  */
 export async function loadPaymentConfig(params) {
     try {
-        const { pricingServiceSelections, numberOfParticipants = 1 } = params;
+        const { pricingServiceSelections, totalParticipants = 1 } = params;
         if (!pricingServiceSelections.length) {
             return {
                 type: 'success',
                 config: { paymentDetails: undefined },
             };
         }
-        const paymentDetails = await calculatePaymentDetails(pricingServiceSelections, numberOfParticipants);
+        const paymentDetails = await calculatePaymentDetails(pricingServiceSelections, totalParticipants);
         return {
             type: 'success',
             config: { paymentDetails },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "812d699830f343f6c162ed64b79333910ca8641451f43f1090ae9c17"
+  "falconPackageHash": "de93b455730e45ed2adcc6ab0f146aa5ae59da054da5ae8c3ffda373"
 }