@wix/headless-bookings 0.0.92 → 0.0.94

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

@@ -6,6 +6,20 @@ import React from 'react';
 import { AsChildChildren } from '@wix/headless-utils/react';
 import { MoneyData } from '@wix/headless-components/react';
 import type { PaymentServiceConfig, PricingServiceSelection } from '../../services/payment/payment.js';
+export declare const TestIds: {
+    readonly paymentRoot: "payment-root";
+    readonly paymentSubtotal: "payment-subtotal";
+    readonly paymentTax: "payment-tax";
+    readonly paymentTotal: "payment-total";
+    readonly paymentPayNow: "payment-pay-now";
+    readonly paymentPayLater: "payment-pay-later";
+    readonly paymentLineItems: "payment-line-items";
+    readonly paymentLineItemsList: "payment-line-items-list";
+    readonly paymentLineItemRepeater: "payment-line-item-repeater";
+    readonly paymentLineItemTotal: "payment-line-item-total";
+    readonly paymentLineItemSubtotal: "payment-line-item-subtotal";
+    readonly paymentLineItemDeposit: "payment-line-item-deposit";
+};
 /**
  * Props for Payment.Root component
  */
@@ -59,13 +73,12 @@ export declare const Root: React.ForwardRefExoticComponent<RootProps & React.Ref
 /**
  * Props for Payment.Subtotal component
  */
-export interface SubtotalProps {
+export interface SubtotalProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         subtotal: MoneyData | null;
         customPrice: string | null;
     }>;
-    className?: string;
 }
 /**
  * Displays the payment subtotal.
@@ -91,12 +104,11 @@ export declare const Subtotal: React.ForwardRefExoticComponent<SubtotalProps & R
 /**
  * Props for Payment.Tax component
  */
-export interface TaxProps {
+export interface TaxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         tax: MoneyData | null;
     }>;
-    className?: string;
 }
 /**
  * Displays the payment tax.
@@ -112,13 +124,12 @@ export declare const Tax: React.ForwardRefExoticComponent<TaxProps & React.RefAt
 /**
  * Props for Payment.Total component
  */
-export interface TotalProps {
+export interface TotalProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         total: MoneyData | null;
         customPrice: string | null;
     }>;
-    className?: string;
 }
 /**
  * Displays the payment total.
@@ -144,13 +155,12 @@ export declare const Total: React.ForwardRefExoticComponent<TotalProps & React.R
 /**
  * Props for Payment.PayNow component
  */
-export interface PayNowProps {
+export interface PayNowProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         payNow: MoneyData | null;
         isDeposit: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the pay now amount (amount to pay upfront in deposit scenarios).
@@ -166,13 +176,12 @@ export declare const PayNow: React.ForwardRefExoticComponent<PayNowProps & React
 /**
  * Props for Payment.PayLater component
  */
-export interface PayLaterProps {
+export interface PayLaterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         payLater: MoneyData | null;
         isDeposit: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the pay later amount (for deposit scenarios).
@@ -266,13 +275,12 @@ export declare const LineItemRepeater: React.ForwardRefExoticComponent<LineItemR
 /**
  * Props for Payment.LineItemTotal component
  */
-export interface LineItemTotalProps {
+export interface LineItemTotalProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         totalPrice: MoneyData | null;
         customPrice: string | null;
     }>;
-    className?: string;
 }
 /**
  * Displays the line item total (total price after tax).
@@ -288,13 +296,12 @@ export declare const LineItemTotal: React.ForwardRefExoticComponent<LineItemTota
 /**
  * Props for Payment.LineItemSubtotal component
  */
-export interface LineItemSubtotalProps {
+export interface LineItemSubtotalProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         subtotal: MoneyData | null;
         customPrice: string | null;
     }>;
-    className?: string;
 }
 /**
  * Displays the line item subtotal (full price before discounts).
@@ -310,12 +317,11 @@ export declare const LineItemSubtotal: React.ForwardRefExoticComponent<LineItemS
 /**
  * Props for Payment.LineItemDeposit component
  */
-export interface LineItemDepositProps {
+export interface LineItemDepositProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         deposit: MoneyData | null;
     }>;
-    className?: string;
 }
 /**
  * Displays the line item deposit amount.

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

@@ -7,21 +7,20 @@ 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';
-var TestIds;
-(function (TestIds) {
-    TestIds["paymentRoot"] = "payment-root";
-    TestIds["paymentSubtotal"] = "payment-subtotal";
-    TestIds["paymentTax"] = "payment-tax";
-    TestIds["paymentTotal"] = "payment-total";
-    TestIds["paymentPayNow"] = "payment-pay-now";
-    TestIds["paymentPayLater"] = "payment-pay-later";
-    TestIds["paymentLineItems"] = "payment-line-items";
-    TestIds["paymentLineItemsList"] = "payment-line-items-list";
-    TestIds["paymentLineItemRepeater"] = "payment-line-item-repeater";
-    TestIds["paymentLineItemTotal"] = "payment-line-item-total";
-    TestIds["paymentLineItemSubtotal"] = "payment-line-item-subtotal";
-    TestIds["paymentLineItemDeposit"] = "payment-line-item-deposit";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    paymentRoot: 'payment-root',
+    paymentSubtotal: 'payment-subtotal',
+    paymentTax: 'payment-tax',
+    paymentTotal: 'payment-total',
+    paymentPayNow: 'payment-pay-now',
+    paymentPayLater: 'payment-pay-later',
+    paymentLineItems: 'payment-line-items',
+    paymentLineItemsList: 'payment-line-items-list',
+    paymentLineItemRepeater: 'payment-line-item-repeater',
+    paymentLineItemTotal: 'payment-line-item-total',
+    paymentLineItemSubtotal: 'payment-line-item-subtotal',
+    paymentLineItemDeposit: 'payment-line-item-deposit',
+};
 /**
  * Root component that provides payment context to the entire app.
  * Supports 3 modes:
@@ -83,10 +82,10 @@ Root.displayName = 'Payment.Root';
  */
 export const Subtotal = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ subtotal, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentSubtotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: {
+    return (_jsx(CorePayment.Data, { children: ({ subtotal, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: {
                 subtotal,
                 customPrice,
-            }, children: subtotal && _jsx(Money, { money: subtotal }) })) }));
+            }, "data-testid": TestIds.paymentSubtotal, "data-has-custom-price": !!customPrice, children: subtotal && _jsx(Money, { money: subtotal }) })) }));
 });
 Subtotal.displayName = 'Payment.Subtotal';
 /**
@@ -101,7 +100,7 @@ Subtotal.displayName = 'Payment.Subtotal';
  */
 export const Tax = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    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 }) })) }));
+    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 }) })) }));
 });
 Tax.displayName = 'Payment.Tax';
 /**
@@ -126,10 +125,10 @@ Tax.displayName = 'Payment.Tax';
  */
 export const Total = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ total, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentTotal, "data-has-custom-price": !!customPrice, customElement: children, customElementProps: {
+    return (_jsx(CorePayment.Data, { children: ({ total, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: {
                 total,
                 customPrice,
-            }, children: total && _jsx(Money, { money: total }) })) }));
+            }, "data-testid": TestIds.paymentTotal, "data-has-custom-price": !!customPrice, children: total && _jsx(Money, { money: total }) })) }));
 });
 Total.displayName = 'Payment.Total';
 /**
@@ -144,7 +143,7 @@ Total.displayName = 'Payment.Total';
  */
 export const PayNow = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ payNow, isDeposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentPayNow, "data-has-deposit": isDeposit, customElement: children, customElementProps: { payNow, isDeposit }, children: isDeposit && payNow && payNow.amount > 0 && (_jsx(Money, { money: payNow })) })) }));
+    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 })) })) }));
 });
 PayNow.displayName = 'Payment.PayNow';
 /**
@@ -159,7 +158,7 @@ PayNow.displayName = 'Payment.PayNow';
  */
 export const PayLater = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.Data, { children: ({ payLater, isDeposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentPayLater, "data-has-deposit": isDeposit, customElement: children, customElementProps: { payLater, isDeposit }, children: isDeposit && payLater && payLater.amount > 0 && (_jsx(Money, { money: payLater })) })) }));
+    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 })) })) }));
 });
 PayLater.displayName = 'Payment.PayLater';
 /**
@@ -184,8 +183,8 @@ PayLater.displayName = 'Payment.PayLater';
  * ```
  */
 export const LineItems = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attributes } = 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, { ...attributes, 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 }) }) }) })) }));
+    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 }) }) }) })) }));
 });
 LineItems.displayName = 'Payment.LineItems';
 // Context for line items currency
@@ -252,8 +251,8 @@ LineItemRepeater.displayName = 'Payment.LineItemRepeater';
  * ```
  */
 export const LineItemTotal = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ totalPrice, customPrice }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "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 })) })) }));
+    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 })) })) }));
 });
 LineItemTotal.displayName = 'Payment.LineItemTotal';
 /**
@@ -267,8 +266,8 @@ LineItemTotal.displayName = 'Payment.LineItemTotal';
  * ```
  */
 export const LineItemSubtotal = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    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 })) })) }));
+    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 })) })) }));
 });
 LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
 /**
@@ -283,6 +282,6 @@ LineItemSubtotal.displayName = 'Payment.LineItemSubtotal';
  */
 export const LineItemDeposit = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CorePayment.LineItemInfo, { children: ({ deposit, hasDeposit }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.paymentLineItemDeposit, "data-has-deposit": hasDeposit, customElement: children, customElementProps: { deposit }, children: hasDeposit && _jsx(Money, { money: deposit }) })) }));
+    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 }) })) }));
 });
 LineItemDeposit.displayName = 'Payment.LineItemDeposit';

package/cjs/dist/react/service/Service.d.ts

@@ -7,6 +7,39 @@ import { AsChildChildren } from '@wix/headless-utils/react';
 import { MoneyData } from '@wix/headless-components/react';
 import { type Service, type Payment } from '@wix/auto_sdk_bookings_services';
 import * as ServiceMediaModule from './ServiceMedia.js';
+export declare const TestIds: {
+    readonly serviceRoot: "service-root";
+    readonly serviceName: "service-name";
+    readonly serviceDescription: "service-description";
+    readonly servicePrice: "service-price";
+    readonly serviceTagline: "service-tagline";
+    readonly serviceDurationInMinutes: "service-duration-in-minutes";
+    readonly serviceType: "service-type";
+    readonly serviceCategory: "service-category";
+    readonly serviceLocations: "service-locations";
+    readonly serviceLocation: "service-location";
+    readonly serviceLocationRepeater: "service-location-repeater";
+    readonly locationRoot: "location-root";
+    readonly serviceStaffMembers: "service-staff-members";
+    readonly serviceStaffMemberRepeater: "service-staff-member-repeater";
+    readonly serviceSchedule: "service-schedule";
+    readonly serviceDefaultCapacity: "service-default-capacity";
+    readonly serviceRaw: "service-raw";
+    readonly serviceActionSelect: "service-action-select";
+    readonly serviceActionAdd: "service-action-add";
+    readonly serviceActionRemove: "service-action-remove";
+    readonly servicePolicyLatestCancellationInMinutes: "service-policy-latest-cancellation-in-minutes";
+    readonly servicePolicyLatestBookingInMinutes: "service-policy-latest-booking-in-minutes";
+    readonly servicePolicyEarliestBookingInMinutes: "service-policy-earliest-booking-in-minutes";
+    readonly servicePolicyLatestRescheduleInMinutes: "service-policy-latest-reschedule-in-minutes";
+    readonly servicePolicyWaitlistCapacity: "service-policy-waitlist-capacity";
+    readonly servicePolicyBookAfterStartEnabled: "service-policy-book-after-start-enabled";
+    readonly servicePolicyMaxParticipantsPerBooking: "service-policy-max-participants-per-booking";
+    readonly serviceScheduleFirstSessionStart: "service-schedule-first-session-start";
+    readonly serviceScheduleLastSessionEnd: "service-schedule-last-session-end";
+    readonly serviceScheduleSessionDuration: "service-schedule-session-duration";
+    readonly serviceAvailableOnline: "service-available-online";
+};
 /**
  * Base props shared by all Service.Root variants
  */
@@ -122,12 +155,11 @@ export declare const Root: React.ForwardRefExoticComponent<ServiceRootProps & Re
 /**
  * Props for Service Name component
  */
-export interface NameProps {
+export interface NameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         name: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service name with customizable rendering.
@@ -157,12 +189,11 @@ export declare const Name: React.ForwardRefExoticComponent<NameProps & React.Ref
 /**
  * Props for Service Description component
  */
-export interface DescriptionProps {
+export interface DescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         description: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service description with customizable rendering.
@@ -231,12 +262,11 @@ export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.R
 /**
  * Props for Service Tagline component
  */
-export interface TaglineProps {
+export interface TaglineProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         tagline: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service tagline with customizable rendering.
@@ -272,12 +302,11 @@ export declare const Tagline: React.ForwardRefExoticComponent<TaglineProps & Rea
 /**
  * Props for Service DurationInMinutes component
  */
-export interface DurationInMinutesProps {
+export interface DurationInMinutesProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         duration: number;
     }>;
-    className?: string;
 }
 /**
  * Displays the service duration in minutes (raw number) with customizable rendering.
@@ -314,12 +343,11 @@ export declare const DurationInMinutes: React.ForwardRefExoticComponent<Duration
 /**
  * Props for Service Type component
  */
-export interface TypeProps {
+export interface TypeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         type: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service type (APPOINTMENT, CLASS, COURSE, etc.) with customizable rendering.
@@ -358,7 +386,7 @@ export declare const Type: React.ForwardRefExoticComponent<TypeProps & React.Ref
 /**
  * Props for Service Category component
  */
-export interface CategoryProps {
+export interface CategoryProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         category: {
@@ -366,7 +394,6 @@ export interface CategoryProps {
             _id?: string;
         };
     }>;
-    className?: string;
 }
 /**
  * Displays the service category with customizable rendering.
@@ -1091,13 +1118,12 @@ export declare namespace Schedule {
 /**
  * Props for Service DefaultCapacity component
  */
-export interface DefaultCapacityProps {
+export interface DefaultCapacityProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         defaultCapacity: number;
         isClassOrCourse: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the service default capacity with customizable rendering.
@@ -1121,12 +1147,11 @@ export declare const DefaultCapacity: React.ForwardRefExoticComponent<DefaultCap
 /**
  * Props for Service AvailableOnline component
  */
-export interface AvailableOnlineProps {
+export interface AvailableOnlineProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         availableOnline: boolean;
     }>;
-    className?: string;
     label?: string;
 }
 /**