@wix/headless-bookings 0.0.57 → 0.0.58

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

@@ -3,8 +3,8 @@
  * Handles calculating total prices, taxes, discounts, and deposit information
  * Supports two modes: SSR (config with pre-fetched data) and lazy loading (reactive)
  */
-import { type PaymentServiceConfig, type PaymentServiceInternalConfig, type SlotService } from './payment.def.js';
-export { PaymentServiceDefinition, type PaymentServiceConfig, type PaymentDetails, type LineItemAdditionalInfo, type SlotService, } from './payment.def.js';
+import { type PaymentServiceConfig, type PaymentServiceInternalConfig, type PricingServiceSelection } from './payment.def.js';
+export { PaymentServiceDefinition, type PaymentServiceConfig, type PaymentDetails, type LineItemAdditionalInfo, type PricingServiceSelection, } from './payment.def.js';
 export type { PaymentServiceAPI, PaymentServiceInternalConfig, } from './payment.def.js';
 export declare const PaymentService: import("@wix/services-definitions").ServiceFactory<string & {
     __api: import("./payment.def.js").PaymentServiceAPI;
@@ -23,10 +23,10 @@ export type ErrorPaymentConfigResult = {
  * Load payment configuration for Server-Side Rendering (SSR).
  * Calls the pricing APIs and returns pre-calculated payment details.
  *
- * @param params.slotServices - Slot/service inputs for calculation
+ * @param params.pricingServiceSelections - Pricing service selections for calculation
  * @param params.numberOfParticipants - Number of participants (default: 1)
  */
 export declare function loadPaymentConfig(params: {
-    slotServices: SlotService[];
+    pricingServiceSelections: PricingServiceSelection[];
     numberOfParticipants?: number;
 }): Promise<SuccessPaymentConfigResult | ErrorPaymentConfigResult>;

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

@@ -30,9 +30,9 @@ export interface PaymentDetails {
     };
 }
 /**
- * Input for calculating payment for a slot/service
+ * Input for calculating payment for a booking service
  */
-export interface SlotService {
+export interface PricingServiceSelection {
     service: Service;
     /** Optional line item ID. If not provided, one will be generated. */
     lineItemId?: string;
@@ -50,8 +50,8 @@ export interface PaymentServiceConfig {
  * Not exposed publicly - Core merges this with PaymentServiceConfig
  */
 export interface PaymentServiceInternalConfig extends PaymentServiceConfig {
-    /** Slot services for lazy loading (internal use) */
-    slotServices?: SlotService[];
+    /** Booking services for lazy loading (internal use) */
+    pricingServiceSelections?: PricingServiceSelection[];
     /** Number of participants for lazy loading (internal use) */
     numberOfParticipants?: number;
 }

package/dist/services/payment/payment.js

@@ -60,11 +60,11 @@ function buildLineItem(service, numberOfParticipants, lineItemId) {
         paymentOption,
     };
 }
-async function calculatePaymentDetails(slotServices, numberOfParticipants) {
-    // Ensure all slot services have a lineItemId
-    const data = slotServices.map((slot) => ({
-        ...slot,
-        lineItemId: slot.lineItemId || generateLineItemId(),
+async function calculatePaymentDetails(pricingServiceSelections, numberOfParticipants) {
+    // 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 response = await calculateTotals({
@@ -96,15 +96,15 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
     const isLoadingSignal = signalsService.signal(false);
     const errorSignal = signalsService.signal(null);
     // Internal calculate function
-    const calculate = async (slotServices, numberOfParticipants) => {
-        if (!slotServices.length) {
+    const calculate = async (pricingServiceSelections, numberOfParticipants) => {
+        if (!pricingServiceSelections.length) {
             paymentDetailsSignal.set(null);
             return;
         }
         isLoadingSignal.set(true);
         errorSignal.set(null);
         try {
-            const paymentDetails = await calculatePaymentDetails(slotServices, numberOfParticipants);
+            const paymentDetails = await calculatePaymentDetails(pricingServiceSelections, numberOfParticipants);
             paymentDetailsSignal.set(paymentDetails);
         }
         catch (error) {
@@ -122,22 +122,30 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
     if (config.paymentDetails) {
         // No-op - data is pre-fetched
     }
-    // Mode 2: Lazy loading - slotServices provided via internal config
-    else if (config.slotServices?.length) {
-        void calculate(config.slotServices, config.numberOfParticipants ?? 1);
+    // Mode 2: Lazy loading - pricingServiceSelections provided via internal config
+    else if (config.pricingServiceSelections?.length) {
+        void calculate(config.pricingServiceSelections, config.numberOfParticipants ?? 1);
     }
     // Mode 3: Reactive - observe BookingService signals (client-side only)
     else if (typeof window !== 'undefined' && bookingService) {
-        signalsService.effect(() => {
+        // Computed signal that only changes when services change (not participants)
+        const servicesKey = signalsService.computed(() => {
             const selections = bookingService?.serviceSelections.get() || [];
+            return selections.map((s) => s.service._id).join(',');
+        });
+        signalsService.effect(() => {
+            // Subscribe to servicesKey to trigger effect only when services change
+            servicesKey.get();
+            // Read current selections without subscribing (peek)
+            const selections = bookingService?.serviceSelections.peek() || [];
             // For single service mode, take the first selection
             const firstSelection = selections[0];
             const numParticipants = firstSelection?.totalParticipants || 1;
-            const services = selections.map((selection) => ({
+            const pricingServiceSelections = selections.map((selection) => ({
                 service: selection.service,
                 lineItemId: selection.instanceId,
             }));
-            void calculate(services, numParticipants);
+            void calculate(pricingServiceSelections, numParticipants);
         });
     }
     return {
@@ -150,19 +158,19 @@ export const PaymentService = implementService.withConfig()(PaymentServiceDefini
  * Load payment configuration for Server-Side Rendering (SSR).
  * Calls the pricing APIs and returns pre-calculated payment details.
  *
- * @param params.slotServices - Slot/service inputs for calculation
+ * @param params.pricingServiceSelections - Pricing service selections for calculation
  * @param params.numberOfParticipants - Number of participants (default: 1)
  */
 export async function loadPaymentConfig(params) {
     try {
-        const { slotServices, numberOfParticipants = 1 } = params;
-        if (!slotServices.length) {
+        const { pricingServiceSelections, numberOfParticipants = 1 } = params;
+        if (!pricingServiceSelections.length) {
             return {
                 type: 'success',
                 config: { paymentDetails: undefined },
             };
         }
-        const paymentDetails = await calculatePaymentDetails(slotServices, numberOfParticipants);
+        const paymentDetails = await calculatePaymentDetails(pricingServiceSelections, numberOfParticipants);
         return {
             type: 'success',
             config: { paymentDetails },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "94e57cfc23b5dddf7ab80117e454a526cb7834e1fff7e8b473d4899e"
+  "falconPackageHash": "ccd30f51c7b5e50deedb808077fe5dfaebe97ef4f66da71d4f246455"
 }