@wix/headless-bookings 0.0.63 → 0.0.64

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

@@ -12,9 +12,10 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
  */
 export interface TimeSlotListRootRenderProps {
     /** Function to navigate to the booking form with the selected time slot */
-    navigateToBookingForm: ({ timeSlot, service, }: {
+    navigateToBookingForm: ({ timeSlot, service, timezone, }: {
         timeSlot?: ServiceSelectionTimeSlot;
         service?: Service;
+        timezone?: string;
     }) => Promise<void>;
 }
 /**
@@ -44,9 +45,10 @@ export interface RootProps {
      * </Root>
      * ```
      */
-    navigateToBookingForm: ({ timeSlot, service, }: {
+    navigateToBookingForm: ({ timeSlot, service, timezone, }: {
         timeSlot?: ServiceSelectionTimeSlot;
         service?: Service;
+        timezone?: string;
     }) => Promise<void>;
 }
 /**

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

@@ -46,11 +46,16 @@ function RootContent({ navigateToBookingForm: providedNavigateToBookingForm, chi
     catch {
         bookingService = null;
     }
-    const navigateToBookingForm = async ({ timeSlot, service, }) => {
+    const navigateToBookingForm = async ({ timeSlot, service, timezone, }) => {
         let resolvedTimeSlot = timeSlot;
         let resolvedService = service;
-        if ((!resolvedTimeSlot || !resolvedService) && bookingService) {
+        let resolvedTimezone = timezone;
+        if ((!resolvedTimeSlot || !resolvedService || !resolvedTimezone) &&
+            bookingService) {
             const serviceSelections = bookingService.serviceSelections.get();
+            if (!resolvedTimezone) {
+                resolvedTimezone = bookingService.timezone.get();
+            }
             if (serviceSelections.length > 0) {
                 const firstSelection = serviceSelections[0];
                 if (firstSelection) {
@@ -68,6 +73,7 @@ function RootContent({ navigateToBookingForm: providedNavigateToBookingForm, chi
         return providedNavigateToBookingForm({
             timeSlot: resolvedTimeSlot,
             service: resolvedService,
+            timezone: resolvedTimezone,
         });
     };
     return _jsx(_Fragment, { children: children({ navigateToBookingForm }) });

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

@@ -52,21 +52,23 @@ export declare const Timezone: React.ForwardRefExoticComponent<TimezoneProps & R
  */
 export interface RootProps {
     children: React.ReactNode | ((data: {
-        navigateToBookingForm: ({ timeSlot, service, }: {
+        navigateToBookingForm: ({ timeSlot, service, timezone, }: {
             timeSlot?: ServiceSelectionTimeSlot;
             service?: Service;
+            timezone?: string;
         }) => Promise<void>;
     }) => React.ReactNode);
     config: TimeSlotListServiceConfig;
     /**
      * Function to navigate to the booking form.
-     * The timeSlot and service parameters are optional - if not provided,
+     * The timeSlot, service, and timezone 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, }: {
+    navigateToBookingForm?: ({ timeSlot, service, timezone, }: {
         timeSlot?: ServiceSelectionTimeSlot;
         service?: Service;
+        timezone?: string;
     }) => Promise<void>;
     className?: string;
     variant?: ListVariant;

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

@@ -87,11 +87,11 @@ Timezone.displayName = 'TimeSlotList.Timezone';
 export const Root = React.forwardRef((props, ref) => {
     const { children, config, className, variant, navigateToBookingForm: providedNavigateToBookingForm, } = props;
     const navigateToBookingForm = providedNavigateToBookingForm ||
-        (async ({ timeSlot, service, }) => {
+        (async ({ timeSlot, service, timezone, }) => {
             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 defaultNavigateToBookingForm({ timeSlot, service, timezone });
         });
     return (_jsx(CoreTimeSlotList.Root, { config: config, navigateToBookingForm: navigateToBookingForm, children: (coreData) => (_jsx(RootContent, { className: className, ref: ref, variant: variant, children: typeof children === 'function'
                 ? children({

package/cjs/dist/utils/navigation.d.ts

@@ -1,7 +1,17 @@
 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, }: {
+/**
+ * Cleans a redirect URL by extracting the redirectUrl param and removing:
+ * - The 'origin' query parameter
+ * - Any query parameters with empty values
+ *
+ * @param fullUrl - The full URL containing the redirectUrl query parameter
+ * @returns The cleaned redirect URL
+ */
+export declare function cleanRedirectUrl(fullUrl: string): string;
+export declare function navigateToBookingForm({ timeSlot, service, timezone, }: {
     timeSlot: ServiceSelectionTimeSlot;
     service: Service;
+    timezone?: string;
 }): Promise<void>;

package/cjs/dist/utils/navigation.js

@@ -27,7 +27,32 @@ function mapTimeSlotLocationToBookingLocation(timeSlotLocationType) {
             return BookingsLocationType.UNDEFINED;
     }
 }
-export async function navigateToBookingForm({ timeSlot, service, }) {
+/**
+ * Cleans a redirect URL by extracting the redirectUrl param and removing:
+ * - The 'origin' query parameter
+ * - Any query parameters with empty values
+ *
+ * @param fullUrl - The full URL containing the redirectUrl query parameter
+ * @returns The cleaned redirect URL
+ */
+export function cleanRedirectUrl(fullUrl) {
+    const url = new URL(fullUrl);
+    const redirectUrl = url.searchParams.get('redirectUrl');
+    if (!redirectUrl) {
+        return fullUrl;
+    }
+    const redirectParsed = new URL(redirectUrl);
+    // Remove origin param
+    redirectParsed.searchParams.delete('origin');
+    // Remove empty params
+    for (const [key, value] of [...redirectParsed.searchParams.entries()]) {
+        if (!value) {
+            redirectParsed.searchParams.delete(key);
+        }
+    }
+    return redirectParsed.toString();
+}
+export async function navigateToBookingForm({ timeSlot, service, timezone, }) {
     if (!timeSlot) {
         throw new Error('No time slot provided');
     }
@@ -36,30 +61,36 @@ export async function navigateToBookingForm({ timeSlot, service, }) {
     }
     // Get the first resource (staff member) if available
     const selectedResource = timeSlot.resources?.[0];
+    // Destructure to exclude properties we handle separately (location has incompatible types)
+    const { location: _location, resources: _resources, ...restTimeSlot } = timeSlot;
+    // Build slot object, only including optional properties when they have values
+    const slot = {
+        ...restTimeSlot,
+        scheduleId: timeSlot.scheduleId,
+        startDate: timeSlot.startDate,
+        endDate: timeSlot.endDate,
+        ...(service._id && { serviceId: service._id }),
+        ...(timezone && { timezone }),
+        ...(selectedResource && {
+            resource: {
+                _id: selectedResource._id,
+                name: selectedResource.name,
+            },
+        }),
+        ...(timeSlot.location && {
+            location: {
+                _id: timeSlot.location._id,
+                name: timeSlot.location.name,
+                formattedAddress: timeSlot.location.formattedAddress,
+                locationType: mapTimeSlotLocationToBookingLocation(timeSlot.location.locationType),
+            },
+        }),
+    };
     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),
-                    },
-                },
+                slot,
             },
         },
         callbacks: {
@@ -67,7 +98,7 @@ export async function navigateToBookingForm({ timeSlot, service, }) {
         },
     });
     if (redirectSession?.fullUrl) {
-        window.location.href = redirectSession.fullUrl;
+        window.location.href = cleanRedirectUrl(redirectSession.fullUrl);
     }
     else {
         throw new Error('Failed to create redirect session');

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

@@ -12,9 +12,10 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
  */
 export interface TimeSlotListRootRenderProps {
     /** Function to navigate to the booking form with the selected time slot */
-    navigateToBookingForm: ({ timeSlot, service, }: {
+    navigateToBookingForm: ({ timeSlot, service, timezone, }: {
         timeSlot?: ServiceSelectionTimeSlot;
         service?: Service;
+        timezone?: string;
     }) => Promise<void>;
 }
 /**
@@ -44,9 +45,10 @@ export interface RootProps {
      * </Root>
      * ```
      */
-    navigateToBookingForm: ({ timeSlot, service, }: {
+    navigateToBookingForm: ({ timeSlot, service, timezone, }: {
         timeSlot?: ServiceSelectionTimeSlot;
         service?: Service;
+        timezone?: string;
     }) => Promise<void>;
 }
 /**

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

@@ -46,11 +46,16 @@ function RootContent({ navigateToBookingForm: providedNavigateToBookingForm, chi
     catch {
         bookingService = null;
     }
-    const navigateToBookingForm = async ({ timeSlot, service, }) => {
+    const navigateToBookingForm = async ({ timeSlot, service, timezone, }) => {
         let resolvedTimeSlot = timeSlot;
         let resolvedService = service;
-        if ((!resolvedTimeSlot || !resolvedService) && bookingService) {
+        let resolvedTimezone = timezone;
+        if ((!resolvedTimeSlot || !resolvedService || !resolvedTimezone) &&
+            bookingService) {
             const serviceSelections = bookingService.serviceSelections.get();
+            if (!resolvedTimezone) {
+                resolvedTimezone = bookingService.timezone.get();
+            }
             if (serviceSelections.length > 0) {
                 const firstSelection = serviceSelections[0];
                 if (firstSelection) {
@@ -68,6 +73,7 @@ function RootContent({ navigateToBookingForm: providedNavigateToBookingForm, chi
         return providedNavigateToBookingForm({
             timeSlot: resolvedTimeSlot,
             service: resolvedService,
+            timezone: resolvedTimezone,
         });
     };
     return _jsx(_Fragment, { children: children({ navigateToBookingForm }) });

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

@@ -52,21 +52,23 @@ export declare const Timezone: React.ForwardRefExoticComponent<TimezoneProps & R
  */
 export interface RootProps {
     children: React.ReactNode | ((data: {
-        navigateToBookingForm: ({ timeSlot, service, }: {
+        navigateToBookingForm: ({ timeSlot, service, timezone, }: {
             timeSlot?: ServiceSelectionTimeSlot;
             service?: Service;
+            timezone?: string;
         }) => Promise<void>;
     }) => React.ReactNode);
     config: TimeSlotListServiceConfig;
     /**
      * Function to navigate to the booking form.
-     * The timeSlot and service parameters are optional - if not provided,
+     * The timeSlot, service, and timezone 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, }: {
+    navigateToBookingForm?: ({ timeSlot, service, timezone, }: {
         timeSlot?: ServiceSelectionTimeSlot;
         service?: Service;
+        timezone?: string;
     }) => Promise<void>;
     className?: string;
     variant?: ListVariant;

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

@@ -87,11 +87,11 @@ Timezone.displayName = 'TimeSlotList.Timezone';
 export const Root = React.forwardRef((props, ref) => {
     const { children, config, className, variant, navigateToBookingForm: providedNavigateToBookingForm, } = props;
     const navigateToBookingForm = providedNavigateToBookingForm ||
-        (async ({ timeSlot, service, }) => {
+        (async ({ timeSlot, service, timezone, }) => {
             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 defaultNavigateToBookingForm({ timeSlot, service, timezone });
         });
     return (_jsx(CoreTimeSlotList.Root, { config: config, navigateToBookingForm: navigateToBookingForm, children: (coreData) => (_jsx(RootContent, { className: className, ref: ref, variant: variant, children: typeof children === 'function'
                 ? children({

package/dist/utils/navigation.d.ts

@@ -1,7 +1,17 @@
 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, }: {
+/**
+ * Cleans a redirect URL by extracting the redirectUrl param and removing:
+ * - The 'origin' query parameter
+ * - Any query parameters with empty values
+ *
+ * @param fullUrl - The full URL containing the redirectUrl query parameter
+ * @returns The cleaned redirect URL
+ */
+export declare function cleanRedirectUrl(fullUrl: string): string;
+export declare function navigateToBookingForm({ timeSlot, service, timezone, }: {
     timeSlot: ServiceSelectionTimeSlot;
     service: Service;
+    timezone?: string;
 }): Promise<void>;

package/dist/utils/navigation.js

@@ -27,7 +27,32 @@ function mapTimeSlotLocationToBookingLocation(timeSlotLocationType) {
             return BookingsLocationType.UNDEFINED;
     }
 }
-export async function navigateToBookingForm({ timeSlot, service, }) {
+/**
+ * Cleans a redirect URL by extracting the redirectUrl param and removing:
+ * - The 'origin' query parameter
+ * - Any query parameters with empty values
+ *
+ * @param fullUrl - The full URL containing the redirectUrl query parameter
+ * @returns The cleaned redirect URL
+ */
+export function cleanRedirectUrl(fullUrl) {
+    const url = new URL(fullUrl);
+    const redirectUrl = url.searchParams.get('redirectUrl');
+    if (!redirectUrl) {
+        return fullUrl;
+    }
+    const redirectParsed = new URL(redirectUrl);
+    // Remove origin param
+    redirectParsed.searchParams.delete('origin');
+    // Remove empty params
+    for (const [key, value] of [...redirectParsed.searchParams.entries()]) {
+        if (!value) {
+            redirectParsed.searchParams.delete(key);
+        }
+    }
+    return redirectParsed.toString();
+}
+export async function navigateToBookingForm({ timeSlot, service, timezone, }) {
     if (!timeSlot) {
         throw new Error('No time slot provided');
     }
@@ -36,30 +61,36 @@ export async function navigateToBookingForm({ timeSlot, service, }) {
     }
     // Get the first resource (staff member) if available
     const selectedResource = timeSlot.resources?.[0];
+    // Destructure to exclude properties we handle separately (location has incompatible types)
+    const { location: _location, resources: _resources, ...restTimeSlot } = timeSlot;
+    // Build slot object, only including optional properties when they have values
+    const slot = {
+        ...restTimeSlot,
+        scheduleId: timeSlot.scheduleId,
+        startDate: timeSlot.startDate,
+        endDate: timeSlot.endDate,
+        ...(service._id && { serviceId: service._id }),
+        ...(timezone && { timezone }),
+        ...(selectedResource && {
+            resource: {
+                _id: selectedResource._id,
+                name: selectedResource.name,
+            },
+        }),
+        ...(timeSlot.location && {
+            location: {
+                _id: timeSlot.location._id,
+                name: timeSlot.location.name,
+                formattedAddress: timeSlot.location.formattedAddress,
+                locationType: mapTimeSlotLocationToBookingLocation(timeSlot.location.locationType),
+            },
+        }),
+    };
     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),
-                    },
-                },
+                slot,
             },
         },
         callbacks: {
@@ -67,7 +98,7 @@ export async function navigateToBookingForm({ timeSlot, service, }) {
         },
     });
     if (redirectSession?.fullUrl) {
-        window.location.href = redirectSession.fullUrl;
+        window.location.href = cleanRedirectUrl(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.63",
+  "version": "0.0.64",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "96083b204b0065686724c6e3b5716295e35a12be6db784974a6c924d"
+  "falconPackageHash": "8011be143d4873e29873f1d8216f8638894a024f49336de8a215b152"
 }