@wix/headless-bookings 0.0.30 → 0.0.31

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

@@ -0,0 +1,144 @@
+/**
+ * PaymentLineItem - Component for displaying individual line item information
+ * Used within Payment.LineItemRepeater to display price, discount, deposit, etc.
+ */
+import React from 'react';
+import { AsChildChildren } from '@wix/headless-utils/react';
+import { MoneyData } from '@wix/headless-components/react';
+import type { CombinedLineItem } from '../core/payment/Payment.js';
+/**
+ * Props for PaymentLineItem.Root component
+ */
+export interface RootProps {
+    lineItem: CombinedLineItem;
+    currency: string;
+    children?: React.ReactNode | AsChildChildren<{
+        lineItem: CombinedLineItem;
+        currency: string;
+    }>;
+    asChild?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}
+/**
+ * Root component for a single line item.
+ * Provides context for child components.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.Root lineItem={item} currency="USD">
+ *   <PaymentLineItem.Price />
+ *   <PaymentLineItem.Discount />
+ * </PaymentLineItem.Root>
+ * ```
+ */
+export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for PaymentLineItem.Price component
+ */
+export interface PriceProps {
+    asChild?: boolean;
+    children?: AsChildChildren<{
+        totalPrice: MoneyData | null;
+        subtotal: MoneyData | null;
+        tax: MoneyData | null;
+        discount: MoneyData | null;
+        deposit: MoneyData | null;
+        priceText: string | null;
+    }>;
+    className?: string;
+}
+/**
+ * Displays the line item price with support for different price types.
+ * Uses data-attributes for conditional visibility.
+ *
+ * For CUSTOM rate type services, displays priceText instead of monetary value.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage - renders total price or price text
+ * <PaymentLineItem.Price className="text-lg font-bold" />
+ *
+ * // Custom rendering with full price data
+ * <PaymentLineItem.Price asChild>
+ *   {({ totalPrice, subtotal, tax, discount, priceText }) => (
+ *     <div>
+ *       {priceText ? (
+ *         <span>{priceText}</span>
+ *       ) : (
+ *         <>
+ *           <span><Money money={totalPrice} /></span>
+ *           <span data-has-discount={!!discount?.amount}><Money money={discount} /></span>
+ *         </>
+ *       )}
+ *     </div>
+ *   )}
+ * </PaymentLineItem.Price>
+ * ```
+ */
+export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for PaymentLineItem.Discount component
+ */
+export interface DiscountProps {
+    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
+ * <PaymentLineItem.Discount className="text-green-500" />
+ * ```
+ */
+export declare const Discount: React.ForwardRefExoticComponent<DiscountProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for PaymentLineItem.Deposit component
+ */
+export interface DepositProps {
+    asChild?: boolean;
+    children?: AsChildChildren<{
+        deposit: MoneyData | null;
+    }>;
+    className?: string;
+}
+/**
+ * Displays the line item deposit amount.
+ * Uses data-has-deposit attribute for conditional visibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.Deposit className="font-semibold" />
+ * ```
+ */
+export declare const Deposit: React.ForwardRefExoticComponent<DepositProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for PaymentLineItem.PriceText component
+ */
+export interface PriceTextProps {
+    asChild?: boolean;
+    children?: AsChildChildren<{
+        priceText: string | null;
+    }>;
+    className?: string;
+}
+/**
+ * Displays the custom price text (for CUSTOM rate type services).
+ * Uses data-has-price-text attribute for conditional visibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.PriceText className="text-foreground" />
+ * ```
+ */
+export declare const PriceText: React.ForwardRefExoticComponent<PriceTextProps & React.RefAttributes<HTMLElement>>;

package/dist/react/payment/PaymentLineItem.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * PaymentLineItem - Component for displaying individual line item information
+ * Used within Payment.LineItemRepeater to display price, discount, deposit, etc.
+ */
+import React from 'react';
+import * as CorePayment from '../core/payment/Payment.js';
+import { AsChildSlot } from '@wix/headless-utils/react';
+import { Money } from '@wix/headless-components/react';
+var TestIds;
+(function (TestIds) {
+    TestIds["paymentLineItemRoot"] = "payment-line-item-root";
+    TestIds["paymentLineItemPrice"] = "payment-line-item-price";
+    TestIds["paymentLineItemDiscount"] = "payment-line-item-discount";
+    TestIds["paymentLineItemDeposit"] = "payment-line-item-deposit";
+    TestIds["paymentLineItemPriceText"] = "payment-line-item-price-text";
+})(TestIds || (TestIds = {}));
+const PaymentLineItemContext = React.createContext(null);
+/**
+ * Hook to access PaymentLineItem context
+ */
+function usePaymentLineItemContext() {
+    const context = React.useContext(PaymentLineItemContext);
+    if (!context) {
+        throw new Error('usePaymentLineItemContext must be used within a PaymentLineItem.Root component');
+    }
+    return context;
+}
+/**
+ * Root component for a single line item.
+ * Provides context for child components.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.Root lineItem={item} currency="USD">
+ *   <PaymentLineItem.Price />
+ *   <PaymentLineItem.Discount />
+ * </PaymentLineItem.Root>
+ * ```
+ */
+export const Root = React.forwardRef((props, ref) => {
+    const { lineItem, currency, children, asChild, className, ...attrs } = props;
+    return (_jsx(PaymentLineItemContext.Provider, { value: { lineItem, currency }, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": attrs['data-testid'] || TestIds.paymentLineItemRoot, customElement: children, customElementProps: { lineItem, currency }, ...attrs, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
+});
+Root.displayName = 'PaymentLineItem.Root';
+/**
+ * Displays the line item price with support for different price types.
+ * Uses data-attributes for conditional visibility.
+ *
+ * For CUSTOM rate type services, displays priceText instead of monetary value.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage - renders total price or price text
+ * <PaymentLineItem.Price className="text-lg font-bold" />
+ *
+ * // Custom rendering with full price data
+ * <PaymentLineItem.Price asChild>
+ *   {({ totalPrice, subtotal, tax, discount, priceText }) => (
+ *     <div>
+ *       {priceText ? (
+ *         <span>{priceText}</span>
+ *       ) : (
+ *         <>
+ *           <span><Money money={totalPrice} /></span>
+ *           <span data-has-discount={!!discount?.amount}><Money money={discount} /></span>
+ *         </>
+ *       )}
+ *     </div>
+ *   )}
+ * </PaymentLineItem.Price>
+ * ```
+ */
+export const Price = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    const { lineItem, currency } = usePaymentLineItemContext();
+    return (_jsx(CorePayment.LineItem, { lineItem: lineItem, currency: currency, children: (priceData) => {
+            const { totalPrice, discount, deposit, priceText } = priceData;
+            // Default rendering based on price type
+            const renderDefaultPrice = () => {
+                // If custom price text (CUSTOM rate type), show text
+                if (priceText) {
+                    return (_jsx("span", { className: className, "data-testid": TestIds.paymentLineItemPrice, children: priceText }));
+                }
+                // Otherwise show monetary price
+                return totalPrice ? (_jsx(Money, { money: totalPrice, className: className })) : null;
+            };
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemPrice, "data-has-discount": discount !== null && discount.amount > 0, "data-has-deposit": deposit !== null && deposit.amount > 0, "data-has-price-text": !!priceText, customElement: children, customElementProps: priceData, children: renderDefaultPrice() }));
+        } }));
+});
+Price.displayName = 'PaymentLineItem.Price';
+/**
+ * Displays the line item discount.
+ * Uses data-has-discount attribute for conditional visibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.Discount className="text-green-500" />
+ * ```
+ */
+export const Discount = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    const { lineItem, currency } = usePaymentLineItemContext();
+    return (_jsx(CorePayment.LineItem, { lineItem: lineItem, currency: currency, children: ({ discount }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemDiscount, "data-has-discount": discount !== null && discount.amount > 0, customElement: children, customElementProps: { discount }, children: discount ? _jsx(Money, { money: discount }) : null })) }));
+});
+Discount.displayName = 'PaymentLineItem.Discount';
+/**
+ * Displays the line item deposit amount.
+ * Uses data-has-deposit attribute for conditional visibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.Deposit className="font-semibold" />
+ * ```
+ */
+export const Deposit = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    const { lineItem, currency } = usePaymentLineItemContext();
+    return (_jsx(CorePayment.LineItem, { lineItem: lineItem, currency: currency, children: ({ deposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemDeposit, "data-has-deposit": deposit !== null && deposit.amount > 0, customElement: children, customElementProps: { deposit }, children: deposit ? _jsx(Money, { money: deposit }) : null })) }));
+});
+Deposit.displayName = 'PaymentLineItem.Deposit';
+/**
+ * Displays the custom price text (for CUSTOM rate type services).
+ * Uses data-has-price-text attribute for conditional visibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PaymentLineItem.PriceText className="text-foreground" />
+ * ```
+ */
+export const PriceText = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    const { lineItem, currency } = usePaymentLineItemContext();
+    return (_jsx(CorePayment.LineItem, { lineItem: lineItem, currency: currency, children: ({ priceText }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemPriceText, "data-has-price-text": !!priceText, customElement: children, customElementProps: { priceText }, children: priceText ? _jsx("span", { children: priceText }) : null })) }));
+});
+PriceText.displayName = 'PaymentLineItem.PriceText';

package/dist/services/index.d.ts

@@ -8,3 +8,4 @@ export { TimeSlotListService, TimeSlotListServiceDefinition, ViewMode, loadTimeS
 export { ServiceListService, ServiceListServiceDefinition, type ServiceListServiceAPI, type ServiceListServiceConfig, type ServiceListFilters, type ServiceListActions, type QueryOptions, loadServiceListServiceInitialData, type SuccessServiceListServiceConfigResult, type ErrorServiceListServiceConfigResult, } from './service-list/service-list.js';
 export { executeBookAction, canBook, buildBookingRequest, buildCheckoutRequest, type CanBookParams, type BookResult, type BookingError, type BookActionParams, type BookChildProps, type BookProps, type BuildCheckoutParams, } from './booking/book-action/index.js';
 export { BookingFormService, BookingFormServiceDefinition, type BookingFormServiceAPI, type BookingFormServiceConfig, type BookingFormServiceInternalAPI, type ValidationResult, } from './booking-form/booking-form.js';
+export { PaymentService, PaymentServiceDefinition, type PaymentServiceAPI, type PaymentServiceConfig, type PaymentDetails, type SlotService, type LineItemAdditionalInfo, loadPaymentConfig, type SuccessPaymentConfigResult, type ErrorPaymentConfigResult, } from './payment/payment.js';

package/dist/services/index.js

@@ -8,3 +8,4 @@ export { TimeSlotListService, TimeSlotListServiceDefinition, ViewMode, loadTimeS
 export { ServiceListService, ServiceListServiceDefinition, loadServiceListServiceInitialData, } from './service-list/service-list.js';
 export { executeBookAction, canBook, buildBookingRequest, buildCheckoutRequest, } from './booking/book-action/index.js';
 export { BookingFormService, BookingFormServiceDefinition, } from './booking-form/booking-form.js';
+export { PaymentService, PaymentServiceDefinition, loadPaymentConfig, } from './payment/payment.js';

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

@@ -0,0 +1,32 @@
+/**
+ * Payment Service - Pricing calculation and payment details management
+ * 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';
+export type { PaymentServiceAPI, PaymentServiceInternalConfig } from './payment.def.js';
+export declare const PaymentService: import("@wix/services-definitions").ServiceFactory<string & {
+    __api: import("./payment.def.js").PaymentServiceAPI;
+    __config: {};
+    isServiceDefinition?: boolean;
+} & import("./payment.def.js").PaymentServiceAPI, PaymentServiceInternalConfig>;
+export type SuccessPaymentConfigResult = {
+    type: 'success';
+    config: PaymentServiceConfig;
+};
+export type ErrorPaymentConfigResult = {
+    type: 'error';
+    error: string;
+};
+/**
+ * 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.numberOfParticipants - Number of participants (default: 1)
+ */
+export declare function loadPaymentConfig(params: {
+    slotServices: SlotService[];
+    numberOfParticipants?: number;
+}): Promise<SuccessPaymentConfigResult | ErrorPaymentConfigResult>;

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

@@ -0,0 +1,66 @@
+/**
+ * Payment Service Definition
+ * Defines interfaces and service contract for payment calculation management
+ */
+import type { Signal } from '@wix/services-definitions/core-services/signals';
+import type { CalculateTotalsResponse } from '@wix/auto_sdk_ecom_totals-calculator';
+import type { Service } from '@wix/auto_sdk_bookings_services';
+/**
+ * Payment option for line items
+ */
+export type PaymentOption = 'FULL_PAYMENT_ONLINE' | 'FULL_PAYMENT_OFFLINE';
+/**
+ * Additional computed info for a line item (not in SDK response)
+ */
+export interface LineItemAdditionalInfo {
+    /** Line item ID to match with SDK's calculatedLineItems */
+    lineItemId: string;
+    /** Custom price text (for CUSTOM rate type services) */
+    priceText?: string;
+}
+/**
+ * Payment calculation result with SDK response and additional computed info
+ */
+export interface PaymentDetails {
+    /** The raw SDK CalculateTotals response */
+    response: CalculateTotalsResponse;
+    /** Additional computed information per line item */
+    additionalInfo: {
+        lineItems: LineItemAdditionalInfo[];
+    };
+}
+/**
+ * Input for calculating payment for a slot/service
+ */
+export interface SlotService {
+    service: Service;
+    lineItemId: string;
+}
+/**
+ * Public config for PaymentService (SSR mode only):
+ * Pass `paymentDetails` pre-fetched via loadPaymentConfig
+ */
+export interface PaymentServiceConfig {
+    /** Pre-calculated payment details for SSR (no API call) */
+    paymentDetails?: PaymentDetails;
+}
+/**
+ * Internal config used by Core component to pass lazy loading data
+ * Not exposed publicly - Core merges this with PaymentServiceConfig
+ */
+export interface PaymentServiceInternalConfig extends PaymentServiceConfig {
+    /** Slot services for lazy loading (internal use) */
+    slotServices?: SlotService[];
+    /** Number of participants for lazy loading (internal use) */
+    numberOfParticipants?: number;
+}
+export interface PaymentServiceAPI {
+    paymentDetailsSignal: Signal<PaymentDetails | null>;
+    isLoadingSignal: Signal<boolean>;
+    errorSignal: Signal<string | null>;
+}
+export declare const PaymentServiceDefinition: string & {
+    __api: PaymentServiceAPI;
+    __config: {};
+    isServiceDefinition?: boolean;
+} & PaymentServiceAPI;

package/dist/services/payment/payment.def.js

@@ -0,0 +1,9 @@
+/**
+ * Payment Service Definition
+ * Defines interfaces and service contract for payment calculation management
+ */
+import { defineService } from '@wix/services-definitions';
+// ============================================================================
+// Service Definition
+// ============================================================================
+export const PaymentServiceDefinition = defineService('payment');

package/dist/services/payment/payment.js

@@ -0,0 +1,167 @@
+/**
+ * Payment Service - Pricing calculation and payment details management
+ * Handles calculating total prices, taxes, discounts, and deposit information
+ * Supports two modes: SSR (config with pre-fetched data) and lazy loading (reactive)
+ */
+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 { BookingServiceDefinition } from '../booking/booking.js';
+import { RateType } from '@wix/auto_sdk_bookings_services';
+import { PaymentServiceDefinition, } from './payment.def.js';
+export { PaymentServiceDefinition, } from './payment.def.js';
+// ============================================================================
+// Constants
+// ============================================================================
+const BOOKINGS_APP_DEF_ID = '13d21c63-b5ec-5912-8397-c3a5ddb27a97';
+// ============================================================================
+// Helper Functions
+// ============================================================================
+function getAdditionalInfo(service, lineItemId) {
+    const payment = service.payment;
+    const priceText = payment?.rateType === RateType.CUSTOM && payment.custom?.description
+        ? payment.custom.description
+        : undefined;
+    return { lineItemId, priceText };
+}
+function getPaymentOption(service) {
+    const options = service.payment?.options;
+    if (options?.inPerson) {
+        return 'FULL_PAYMENT_OFFLINE';
+    }
+    return 'FULL_PAYMENT_ONLINE';
+}
+function buildLineItem(service, numberOfParticipants, lineItemId) {
+    // Get fixed price from service
+    const servicePrice = service.payment?.fixed?.price?.value;
+    const price = Number(servicePrice || 0) * numberOfParticipants;
+    // Get deposit if configured
+    const deposit = service.payment?.fixed?.deposit?.value
+        ? Number(service.payment.fixed.deposit.value) * numberOfParticipants
+        : undefined;
+    // Get payment option from service configuration
+    const paymentOption = getPaymentOption(service);
+    return {
+        _id: lineItemId,
+        catalogReference: {
+            catalogItemId: service._id || '',
+            appId: BOOKINGS_APP_DEF_ID,
+        },
+        price: String(price),
+        ...(deposit ? { depositAmount: String(deposit) } : {}),
+        quantity: 1,
+        paymentOption,
+    };
+}
+async function calculatePaymentDetails(slotServices, numberOfParticipants) {
+    const lineItems = slotServices.map((input) => buildLineItem(input.service, numberOfParticipants, input.lineItemId));
+    const response = await calculateTotals({
+        lineItems,
+    });
+    const additionalInfoList = slotServices.map((input) => getAdditionalInfo(input.service, input.lineItemId));
+    return {
+        response,
+        additionalInfo: {
+            lineItems: additionalInfoList,
+        },
+    };
+}
+// ============================================================================
+// Service Implementation
+// ============================================================================
+export const PaymentService = implementService.withConfig()(PaymentServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(SignalsServiceDefinition);
+    // Try to get BookingService (optional - for reactive mode)
+    let bookingService = null;
+    try {
+        bookingService = getService(BookingServiceDefinition);
+    }
+    catch {
+        bookingService = null;
+    }
+    // Initialize signals
+    const paymentDetailsSignal = signalsService.signal(config.paymentDetails || null);
+    const isLoadingSignal = signalsService.signal(false);
+    const errorSignal = signalsService.signal(null);
+    // Internal calculate function
+    const calculate = async (slotServices, numberOfParticipants) => {
+        if (!slotServices.length) {
+            paymentDetailsSignal.set(null);
+            return;
+        }
+        isLoadingSignal.set(true);
+        errorSignal.set(null);
+        try {
+            const paymentDetails = await calculatePaymentDetails(slotServices, numberOfParticipants);
+            paymentDetailsSignal.set(paymentDetails);
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error
+                ? error.message
+                : 'Failed to calculate payment';
+            errorSignal.set(errorMessage);
+            console.error('Payment calculation error:', error);
+        }
+        finally {
+            isLoadingSignal.set(false);
+        }
+    };
+    // Mode 1: SSR - paymentDetails already set in signal initialization
+    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 3: Reactive - observe BookingService signals (client-side only)
+    else if (typeof window !== 'undefined' && bookingService) {
+        signalsService.effect(() => {
+            const selections = bookingService?.serviceSelections.get() || [];
+            // For single service mode, take the first selection
+            const firstSelection = selections[0];
+            const numParticipants = firstSelection?.totalParticipants || 1;
+            const services = selections.map((selection) => ({
+                service: selection.service,
+                lineItemId: selection.instanceId,
+            }));
+            void calculate(services, numParticipants);
+        });
+    }
+    return {
+        paymentDetailsSignal,
+        isLoadingSignal,
+        errorSignal,
+    };
+});
+/**
+ * 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.numberOfParticipants - Number of participants (default: 1)
+ */
+export async function loadPaymentConfig(params) {
+    try {
+        const { slotServices, numberOfParticipants = 1 } = params;
+        if (!slotServices.length) {
+            return {
+                type: 'success',
+                config: { paymentDetails: undefined },
+            };
+        }
+        const paymentDetails = await calculatePaymentDetails(slotServices, numberOfParticipants);
+        return {
+            type: 'success',
+            config: { paymentDetails },
+        };
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : 'Failed to load payment config';
+        console.error('Failed to load payment config:', error);
+        return {
+            type: 'error',
+            error: errorMessage,
+        };
+    }
+}

package/dist/utils/money.d.ts

@@ -19,3 +19,14 @@ export declare function convertToMoneyData(sdkMoney: {
     currency?: string;
     formattedValue?: string | null;
 } | undefined): MoneyData | null;
+/**
+ * Converts ecom MultiCurrencyPrice format to MoneyData format
+ * MultiCurrencyPrice uses 'amount' as string, while MoneyData uses 'amount' as number
+ *
+ * @param price - The MultiCurrencyPrice object with amount as string
+ * @param currency - The currency code (from response level)
+ * @returns MoneyData object or null if conversion fails
+ */
+export declare function convertMultiCurrencyPriceToMoneyData(price: {
+    amount?: string;
+} | undefined, currency: string): MoneyData | null;

package/dist/utils/money.js

@@ -32,3 +32,19 @@ export function convertToMoneyData(sdkMoney) {
     }
     return null;
 }
+/**
+ * Converts ecom MultiCurrencyPrice format to MoneyData format
+ * MultiCurrencyPrice uses 'amount' as string, while MoneyData uses 'amount' as number
+ *
+ * @param price - The MultiCurrencyPrice object with amount as string
+ * @param currency - The currency code (from response level)
+ * @returns MoneyData object or null if conversion fails
+ */
+export function convertMultiCurrencyPriceToMoneyData(price, currency) {
+    if (!price?.amount)
+        return null;
+    const parsed = parseFloat(price.amount);
+    if (isNaN(parsed) || parsed < 0)
+        return null;
+    return { amount: parsed, currency };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "d466b4eaebfa6f1258b0d9f3bfa7928fa0f0a6df920e8c143ebb52d0"
+  "falconPackageHash": "7f0622f4f250d712f40cd5c74b49c920e2e55e5b19b7e1a86f572158"
 }