@wix/headless-bookings 0.0.89 → 0.0.91

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -37,11 +37,11 @@
     "@wix/auto_sdk_bookings_event-time-slots": "^1.0.64",
     "@wix/auto_sdk_ecom_checkout": "^1.0.104",
     "@wix/form-public": "^0.104.0",
-    "@wix/headless-forms": "0.0.26",
-    "@wix/headless-media": "0.0.19",
+    "@wix/headless-forms": "0.0.27",
+    "@wix/headless-media": "0.0.20",
     "@wix/headless-utils": "0.0.8",
     "@wix/services-definitions": "^1.0.1",
-    "@wix/services-manager-react": "^1.0.2",
+    "@wix/services-manager-react": "^1.0.3",
     "date-fns": "^4.1.0"
   },
   "devDependencies": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "57a07a8154bb7def020ba4429b5e58f59af1a8c7e7451b13e715d4a4"
+  "falconPackageHash": "a78e1dd86856b7de4c6810333ca39eddce83be25a76ac688d6b2981c"
 }