@wix/headless-bookings 0.0.88 → 0.0.89

package/cjs/dist/react/core/payment/Payment.d.ts

@@ -19,13 +19,13 @@ export interface RootProps {
     /** Pricing service selections for lazy loading (triggers API call) */
     pricingServiceSelections?: PricingServiceSelection[];
     /** Number of participants for lazy loading */
-    numberOfParticipants?: number;
+    totalParticipants?: number;
 }
 /**
  * Root component that provides payment context.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API on init
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API on init
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @component
@@ -37,7 +37,7 @@ export interface RootProps {
  * </Payment.Root>
  *
  * // Lazy loading mode
- * <Payment.Root pricingServiceSelections={[...]} numberOfParticipants={2}>
+ * <Payment.Root pricingServiceSelections={[...]} totalParticipants={2}>
  *   {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  * </Payment.Root>
  *

package/cjs/dist/react/core/payment/Payment.js

@@ -26,7 +26,7 @@ function RootContent({ children, }) {
  * Root component that provides payment context.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API on init
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API on init
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @component
@@ -38,7 +38,7 @@ function RootContent({ children, }) {
  * </Payment.Root>
  *
  * // Lazy loading mode
- * <Payment.Root pricingServiceSelections={[...]} numberOfParticipants={2}>
+ * <Payment.Root pricingServiceSelections={[...]} totalParticipants={2}>
  *   {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  * </Payment.Root>
  *
@@ -49,12 +49,12 @@ function RootContent({ children, }) {
  * ```
  */
 export function Root(props) {
-    const { children, paymentServiceConfig = {}, pricingServiceSelections, numberOfParticipants, } = props;
+    const { children, paymentServiceConfig = {}, pricingServiceSelections, totalParticipants, } = props;
     // Merge public config with lazy loading props into internal config
     const internalConfig = {
         ...paymentServiceConfig,
         pricingServiceSelections,
-        numberOfParticipants,
+        totalParticipants,
     };
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(PaymentServiceDefinition, PaymentService, internalConfig), disposeOnUnmount: true, children: _jsx(RootContent, { children: children }) }));
 }

package/cjs/dist/react/payment/Payment.d.ts

@@ -19,7 +19,7 @@ export interface RootProps {
     /** Pricing service selections for lazy loading (triggers API call) */
     pricingServiceSelections?: PricingServiceSelection[];
     /** Number of participants for lazy loading */
-    numberOfParticipants?: number;
+    totalParticipants?: number;
     asChild?: boolean;
     className?: string;
 }
@@ -27,7 +27,7 @@ export interface RootProps {
  * Root component that provides payment context to the entire app.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API via useEffect
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API via useEffect
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @order 1
@@ -48,7 +48,7 @@ export interface RootProps {
  * // Lazy loading mode
  * function LazyPayment({ slotServices }) {
  *   return (
- *     <Payment.Root slotServices={slotServices} numberOfParticipants={2}>
+ *     <Payment.Root slotServices={slotServices} totalParticipants={2}>
  *       {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  *     </Payment.Root>
  *   );
@@ -109,27 +109,6 @@ export interface TaxProps {
  * ```
  */
 export declare const Tax: React.ForwardRefExoticComponent<TaxProps & React.RefAttributes<HTMLElement>>;
-/**
- * Props for Payment.Discount component
- */
-export interface DiscountProps {
-    asChild?: boolean;
-    children?: AsChildChildren<{
-        discount: MoneyData | null;
-    }>;
-    className?: string;
-}
-/**
- * Displays the payment discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.Discount className="text-green-500" />
- * ```
- */
-export declare const Discount: React.ForwardRefExoticComponent<DiscountProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for Payment.Total component
  */
@@ -280,7 +259,6 @@ export interface LineItemRepeaterProps {
  * ```tsx
  * <Payment.LineItemRepeater>
  *   <Payment.LineItemTotal />
- *   <Payment.LineItemDiscount />
  * </Payment.LineItemRepeater>
  * ```
  */
@@ -329,27 +307,6 @@ export interface LineItemSubtotalProps {
  * ```
  */
 export declare const LineItemSubtotal: React.ForwardRefExoticComponent<LineItemSubtotalProps & React.RefAttributes<HTMLElement>>;
-/**
- * Props for Payment.LineItemDiscount component
- */
-export interface LineItemDiscountProps {
-    asChild?: boolean;
-    children?: AsChildChildren<{
-        discount: MoneyData | null;
-    }>;
-    className?: string;
-}
-/**
- * Displays the line item discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.LineItemDiscount className="text-green-500" />
- * ```
- */
-export declare const LineItemDiscount: React.ForwardRefExoticComponent<LineItemDiscountProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for Payment.LineItemDeposit component
  */

package/cjs/dist/react/payment/Payment.js

@@ -12,7 +12,6 @@ var TestIds;
     TestIds["paymentRoot"] = "payment-root";
     TestIds["paymentSubtotal"] = "payment-subtotal";
     TestIds["paymentTax"] = "payment-tax";
-    TestIds["paymentDiscount"] = "payment-discount";
     TestIds["paymentTotal"] = "payment-total";
     TestIds["paymentPayNow"] = "payment-pay-now";
     TestIds["paymentPayLater"] = "payment-pay-later";
@@ -21,14 +20,13 @@ var TestIds;
     TestIds["paymentLineItemRepeater"] = "payment-line-item-repeater";
     TestIds["paymentLineItemTotal"] = "payment-line-item-total";
     TestIds["paymentLineItemSubtotal"] = "payment-line-item-subtotal";
-    TestIds["paymentLineItemDiscount"] = "payment-line-item-discount";
     TestIds["paymentLineItemDeposit"] = "payment-line-item-deposit";
 })(TestIds || (TestIds = {}));
 /**
  * Root component that provides payment context to the entire app.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API via useEffect
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API via useEffect
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @order 1
@@ -49,7 +47,7 @@ var TestIds;
  * // Lazy loading mode
  * function LazyPayment({ slotServices }) {
  *   return (
- *     <Payment.Root slotServices={slotServices} numberOfParticipants={2}>
+ *     <Payment.Root slotServices={slotServices} totalParticipants={2}>
  *       {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  *     </Payment.Root>
  *   );
@@ -57,8 +55,8 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, paymentServiceConfig, pricingServiceSelections, numberOfParticipants, asChild, className, ...attrs } = props;
-    return (_jsx(CorePayment.Root, { paymentServiceConfig: paymentServiceConfig, pricingServiceSelections: pricingServiceSelections, numberOfParticipants: numberOfParticipants, children: ({ isLoading, hasError }) => {
+    const { children, paymentServiceConfig, pricingServiceSelections, totalParticipants, asChild, className, ...attrs } = props;
+    return (_jsx(CorePayment.Root, { paymentServiceConfig: paymentServiceConfig, pricingServiceSelections: pricingServiceSelections, totalParticipants: totalParticipants, children: ({ isLoading, hasError }) => {
             return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentRoot, "data-loading": isLoading, "data-has-error": hasError, customElement: children, customElementProps: { isLoading, hasError }, ...attrs, children: children }));
         } }));
 });
@@ -106,21 +104,6 @@ export const Tax = React.forwardRef((props, ref) => {
     return (_jsx(CorePayment.Data, { children: ({ tax, hasTax }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentTax, "data-has-tax": hasTax, customElement: children, customElementProps: { tax }, children: hasTax && _jsx(Money, { money: tax }) })) }));
 });
 Tax.displayName = 'Payment.Tax';
-/**
- * Displays the payment discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.Discount className="text-green-500" />
- * ```
- */
-export const Discount = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ discount, hasDiscount }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentDiscount, "data-has-discount": hasDiscount, customElement: children, customElementProps: { discount }, children: hasDiscount && _jsx(Money, { money: discount }) })) }));
-});
-Discount.displayName = 'Payment.Discount';
 /**
  * Displays the payment total.
  * Always displays the monetary value. Exposes customPrice for custom rendering.
@@ -249,7 +232,6 @@ const LineItemWrapper = ({ item, currency, children, }) => {
  * ```tsx
  * <Payment.LineItemRepeater>
  *   <Payment.LineItemTotal />
- *   <Payment.LineItemDiscount />
  * </Payment.LineItemRepeater>
  * ```
  */
@@ -289,21 +271,6 @@ export const LineItemSubtotal = React.forwardRef((props, ref) => {
     return (_jsx(CorePayment.LineItemInfo, { children: ({ subtotal, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemSubtotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: { subtotal, customPrice }, children: customPrice ? (_jsx("span", { children: customPrice })) : (subtotal && _jsx(Money, { money: subtotal })) })) }));
 });
 LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
-/**
- * Displays the line item discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.LineItemDiscount className="text-green-500" />
- * ```
- */
-export const LineItemDiscount = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ discount, hasDiscount }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemDiscount, "data-has-discount": hasDiscount, customElement: children, customElementProps: { discount }, children: hasDiscount && _jsx(Money, { money: discount }) })) }));
-});
-LineItemDiscount.displayName = 'Payment.LineItemDiscount';
 /**
  * Displays the line item deposit amount.
  * Uses data-has-deposit attribute for conditional visibility.

package/cjs/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/cjs/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/cjs/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/dist/react/core/payment/Payment.d.ts

@@ -19,13 +19,13 @@ export interface RootProps {
     /** Pricing service selections for lazy loading (triggers API call) */
     pricingServiceSelections?: PricingServiceSelection[];
     /** Number of participants for lazy loading */
-    numberOfParticipants?: number;
+    totalParticipants?: number;
 }
 /**
  * Root component that provides payment context.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API on init
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API on init
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @component
@@ -37,7 +37,7 @@ export interface RootProps {
  * </Payment.Root>
  *
  * // Lazy loading mode
- * <Payment.Root pricingServiceSelections={[...]} numberOfParticipants={2}>
+ * <Payment.Root pricingServiceSelections={[...]} totalParticipants={2}>
  *   {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  * </Payment.Root>
  *

package/dist/react/core/payment/Payment.js

@@ -26,7 +26,7 @@ function RootContent({ children, }) {
  * Root component that provides payment context.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API on init
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API on init
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @component
@@ -38,7 +38,7 @@ function RootContent({ children, }) {
  * </Payment.Root>
  *
  * // Lazy loading mode
- * <Payment.Root pricingServiceSelections={[...]} numberOfParticipants={2}>
+ * <Payment.Root pricingServiceSelections={[...]} totalParticipants={2}>
  *   {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  * </Payment.Root>
  *
@@ -49,12 +49,12 @@ function RootContent({ children, }) {
  * ```
  */
 export function Root(props) {
-    const { children, paymentServiceConfig = {}, pricingServiceSelections, numberOfParticipants, } = props;
+    const { children, paymentServiceConfig = {}, pricingServiceSelections, totalParticipants, } = props;
     // Merge public config with lazy loading props into internal config
     const internalConfig = {
         ...paymentServiceConfig,
         pricingServiceSelections,
-        numberOfParticipants,
+        totalParticipants,
     };
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(PaymentServiceDefinition, PaymentService, internalConfig), disposeOnUnmount: true, children: _jsx(RootContent, { children: children }) }));
 }

package/dist/react/payment/Payment.d.ts

@@ -19,7 +19,7 @@ export interface RootProps {
     /** Pricing service selections for lazy loading (triggers API call) */
     pricingServiceSelections?: PricingServiceSelection[];
     /** Number of participants for lazy loading */
-    numberOfParticipants?: number;
+    totalParticipants?: number;
     asChild?: boolean;
     className?: string;
 }
@@ -27,7 +27,7 @@ export interface RootProps {
  * Root component that provides payment context to the entire app.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API via useEffect
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API via useEffect
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @order 1
@@ -48,7 +48,7 @@ export interface RootProps {
  * // Lazy loading mode
  * function LazyPayment({ slotServices }) {
  *   return (
- *     <Payment.Root slotServices={slotServices} numberOfParticipants={2}>
+ *     <Payment.Root slotServices={slotServices} totalParticipants={2}>
  *       {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  *     </Payment.Root>
  *   );
@@ -109,27 +109,6 @@ export interface TaxProps {
  * ```
  */
 export declare const Tax: React.ForwardRefExoticComponent<TaxProps & React.RefAttributes<HTMLElement>>;
-/**
- * Props for Payment.Discount component
- */
-export interface DiscountProps {
-    asChild?: boolean;
-    children?: AsChildChildren<{
-        discount: MoneyData | null;
-    }>;
-    className?: string;
-}
-/**
- * Displays the payment discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.Discount className="text-green-500" />
- * ```
- */
-export declare const Discount: React.ForwardRefExoticComponent<DiscountProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for Payment.Total component
  */
@@ -280,7 +259,6 @@ export interface LineItemRepeaterProps {
  * ```tsx
  * <Payment.LineItemRepeater>
  *   <Payment.LineItemTotal />
- *   <Payment.LineItemDiscount />
  * </Payment.LineItemRepeater>
  * ```
  */
@@ -329,27 +307,6 @@ export interface LineItemSubtotalProps {
  * ```
  */
 export declare const LineItemSubtotal: React.ForwardRefExoticComponent<LineItemSubtotalProps & React.RefAttributes<HTMLElement>>;
-/**
- * Props for Payment.LineItemDiscount component
- */
-export interface LineItemDiscountProps {
-    asChild?: boolean;
-    children?: AsChildChildren<{
-        discount: MoneyData | null;
-    }>;
-    className?: string;
-}
-/**
- * Displays the line item discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.LineItemDiscount className="text-green-500" />
- * ```
- */
-export declare const LineItemDiscount: React.ForwardRefExoticComponent<LineItemDiscountProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for Payment.LineItemDeposit component
  */

package/dist/react/payment/Payment.js

@@ -12,7 +12,6 @@ var TestIds;
     TestIds["paymentRoot"] = "payment-root";
     TestIds["paymentSubtotal"] = "payment-subtotal";
     TestIds["paymentTax"] = "payment-tax";
-    TestIds["paymentDiscount"] = "payment-discount";
     TestIds["paymentTotal"] = "payment-total";
     TestIds["paymentPayNow"] = "payment-pay-now";
     TestIds["paymentPayLater"] = "payment-pay-later";
@@ -21,14 +20,13 @@ var TestIds;
     TestIds["paymentLineItemRepeater"] = "payment-line-item-repeater";
     TestIds["paymentLineItemTotal"] = "payment-line-item-total";
     TestIds["paymentLineItemSubtotal"] = "payment-line-item-subtotal";
-    TestIds["paymentLineItemDiscount"] = "payment-line-item-discount";
     TestIds["paymentLineItemDeposit"] = "payment-line-item-deposit";
 })(TestIds || (TestIds = {}));
 /**
  * Root component that provides payment context to the entire app.
  * Supports 3 modes:
  * 1. SSR: paymentServiceConfig.paymentDetails - pre-fetched data
- * 2. Lazy loading: pricingServiceSelections + numberOfParticipants props - calls API via useEffect
+ * 2. Lazy loading: pricingServiceSelections + totalParticipants props - calls API via useEffect
  * 3. Reactive: no config/props - reads from BookingService signals
  *
  * @order 1
@@ -49,7 +47,7 @@ var TestIds;
  * // Lazy loading mode
  * function LazyPayment({ slotServices }) {
  *   return (
- *     <Payment.Root slotServices={slotServices} numberOfParticipants={2}>
+ *     <Payment.Root slotServices={slotServices} totalParticipants={2}>
  *       {({ isLoading }) => isLoading ? <div>Loading...</div> : <Payment.Total />}
  *     </Payment.Root>
  *   );
@@ -57,8 +55,8 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, paymentServiceConfig, pricingServiceSelections, numberOfParticipants, asChild, className, ...attrs } = props;
-    return (_jsx(CorePayment.Root, { paymentServiceConfig: paymentServiceConfig, pricingServiceSelections: pricingServiceSelections, numberOfParticipants: numberOfParticipants, children: ({ isLoading, hasError }) => {
+    const { children, paymentServiceConfig, pricingServiceSelections, totalParticipants, asChild, className, ...attrs } = props;
+    return (_jsx(CorePayment.Root, { paymentServiceConfig: paymentServiceConfig, pricingServiceSelections: pricingServiceSelections, totalParticipants: totalParticipants, children: ({ isLoading, hasError }) => {
             return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentRoot, "data-loading": isLoading, "data-has-error": hasError, customElement: children, customElementProps: { isLoading, hasError }, ...attrs, children: children }));
         } }));
 });
@@ -106,21 +104,6 @@ export const Tax = React.forwardRef((props, ref) => {
     return (_jsx(CorePayment.Data, { children: ({ tax, hasTax }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentTax, "data-has-tax": hasTax, customElement: children, customElementProps: { tax }, children: hasTax && _jsx(Money, { money: tax }) })) }));
 });
 Tax.displayName = 'Payment.Tax';
-/**
- * Displays the payment discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.Discount className="text-green-500" />
- * ```
- */
-export const Discount = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ discount, hasDiscount }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentDiscount, "data-has-discount": hasDiscount, customElement: children, customElementProps: { discount }, children: hasDiscount && _jsx(Money, { money: discount }) })) }));
-});
-Discount.displayName = 'Payment.Discount';
 /**
  * Displays the payment total.
  * Always displays the monetary value. Exposes customPrice for custom rendering.
@@ -249,7 +232,6 @@ const LineItemWrapper = ({ item, currency, children, }) => {
  * ```tsx
  * <Payment.LineItemRepeater>
  *   <Payment.LineItemTotal />
- *   <Payment.LineItemDiscount />
  * </Payment.LineItemRepeater>
  * ```
  */
@@ -289,21 +271,6 @@ export const LineItemSubtotal = React.forwardRef((props, ref) => {
     return (_jsx(CorePayment.LineItemInfo, { children: ({ subtotal, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemSubtotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: { subtotal, customPrice }, children: customPrice ? (_jsx("span", { children: customPrice })) : (subtotal && _jsx(Money, { money: subtotal })) })) }));
 });
 LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
-/**
- * Displays the line item discount.
- * Uses data-has-discount attribute for conditional visibility.
- *
- * @component
- * @example
- * ```tsx
- * <Payment.LineItemDiscount className="text-green-500" />
- * ```
- */
-export const LineItemDiscount = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ discount, hasDiscount }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemDiscount, "data-has-discount": hasDiscount, customElement: children, customElementProps: { discount }, children: hasDiscount && _jsx(Money, { money: discount }) })) }));
-});
-LineItemDiscount.displayName = 'Payment.LineItemDiscount';
 /**
  * Displays the line item deposit amount.
  * Uses data-has-deposit attribute for conditional visibility.

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.89",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "812d699830f343f6c162ed64b79333910ca8641451f43f1090ae9c17"
+  "falconPackageHash": "57a07a8154bb7def020ba4429b5e58f59af1a8c7e7451b13e715d4a4"
 }