@wix/headless-bookings 1.0.1 → 1.0.2

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

@@ -296,9 +296,13 @@ function PaymentData(props) {
     const { children } = props;
     const bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
+    const timezone = bookingService.timezone.get();
     const pricingServiceSelections = serviceSelections.map((selection) => ({
         service: selection.service,
         lineItemId: selection.instanceId,
+        localStartDate: selection.timeSlot?.startDate,
+        localEndDate: selection.timeSlot?.endDate,
+        timeZone: timezone,
     }));
     return children({ pricingServiceSelections });
 }

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

@@ -48,6 +48,12 @@ export interface PricingServiceSelection {
     service: Service;
     /** Optional line item ID. If not provided, one will be generated. */
     lineItemId?: string;
+    /** Local start date of the selected slot in ISO-8601 format (e.g. "2024-01-30T13:30:00"). */
+    localStartDate?: string;
+    /** Local end date of the selected slot in ISO-8601 format (e.g. "2024-01-30T14:30:00"). */
+    localEndDate?: string;
+    /** IANA time zone identifier for the selected slot (e.g. "America/New_York"). */
+    timeZone?: string;
 }
 /**
  * Public config for PaymentService (SSR mode only):

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

@@ -10,6 +10,7 @@ exports.loadPaymentConfig = loadPaymentConfig;
 const services_definitions_1 = require("@wix/services-definitions");
 const signals_1 = require("@wix/services-definitions/core-services/signals");
 const auto_sdk_ecom_totals_calculator_1 = require("@wix/auto_sdk_ecom_totals-calculator");
+const auto_sdk_bookings_pricing_1 = require("@wix/auto_sdk_bookings_pricing");
 const booking_js_1 = require("../booking/booking.js");
 const auto_sdk_bookings_services_1 = require("@wix/auto_sdk_bookings_services");
 const payment_def_js_1 = require("./payment.def.js");
@@ -91,13 +92,56 @@ function buildLineItem(service, totalParticipants, lineItemId) {
         paymentOption,
     };
 }
+// durationRange is an @internal field on AvailabilityConstraints (bookings services SDK v1.0.226+).
+// It signals that the service uses flexible duration pricing (hourly/daily rentals),
+// where the correct price must be fetched via previewPrice() rather than the fixed unit price.
+function getDurationRange(service) {
+    return service.schedule?.availabilityConstraints?.durationRange;
+}
+async function getPreviewedPrice(service, localStartDate, localEndDate, timeZone) {
+    if (!service._id)
+        return null;
+    const lineItemInput = {
+        serviceId: service._id,
+        localStartDate,
+        localEndDate,
+        ...(timeZone ? { timeZone } : {}),
+    };
+    const result = await (0, auto_sdk_bookings_pricing_1.previewPrice)([lineItemInput]);
+    return result.priceInfo?.calculatedPrice ?? null;
+}
+async function buildLineItemWithPreview(item, totalParticipants) {
+    if (item.localStartDate &&
+        item.localEndDate &&
+        getDurationRange(item.service)) {
+        const previewedPrice = await getPreviewedPrice(item.service, item.localStartDate, item.localEndDate, item.timeZone).catch(() => null);
+        if (previewedPrice != null) {
+            const depositValue = item.service.payment?.fixed?.deposit?.value;
+            const hasDeposit = !!depositValue && Number(depositValue) > 0;
+            const deposit = hasDeposit
+                ? Number(depositValue) * totalParticipants
+                : undefined;
+            return {
+                _id: item.lineItemId,
+                catalogReference: {
+                    catalogItemId: item.service._id || '',
+                    appId: constants_js_1.BOOKING_APP_ID,
+                },
+                price: String(previewedPrice),
+                ...(deposit ? { depositAmount: String(deposit) } : {}),
+                quantity: 1,
+                paymentOption: getPaymentOption(item.service, hasDeposit),
+            };
+        }
+    }
+    return buildLineItem(item.service, totalParticipants, item.lineItemId);
+}
 async function calculatePaymentDetails(pricingServiceSelections, totalParticipants) {
-    // Ensure all booking services have a lineItemId
     const data = pricingServiceSelections.map((selection) => ({
         ...selection,
         lineItemId: selection.lineItemId || (0, guid_js_1.generateLineItemId)(),
     }));
-    const lineItems = data.map((item) => buildLineItem(item.service, totalParticipants, item.lineItemId));
+    const lineItems = await Promise.all(data.map((item) => buildLineItemWithPreview(item, totalParticipants)));
     const response = await (0, auto_sdk_ecom_totals_calculator_1.calculateTotals)({
         lineItems,
     });
@@ -168,22 +212,29 @@ exports.PaymentService = services_definitions_1.implementService.withConfig()(pa
     }
     // Mode 3: Reactive - observe BookingService signals (client-side only)
     else if (typeof window !== 'undefined' && bookingService) {
-        // Computed signal that only changes when services change (not participants)
+        // Computed signal that changes when services or selected time slots change (not participants)
         const servicesKey = signalsService.computed(() => {
             const selections = bookingService?.serviceSelections.get() || [];
-            return selections.map((s) => s.service._id).join(',');
+            const timezone = bookingService?.timezone.get();
+            return (selections
+                .map((s) => `${s.service._id}:${s.timeSlot?.startDate ?? ''}:${s.timeSlot?.endDate ?? ''}`)
+                .join(',') + `:${timezone ?? ''}`);
         });
         signalsService.effect(() => {
-            // Subscribe to servicesKey to trigger effect only when services change
+            // Subscribe to servicesKey to trigger effect when service or time slot changes
             servicesKey.get();
             // Read current selections without subscribing (peek)
             const selections = bookingService?.serviceSelections.peek() || [];
+            const timezone = bookingService?.timezone.peek();
             // For single service mode, take the first selection
             const firstSelection = selections[0];
             const numParticipants = firstSelection?.totalParticipants || 1;
             const pricingServiceSelections = selections.map((selection) => ({
                 service: selection.service,
                 lineItemId: selection.instanceId,
+                localStartDate: selection.timeSlot?.startDate,
+                localEndDate: selection.timeSlot?.endDate,
+                timeZone: timezone,
             }));
             if (pricingServiceSelections.length) {
                 serviceOptionsSignal.set(deriveServiceOptions(pricingServiceSelections));

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

@@ -284,9 +284,13 @@ export function PaymentData(props) {
     const { children } = props;
     const bookingService = useService(BookingServiceDefinition);
     const serviceSelections = bookingService.serviceSelections.get();
+    const timezone = bookingService.timezone.get();
     const pricingServiceSelections = serviceSelections.map((selection) => ({
         service: selection.service,
         lineItemId: selection.instanceId,
+        localStartDate: selection.timeSlot?.startDate,
+        localEndDate: selection.timeSlot?.endDate,
+        timeZone: timezone,
     }));
     return children({ pricingServiceSelections });
 }

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

@@ -48,6 +48,12 @@ export interface PricingServiceSelection {
     service: Service;
     /** Optional line item ID. If not provided, one will be generated. */
     lineItemId?: string;
+    /** Local start date of the selected slot in ISO-8601 format (e.g. "2024-01-30T13:30:00"). */
+    localStartDate?: string;
+    /** Local end date of the selected slot in ISO-8601 format (e.g. "2024-01-30T14:30:00"). */
+    localEndDate?: string;
+    /** IANA time zone identifier for the selected slot (e.g. "America/New_York"). */
+    timeZone?: string;
 }
 /**
  * Public config for PaymentService (SSR mode only):

package/dist/services/payment/payment.js

@@ -6,8 +6,9 @@
 import { implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
 import { calculateTotals, } from '@wix/auto_sdk_ecom_totals-calculator';
+import { previewPrice, } from '@wix/auto_sdk_bookings_pricing';
 import { BookingServiceDefinition } from '../booking/booking.js';
-import { RateType } from '@wix/auto_sdk_bookings_services';
+import { RateType, } from '@wix/auto_sdk_bookings_services';
 import { PaymentServiceDefinition, } from './payment.def.js';
 import { generateLineItemId } from '../../utils/guid.js';
 export { PaymentServiceDefinition, } from './payment.def.js';
@@ -86,13 +87,56 @@ function buildLineItem(service, totalParticipants, lineItemId) {
         paymentOption,
     };
 }
+// durationRange is an @internal field on AvailabilityConstraints (bookings services SDK v1.0.226+).
+// It signals that the service uses flexible duration pricing (hourly/daily rentals),
+// where the correct price must be fetched via previewPrice() rather than the fixed unit price.
+function getDurationRange(service) {
+    return service.schedule?.availabilityConstraints?.durationRange;
+}
+async function getPreviewedPrice(service, localStartDate, localEndDate, timeZone) {
+    if (!service._id)
+        return null;
+    const lineItemInput = {
+        serviceId: service._id,
+        localStartDate,
+        localEndDate,
+        ...(timeZone ? { timeZone } : {}),
+    };
+    const result = await previewPrice([lineItemInput]);
+    return result.priceInfo?.calculatedPrice ?? null;
+}
+async function buildLineItemWithPreview(item, totalParticipants) {
+    if (item.localStartDate &&
+        item.localEndDate &&
+        getDurationRange(item.service)) {
+        const previewedPrice = await getPreviewedPrice(item.service, item.localStartDate, item.localEndDate, item.timeZone).catch(() => null);
+        if (previewedPrice != null) {
+            const depositValue = item.service.payment?.fixed?.deposit?.value;
+            const hasDeposit = !!depositValue && Number(depositValue) > 0;
+            const deposit = hasDeposit
+                ? Number(depositValue) * totalParticipants
+                : undefined;
+            return {
+                _id: item.lineItemId,
+                catalogReference: {
+                    catalogItemId: item.service._id || '',
+                    appId: BOOKING_APP_ID,
+                },
+                price: String(previewedPrice),
+                ...(deposit ? { depositAmount: String(deposit) } : {}),
+                quantity: 1,
+                paymentOption: getPaymentOption(item.service, hasDeposit),
+            };
+        }
+    }
+    return buildLineItem(item.service, totalParticipants, item.lineItemId);
+}
 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, totalParticipants, item.lineItemId));
+    const lineItems = await Promise.all(data.map((item) => buildLineItemWithPreview(item, totalParticipants)));
     const response = await calculateTotals({
         lineItems,
     });
@@ -163,22 +207,29 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
     }
     // Mode 3: Reactive - observe BookingService signals (client-side only)
     else if (typeof window !== 'undefined' && bookingService) {
-        // Computed signal that only changes when services change (not participants)
+        // Computed signal that changes when services or selected time slots change (not participants)
         const servicesKey = signalsService.computed(() => {
             const selections = bookingService?.serviceSelections.get() || [];
-            return selections.map((s) => s.service._id).join(',');
+            const timezone = bookingService?.timezone.get();
+            return (selections
+                .map((s) => `${s.service._id}:${s.timeSlot?.startDate ?? ''}:${s.timeSlot?.endDate ?? ''}`)
+                .join(',') + `:${timezone ?? ''}`);
         });
         signalsService.effect(() => {
-            // Subscribe to servicesKey to trigger effect only when services change
+            // Subscribe to servicesKey to trigger effect when service or time slot changes
             servicesKey.get();
             // Read current selections without subscribing (peek)
             const selections = bookingService?.serviceSelections.peek() || [];
+            const timezone = bookingService?.timezone.peek();
             // For single service mode, take the first selection
             const firstSelection = selections[0];
             const numParticipants = firstSelection?.totalParticipants || 1;
             const pricingServiceSelections = selections.map((selection) => ({
                 service: selection.service,
                 lineItemId: selection.instanceId,
+                localStartDate: selection.timeSlot?.startDate,
+                localEndDate: selection.timeSlot?.endDate,
+                timeZone: timezone,
             }));
             if (pricingServiceSelections.length) {
                 serviceOptionsSignal.set(deriveServiceOptions(pricingServiceSelections));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -36,6 +36,7 @@
   "dependencies": {
     "@wix/auto_sdk_bookings_bookings": "^1.0.183",
     "@wix/auto_sdk_bookings_event-time-slots": "^1.0.64",
+    "@wix/auto_sdk_bookings_pricing": "^1.0.87",
     "@wix/auto_sdk_bookings_services": "^1.0.226",
     "@wix/auto_sdk_ecom_cart-v-2": "^1.0.86",
     "@wix/forms": "^1.0.384",
@@ -74,5 +75,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "c5f3384150eba7e23d903366ac5a1fc164fc30f5172f6fc4bc2d61d8"
+  "falconPackageHash": "402687344b7c916e00531f83dab622fae9b9efda7b82abadc49c484b"
 }