@wix/headless-bookings 0.0.104 → 0.0.106

package/cjs/dist/react/location/LocationList.js

@@ -1,17 +1,56 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Actions = exports.Totals = exports.LocationRepeater = exports.Locations = exports.Root = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * LocationList - High-level component for displaying locations list
  * Follows the pattern from ServiceList.tsx
  *
  * @module React/LocationList
  */
-import React from 'react';
-import { GenericList, } from '@wix/headless-components/react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { useService } from '@wix/services-manager-react';
-import { BookingServiceDefinition } from '../../services/booking/booking.js';
-import * as CoreLocationList from '../core/location-list/LocationList.js';
-import * as LocationComponent from './Location.js';
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-components/react");
+const react_3 = require("@wix/headless-utils/react");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const booking_js_1 = require("../../services/booking/booking.js");
+const CoreLocationList = __importStar(require("../core/location-list/LocationList.js"));
+const LocationComponent = __importStar(require("./Location.js"));
 // ============================================================================
 // Helper Functions
 // ============================================================================
@@ -37,7 +76,7 @@ function getLocationType(location) {
 // ============================================================================
 // TestIds
 // ============================================================================
-export const TestIds = {
+exports.TestIds = {
     locationListRoot: 'location-list-root',
     locationListLocations: 'location-list-locations',
     locationListLocation: 'location-list-location',
@@ -66,7 +105,7 @@ export const TestIds = {
  * }
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children, locationListConfig, className, variant, customLocationLabel, customerLocationLabel, } = props;
     // Merge labels into service config
     const config = {
@@ -74,15 +113,15 @@ export const Root = React.forwardRef((props, ref) => {
         customLocationLabel,
         customerLocationLabel,
     };
-    return (_jsx(CoreLocationList.Root, { locationListServiceConfig: config, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreLocationList.Root, { locationListServiceConfig: config, children: (0, jsx_runtime_1.jsx)(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
 });
-Root.displayName = 'LocationList.Root';
+exports.Root.displayName = 'LocationList.Root';
 /**
  * Internal component to handle the Root content with service access
  */
-const RootContent = React.forwardRef((props, ref) => {
+const RootContent = react_1.default.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreLocationList.Locations, { children: ({ displayLocations, isLoading }) => (_jsx(GenericList.Root, { items: displayLocations, hasMore: false, isLoading: isLoading, className: className, ref: ref, "data-testid": TestIds.locationListRoot, variant: variant, children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreLocationList.Locations, { children: ({ displayLocations, isLoading }) => ((0, jsx_runtime_1.jsx)(react_2.GenericList.Root, { items: displayLocations, hasMore: false, isLoading: isLoading, className: className, ref: ref, "data-testid": exports.TestIds.locationListRoot, variant: variant, children: children })) }));
 });
 RootContent.displayName = 'LocationList.RootContent';
 /**
@@ -100,12 +139,12 @@ RootContent.displayName = 'LocationList.RootContent';
  * </LocationList.Locations>
  * ```
  */
-export const Locations = React.forwardRef((props, ref) => {
+exports.Locations = react_1.default.forwardRef((props, ref) => {
     const { children, ...otherProps } = props;
-    return (_jsx(GenericList.Items, { ref: ref, "data-testid": TestIds.locationListLocations, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Items, { ref: ref, "data-testid": exports.TestIds.locationListLocations, ...otherProps, children: children }));
 });
-Locations.displayName = 'LocationList.Locations';
-export const LocationRepeater = React.forwardRef((props, ref) => {
+exports.Locations.displayName = 'LocationList.Locations';
+exports.LocationRepeater = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
     // Custom itemWrapper that wraps each item in LocationComponent.Root
     // Note: Labels are now handled by Location.Name component, not here
@@ -113,11 +152,11 @@ export const LocationRepeater = React.forwardRef((props, ref) => {
         const locationId = getLocationId(item);
         const locationType = getLocationType(item);
         const isSynthetic = !hasLocationData(item);
-        return (_jsx(LocationComponent.Root, { location: item, "data-testid": TestIds.locationListLocation, "data-location-id": locationId, "data-location-type": locationType, "data-synthetic": isSynthetic, "data-item-id": locationId, children: itemChildren }, locationId));
+        return ((0, jsx_runtime_1.jsx)(LocationComponent.Root, { location: item, "data-testid": exports.TestIds.locationListLocation, "data-location-id": locationId, "data-location-type": locationType, "data-synthetic": isSynthetic, "data-item-id": locationId, children: itemChildren }, locationId));
     };
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: locationItemWrapper, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Repeater, { ref: ref, itemWrapper: locationItemWrapper, children: children }));
 });
-LocationRepeater.displayName = 'LocationList.LocationRepeater';
+exports.LocationRepeater.displayName = 'LocationList.LocationRepeater';
 /**
  * Displays the total count of locations.
  *
@@ -132,14 +171,14 @@ LocationRepeater.displayName = 'LocationList.LocationRepeater';
  * </LocationList.Totals>
  * ```
  */
-export const Totals = React.forwardRef((props, ref) => {
+exports.Totals = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CoreLocationList.Locations, { children: ({ displayLocations, hasLocations }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreLocationList.Locations, { children: ({ displayLocations, hasLocations }) => {
             const count = displayLocations.length;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.locationListTotals, customElement: children, customElementProps: { count, hasLocations }, children: _jsx("span", { children: count }) }));
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.locationListTotals, customElement: children, customElementProps: { count, hasLocations }, children: (0, jsx_runtime_1.jsx)("span", { children: count }) }));
         } }));
 });
-Totals.displayName = 'LocationList.Totals';
+exports.Totals.displayName = 'LocationList.Totals';
 /**
  * Button to clear the location selection.
  * Clears the location from the BookingService.
@@ -169,12 +208,12 @@ Totals.displayName = 'LocationList.Totals';
  * </LocationList.Actions.Clear>
  * ```
  */
-const Clear = React.forwardRef((props, ref) => {
+const Clear = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, onClick, ...rest } = props;
-    return (_jsx(CoreLocationList.Actions, { children: ({ selectedLocation }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreLocationList.Actions, { children: ({ selectedLocation }) => {
             let bookingService = null;
             try {
-                bookingService = useService(BookingServiceDefinition);
+                bookingService = (0, services_manager_react_1.useService)(booking_js_1.BookingServiceDefinition);
             }
             catch {
                 // BookingService not available - likely no ServiceManagerProvider
@@ -183,15 +222,15 @@ const Clear = React.forwardRef((props, ref) => {
                 bookingService?.actions.clearLocation();
                 onClick?.(selectedLocation);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.locationListActionClear, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": exports.TestIds.locationListActionClear, customElement: children, customElementProps: {
                     onClick: handleClick,
-                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Clear.displayName = 'LocationList.Actions.Clear';
 /**
  * Actions namespace for location list-level actions
  */
-export const Actions = {
+exports.Actions = {
     Clear,
 };

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

@@ -1,13 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineItemDeposit = exports.LineItemSubtotal = exports.LineItemTotal = exports.LineItemRepeater = exports.LineItemsList = exports.LineItems = exports.PayLater = exports.PayNow = exports.Total = exports.Tax = exports.Subtotal = exports.Root = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Payment - High-level component for displaying payment information
  * Provides components for displaying payment summary, totals, and line items
  */
-import React from 'react';
-import * as CorePayment from '../core/payment/Payment.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { Money, GenericList } from '@wix/headless-components/react';
-export const TestIds = {
+const react_1 = __importDefault(require("react"));
+const CorePayment = __importStar(require("../core/payment/Payment.js"));
+const react_2 = require("@wix/headless-utils/react");
+const react_3 = require("@wix/headless-components/react");
+exports.TestIds = {
     paymentRoot: 'payment-root',
     paymentSubtotal: 'payment-subtotal',
     paymentTax: 'payment-tax',
@@ -53,13 +92,13 @@ export const TestIds = {
  * }
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     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 }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.Root, { paymentServiceConfig: paymentServiceConfig, pricingServiceSelections: pricingServiceSelections, totalParticipants: totalParticipants, children: ({ isLoading, hasError }) => {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.paymentRoot, "data-loading": isLoading, "data-has-error": hasError, customElement: children, customElementProps: { isLoading, hasError }, ...attrs, children: children }));
         } }));
 });
-Root.displayName = 'Payment.Root';
+exports.Root.displayName = 'Payment.Root';
 /**
  * Displays the payment subtotal.
  * Always displays the monetary value. Exposes customPrice for custom rendering.
@@ -80,14 +119,14 @@ Root.displayName = 'Payment.Root';
  * </Payment.Subtotal>
  * ```
  */
-export const Subtotal = React.forwardRef((props, ref) => {
+exports.Subtotal = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ subtotal, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: {
+    return ((0, jsx_runtime_1.jsx)(CorePayment.Data, { children: ({ subtotal, customPrice }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: {
                 subtotal,
                 customPrice,
-            }, "data-testid": TestIds.paymentSubtotal, "data-has-custom-price": !!customPrice, children: subtotal && _jsx(Money, { money: subtotal }) })) }));
+            }, "data-testid": exports.TestIds.paymentSubtotal, "data-has-custom-price": !!customPrice, children: subtotal && (0, jsx_runtime_1.jsx)(react_3.Money, { money: subtotal }) })) }));
 });
-Subtotal.displayName = 'Payment.Subtotal';
+exports.Subtotal.displayName = 'Payment.Subtotal';
 /**
  * Displays the payment tax.
  * Uses data-has-tax attribute for conditional visibility.
@@ -98,11 +137,11 @@ Subtotal.displayName = 'Payment.Subtotal';
  * <Payment.Tax className="text-secondary-foreground" />
  * ```
  */
-export const Tax = React.forwardRef((props, ref) => {
+exports.Tax = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ tax, hasTax }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { tax }, "data-testid": TestIds.paymentTax, "data-has-tax": hasTax, children: hasTax && _jsx(Money, { money: tax }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.Data, { children: ({ tax, hasTax }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { tax }, "data-testid": exports.TestIds.paymentTax, "data-has-tax": hasTax, children: hasTax && (0, jsx_runtime_1.jsx)(react_3.Money, { money: tax }) })) }));
 });
-Tax.displayName = 'Payment.Tax';
+exports.Tax.displayName = 'Payment.Tax';
 /**
  * Displays the payment total.
  * Always displays the monetary value. Exposes customPrice for custom rendering.
@@ -123,14 +162,14 @@ Tax.displayName = 'Payment.Tax';
  * </Payment.Total>
  * ```
  */
-export const Total = React.forwardRef((props, ref) => {
+exports.Total = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ total, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: {
+    return ((0, jsx_runtime_1.jsx)(CorePayment.Data, { children: ({ total, customPrice }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: {
                 total,
                 customPrice,
-            }, "data-testid": TestIds.paymentTotal, "data-has-custom-price": !!customPrice, children: total && _jsx(Money, { money: total }) })) }));
+            }, "data-testid": exports.TestIds.paymentTotal, "data-has-custom-price": !!customPrice, children: total && (0, jsx_runtime_1.jsx)(react_3.Money, { money: total }) })) }));
 });
-Total.displayName = 'Payment.Total';
+exports.Total.displayName = 'Payment.Total';
 /**
  * Displays the pay now amount (amount to pay upfront in deposit scenarios).
  * Only renders in deposit mode when payNow has a valid amount.
@@ -141,11 +180,11 @@ Total.displayName = 'Payment.Total';
  * <Payment.PayNow className="font-semibold" />
  * ```
  */
-export const PayNow = React.forwardRef((props, ref) => {
+exports.PayNow = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ payNow, isDeposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { payNow, isDeposit }, "data-testid": TestIds.paymentPayNow, "data-has-deposit": isDeposit, children: isDeposit && payNow && payNow.amount > 0 && (_jsx(Money, { money: payNow })) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.Data, { children: ({ payNow, isDeposit }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { payNow, isDeposit }, "data-testid": exports.TestIds.paymentPayNow, "data-has-deposit": isDeposit, children: isDeposit && payNow && payNow.amount > 0 && ((0, jsx_runtime_1.jsx)(react_3.Money, { money: payNow })) })) }));
 });
-PayNow.displayName = 'Payment.PayNow';
+exports.PayNow.displayName = 'Payment.PayNow';
 /**
  * Displays the pay later amount (for deposit scenarios).
  * Only renders when in deposit mode and payLater has a valid amount.
@@ -156,11 +195,11 @@ PayNow.displayName = 'Payment.PayNow';
  * <Payment.PayLater className="text-secondary-foreground" />
  * ```
  */
-export const PayLater = React.forwardRef((props, ref) => {
+exports.PayLater = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ payLater, isDeposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { payLater, isDeposit }, "data-testid": TestIds.paymentPayLater, "data-has-deposit": isDeposit, children: isDeposit && payLater && payLater.amount > 0 && (_jsx(Money, { money: payLater })) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.Data, { children: ({ payLater, isDeposit }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { payLater, isDeposit }, "data-testid": exports.TestIds.paymentPayLater, "data-has-deposit": isDeposit, children: isDeposit && payLater && payLater.amount > 0 && ((0, jsx_runtime_1.jsx)(react_3.Money, { money: payLater })) })) }));
 });
-PayLater.displayName = 'Payment.PayLater';
+exports.PayLater.displayName = 'Payment.PayLater';
 /**
  * Container component for line items.
  * Follows the 3-level List/Options/Repeater pattern.
@@ -182,15 +221,15 @@ PayLater.displayName = 'Payment.PayLater';
  * </Payment.LineItems>
  * ```
  */
-export const LineItems = React.forwardRef((props, ref) => {
+exports.LineItems = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...rest } = props;
-    return (_jsx(CorePayment.LineItems, { children: ({ lineItems, currency, isLoading, error }) => (_jsx(GenericList.Root, { items: lineItems, isLoading: isLoading, error: error, children: _jsx(LineItemsContext.Provider, { value: { currency }, children: _jsx(AsChildSlot, { ...rest, ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItems, "data-loading": isLoading, "data-error": !!error, customElement: children, customElementProps: { lineItems, currency, isLoading, error }, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.LineItems, { children: ({ lineItems, currency, isLoading, error }) => ((0, jsx_runtime_1.jsx)(react_3.GenericList.Root, { items: lineItems, isLoading: isLoading, error: error, children: (0, jsx_runtime_1.jsx)(LineItemsContext.Provider, { value: { currency }, children: (0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ...rest, ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.paymentLineItems, "data-loading": isLoading, "data-error": !!error, customElement: children, customElementProps: { lineItems, currency, isLoading, error }, children: (0, jsx_runtime_1.jsx)("div", { children: react_1.default.isValidElement(children) ? children : null }) }) }) })) }));
 });
-LineItems.displayName = 'Payment.LineItems';
+exports.LineItems.displayName = 'Payment.LineItems';
 // Context for line items currency
-const LineItemsContext = React.createContext(null);
+const LineItemsContext = react_1.default.createContext(null);
 function useLineItemsContext() {
-    const context = React.useContext(LineItemsContext);
+    const context = react_1.default.useContext(LineItemsContext);
     if (!context) {
         throw new Error('useLineItemsContext must be used within a Payment.LineItems component');
     }
@@ -211,16 +250,16 @@ function useLineItemsContext() {
  * </Payment.LineItemsList>
  * ```
  */
-export const LineItemsList = React.forwardRef((props, ref) => {
+exports.LineItemsList = react_1.default.forwardRef((props, ref) => {
     const { children, emptyState, loadingState, errorState, className, ...otherProps } = props;
-    return (_jsx(GenericList.Items, { ref: ref, emptyState: emptyState, loadingState: loadingState, errorState: errorState, className: className, "data-testid": TestIds.paymentLineItemsList, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_3.GenericList.Items, { ref: ref, emptyState: emptyState, loadingState: loadingState, errorState: errorState, className: className, "data-testid": exports.TestIds.paymentLineItemsList, ...otherProps, children: children }));
 });
-LineItemsList.displayName = 'Payment.LineItemsList';
+exports.LineItemsList.displayName = 'Payment.LineItemsList';
 /**
  * Internal component that wraps each line item with context provider.
  */
 const LineItemWrapper = ({ item, currency, children, }) => {
-    return (_jsx(CorePayment.LineItemProvider, { lineItem: item, currency: currency, children: children }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.LineItemProvider, { lineItem: item, currency: currency, children: children }));
 };
 /**
  * Repeater component that maps over line items and provides context per item.
@@ -234,12 +273,12 @@ const LineItemWrapper = ({ item, currency, children, }) => {
  * </Payment.LineItemRepeater>
  * ```
  */
-export const LineItemRepeater = React.forwardRef((props, ref) => {
+exports.LineItemRepeater = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
     const { currency } = useLineItemsContext();
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item }) => (_jsx(LineItemWrapper, { item: item, currency: currency, children: children }, item.id)), children: undefined }));
+    return ((0, jsx_runtime_1.jsx)(react_3.GenericList.Repeater, { ref: ref, itemWrapper: ({ item }) => ((0, jsx_runtime_1.jsx)(LineItemWrapper, { item: item, currency: currency, children: children }, item.id)), children: undefined }));
 });
-LineItemRepeater.displayName = 'Payment.LineItemRepeater';
+exports.LineItemRepeater.displayName = 'Payment.LineItemRepeater';
 /**
  * Displays the line item total (total price after tax).
  * Shows customPrice for CUSTOM rate type services, otherwise shows totalPrice.
@@ -250,11 +289,11 @@ LineItemRepeater.displayName = 'Payment.LineItemRepeater';
  * <Payment.LineItemTotal className="text-2xl font-bold" />
  * ```
  */
-export const LineItemTotal = React.forwardRef((props, ref) => {
+exports.LineItemTotal = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ totalPrice, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.paymentLineItemTotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: { totalPrice, customPrice }, children: customPrice ? (_jsx("span", { children: customPrice })) : (totalPrice && _jsx(Money, { money: totalPrice })) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.LineItemInfo, { children: ({ totalPrice, customPrice }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.paymentLineItemTotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: { totalPrice, customPrice }, children: customPrice ? ((0, jsx_runtime_1.jsx)("span", { children: customPrice })) : (totalPrice && (0, jsx_runtime_1.jsx)(react_3.Money, { money: totalPrice })) })) }));
 });
-LineItemTotal.displayName = 'Payment.LineItemTotal';
+exports.LineItemTotal.displayName = 'Payment.LineItemTotal';
 /**
  * Displays the line item subtotal (full price before discounts).
  * Shows customPrice for CUSTOM rate type services, otherwise shows subtotal.
@@ -265,11 +304,11 @@ LineItemTotal.displayName = 'Payment.LineItemTotal';
  * <Payment.LineItemSubtotal className="text-lg" />
  * ```
  */
-export const LineItemSubtotal = React.forwardRef((props, ref) => {
+exports.LineItemSubtotal = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ subtotal, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "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 })) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.LineItemInfo, { children: ({ subtotal, customPrice }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.paymentLineItemSubtotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: { subtotal, customPrice }, children: customPrice ? ((0, jsx_runtime_1.jsx)("span", { children: customPrice })) : (subtotal && (0, jsx_runtime_1.jsx)(react_3.Money, { money: subtotal })) })) }));
 });
-LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
+exports.LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
 /**
  * Displays the line item deposit amount.
  * Uses data-has-deposit attribute for conditional visibility.
@@ -280,8 +319,8 @@ LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
  * <Payment.LineItemDeposit className="font-semibold" />
  * ```
  */
-export const LineItemDeposit = React.forwardRef((props, ref) => {
+exports.LineItemDeposit = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ deposit, hasDeposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { deposit }, "data-testid": TestIds.paymentLineItemDeposit, "data-has-deposit": hasDeposit, children: hasDeposit && _jsx(Money, { money: deposit }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CorePayment.LineItemInfo, { children: ({ deposit, hasDeposit }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { deposit }, "data-testid": exports.TestIds.paymentLineItemDeposit, "data-has-deposit": hasDeposit, children: hasDeposit && (0, jsx_runtime_1.jsx)(react_3.Money, { money: deposit }) })) }));
 });
-LineItemDeposit.displayName = 'Payment.LineItemDeposit';
+exports.LineItemDeposit.displayName = 'Payment.LineItemDeposit';