@cimplify/sdk 0.10.0 → 0.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react.d.mts +93 -24
- package/dist/react.d.ts +93 -24
- package/dist/react.js +646 -264
- package/dist/react.mjs +646 -264
- package/package.json +1 -1
- package/registry/add-on-selector.json +1 -1
- package/registry/bundle-selector.json +1 -1
- package/registry/composite-selector.json +1 -1
- package/registry/product-customizer.json +1 -1
- package/registry/quantity-selector.json +1 -1
- package/registry/variant-selector.json +1 -1
package/dist/react.d.mts
CHANGED
|
@@ -600,20 +600,33 @@ declare function useCheckout(): {
|
|
|
600
600
|
isLoading: boolean;
|
|
601
601
|
};
|
|
602
602
|
|
|
603
|
+
interface QuantitySelectorClassNames {
|
|
604
|
+
root?: string;
|
|
605
|
+
button?: string;
|
|
606
|
+
value?: string;
|
|
607
|
+
}
|
|
603
608
|
interface QuantitySelectorProps {
|
|
604
609
|
value: number;
|
|
605
610
|
onChange: (value: number) => void;
|
|
606
611
|
min?: number;
|
|
607
612
|
max?: number;
|
|
608
613
|
className?: string;
|
|
614
|
+
classNames?: QuantitySelectorClassNames;
|
|
609
615
|
}
|
|
610
|
-
|
|
611
|
-
* QuantitySelector — controlled increment/decrement input.
|
|
612
|
-
*
|
|
613
|
-
* Pure presentation. Pass `value` and `onChange` to drive it.
|
|
614
|
-
*/
|
|
615
|
-
declare function QuantitySelector({ value, onChange, min, max, className, }: QuantitySelectorProps): React.ReactElement;
|
|
616
|
+
declare function QuantitySelector({ value, onChange, min, max, className, classNames, }: QuantitySelectorProps): React.ReactElement;
|
|
616
617
|
|
|
618
|
+
interface VariantSelectorClassNames {
|
|
619
|
+
root?: string;
|
|
620
|
+
axisLabel?: string;
|
|
621
|
+
axisOptions?: string;
|
|
622
|
+
option?: string;
|
|
623
|
+
optionSelected?: string;
|
|
624
|
+
listLabel?: string;
|
|
625
|
+
list?: string;
|
|
626
|
+
name?: string;
|
|
627
|
+
pricing?: string;
|
|
628
|
+
adjustment?: string;
|
|
629
|
+
}
|
|
617
630
|
interface VariantSelectorProps {
|
|
618
631
|
variants: ProductVariant[];
|
|
619
632
|
variantAxes?: VariantAxisWithValues[];
|
|
@@ -622,28 +635,48 @@ interface VariantSelectorProps {
|
|
|
622
635
|
onVariantChange: (variantId: string | undefined, variant: ProductVariant | undefined) => void;
|
|
623
636
|
productName?: string;
|
|
624
637
|
className?: string;
|
|
638
|
+
classNames?: VariantSelectorClassNames;
|
|
625
639
|
}
|
|
626
|
-
|
|
627
|
-
* VariantSelector — select product variants via axis chips or direct list.
|
|
628
|
-
*
|
|
629
|
-
* Axis mode: one row of chips per axis (e.g. Size, Temperature).
|
|
630
|
-
* Direct mode: a vertical list showing variant name + full effective price.
|
|
631
|
-
*/
|
|
632
|
-
declare function VariantSelector({ variants, variantAxes, basePrice, selectedVariantId, onVariantChange, productName, className, }: VariantSelectorProps): React.ReactElement | null;
|
|
640
|
+
declare function VariantSelector({ variants, variantAxes, basePrice, selectedVariantId, onVariantChange, productName, className, classNames, }: VariantSelectorProps): React.ReactElement | null;
|
|
633
641
|
|
|
642
|
+
interface AddOnSelectorClassNames {
|
|
643
|
+
root?: string;
|
|
644
|
+
group?: string;
|
|
645
|
+
header?: string;
|
|
646
|
+
name?: string;
|
|
647
|
+
required?: string;
|
|
648
|
+
constraint?: string;
|
|
649
|
+
validation?: string;
|
|
650
|
+
options?: string;
|
|
651
|
+
option?: string;
|
|
652
|
+
optionSelected?: string;
|
|
653
|
+
optionName?: string;
|
|
654
|
+
optionDescription?: string;
|
|
655
|
+
}
|
|
634
656
|
interface AddOnSelectorProps {
|
|
635
657
|
addOns: AddOnWithOptions[];
|
|
636
658
|
selectedOptions: string[];
|
|
637
659
|
onOptionsChange: (optionIds: string[]) => void;
|
|
638
660
|
className?: string;
|
|
661
|
+
classNames?: AddOnSelectorClassNames;
|
|
639
662
|
}
|
|
640
|
-
|
|
641
|
-
* AddOnSelector — modifier groups with single-select (radio) or multi-select (checkbox).
|
|
642
|
-
*
|
|
643
|
-
* Respects min/max constraints, required flags, and mutual exclusivity.
|
|
644
|
-
*/
|
|
645
|
-
declare function AddOnSelector({ addOns, selectedOptions, onOptionsChange, className, }: AddOnSelectorProps): React.ReactElement | null;
|
|
663
|
+
declare function AddOnSelector({ addOns, selectedOptions, onOptionsChange, className, classNames, }: AddOnSelectorProps): React.ReactElement | null;
|
|
646
664
|
|
|
665
|
+
interface BundleSelectorClassNames {
|
|
666
|
+
root?: string;
|
|
667
|
+
heading?: string;
|
|
668
|
+
components?: string;
|
|
669
|
+
component?: string;
|
|
670
|
+
componentHeader?: string;
|
|
671
|
+
componentQty?: string;
|
|
672
|
+
componentName?: string;
|
|
673
|
+
variantPicker?: string;
|
|
674
|
+
variantOption?: string;
|
|
675
|
+
variantOptionSelected?: string;
|
|
676
|
+
variantAdjustment?: string;
|
|
677
|
+
summary?: string;
|
|
678
|
+
savings?: string;
|
|
679
|
+
}
|
|
647
680
|
interface BundleSelectorProps {
|
|
648
681
|
components: BundleComponentView[];
|
|
649
682
|
bundlePrice?: Money;
|
|
@@ -653,27 +686,63 @@ interface BundleSelectorProps {
|
|
|
653
686
|
onPriceChange?: (price: number) => void;
|
|
654
687
|
onReady?: (ready: boolean) => void;
|
|
655
688
|
className?: string;
|
|
689
|
+
classNames?: BundleSelectorClassNames;
|
|
656
690
|
}
|
|
657
|
-
declare function BundleSelector({ components, bundlePrice, discountValue, pricingType, onSelectionsChange, onPriceChange, onReady, className, }: BundleSelectorProps): React.ReactElement | null;
|
|
691
|
+
declare function BundleSelector({ components, bundlePrice, discountValue, pricingType, onSelectionsChange, onPriceChange, onReady, className, classNames, }: BundleSelectorProps): React.ReactElement | null;
|
|
658
692
|
|
|
693
|
+
interface CompositeSelectorClassNames {
|
|
694
|
+
root?: string;
|
|
695
|
+
group?: string;
|
|
696
|
+
groupHeader?: string;
|
|
697
|
+
groupName?: string;
|
|
698
|
+
required?: string;
|
|
699
|
+
groupDescription?: string;
|
|
700
|
+
groupConstraint?: string;
|
|
701
|
+
validation?: string;
|
|
702
|
+
components?: string;
|
|
703
|
+
component?: string;
|
|
704
|
+
componentSelected?: string;
|
|
705
|
+
componentInfo?: string;
|
|
706
|
+
componentName?: string;
|
|
707
|
+
badgePopular?: string;
|
|
708
|
+
badgePremium?: string;
|
|
709
|
+
componentDescription?: string;
|
|
710
|
+
componentCalories?: string;
|
|
711
|
+
qty?: string;
|
|
712
|
+
qtyButton?: string;
|
|
713
|
+
qtyValue?: string;
|
|
714
|
+
summary?: string;
|
|
715
|
+
summaryLine?: string;
|
|
716
|
+
summaryTotal?: string;
|
|
717
|
+
calculating?: string;
|
|
718
|
+
priceError?: string;
|
|
719
|
+
}
|
|
659
720
|
interface CompositeSelectorProps {
|
|
660
721
|
compositeId: string;
|
|
661
722
|
groups: CompositeGroupView[];
|
|
662
723
|
onSelectionsChange: (selections: ComponentSelectionInput[]) => void;
|
|
663
724
|
onPriceChange?: (price: CompositePriceResult | null) => void;
|
|
664
725
|
onReady?: (ready: boolean) => void;
|
|
665
|
-
/** Skip the local composite price fetch when the quote system handles pricing */
|
|
666
726
|
skipPriceFetch?: boolean;
|
|
667
727
|
className?: string;
|
|
728
|
+
classNames?: CompositeSelectorClassNames;
|
|
668
729
|
}
|
|
669
|
-
declare function CompositeSelector({ compositeId, groups, onSelectionsChange, onPriceChange, onReady, skipPriceFetch, className, }: CompositeSelectorProps): React.ReactElement | null;
|
|
730
|
+
declare function CompositeSelector({ compositeId, groups, onSelectionsChange, onPriceChange, onReady, skipPriceFetch, className, classNames, }: CompositeSelectorProps): React.ReactElement | null;
|
|
670
731
|
|
|
732
|
+
interface ProductCustomizerClassNames {
|
|
733
|
+
root?: string;
|
|
734
|
+
actions?: string;
|
|
735
|
+
submitButton?: string;
|
|
736
|
+
submitButtonAdded?: string;
|
|
737
|
+
validation?: string;
|
|
738
|
+
}
|
|
671
739
|
interface ProductCustomizerProps {
|
|
672
740
|
product: ProductWithDetails;
|
|
673
741
|
onAddToCart?: (product: ProductWithDetails, quantity: number, options: AddToCartOptions) => void | Promise<void>;
|
|
674
742
|
className?: string;
|
|
743
|
+
classNames?: ProductCustomizerClassNames;
|
|
675
744
|
}
|
|
676
|
-
declare function ProductCustomizer({ product, onAddToCart, className, }: ProductCustomizerProps): React.ReactElement;
|
|
745
|
+
declare function ProductCustomizer({ product, onAddToCart, className, classNames, }: ProductCustomizerProps): React.ReactElement;
|
|
677
746
|
|
|
678
747
|
interface ProductImageGalleryProps {
|
|
679
748
|
images: string[];
|
|
@@ -1751,4 +1820,4 @@ interface BookingsPageProps {
|
|
|
1751
1820
|
}
|
|
1752
1821
|
declare function BookingsPage({ title, bookings: bookingsProp, onBookingNavigate, onCancel, onReschedule, showFilters, renderBooking, className, classNames, }: BookingsPageProps): React.ReactElement;
|
|
1753
1822
|
|
|
1754
|
-
export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddOnSelector, type AddOnSelectorProps, type AddToCartOptions, AddressElement, AuthElement, AvailabilityBadge, type AvailabilityBadgeClassNames, type AvailabilityBadgeProps, BookingCard, type BookingCardClassNames, type BookingCardProps, BookingList, type BookingListClassNames, type BookingListProps, BookingPage, type BookingPageClassNames, type BookingPageProps, BookingsPage, type BookingsPageClassNames, type BookingsPageProps, BundleSelector, type BundleSelectorProps, CartPage, type CartPageClassNames, type CartPageProps, CartSummary, type CartSummaryProps, CataloguePage, type CataloguePageClassNames, type CataloguePageProps, CategoryFilter, type CategoryFilterClassNames, type CategoryFilterProps, CategoryGrid, type CategoryGridClassNames, type CategoryGridProps, CheckoutPage, type CheckoutPageClassNames, type CheckoutPageProps, CimplifyCheckout, type CimplifyCheckoutProps, type CimplifyContextValue, CimplifyProvider, type CimplifyProviderProps, CollectionPage, type CollectionPageClassNames, type CollectionPageProps, CompositeSelector, type CompositeSelectorProps, DateSlotPicker, type DateSlotPickerClassNames, type DateSlotPickerProps, DealBanner, type DealBannerClassNames, type DealBannerProps, DealsPage, type DealsPageClassNames, type DealsPageProps, DiscountInput, type DiscountInputClassNames, type DiscountInputProps, ElementsProvider, OrderDetailPage, type OrderDetailPageClassNames, type OrderDetailPageProps, OrderHistory, type OrderHistoryClassNames, OrderHistoryPage, type OrderHistoryPageClassNames, type OrderHistoryPageProps, type OrderHistoryProps, OrderSummary, type OrderSummaryClassNames, type OrderSummaryProps, PaymentElement, Price, type PriceProps, ProductCard, type ProductCardClassNames, type ProductCardProps, ProductCustomizer, type ProductCustomizerProps, ProductGrid, type ProductGridClassNames, type ProductGridProps, ProductImageGallery, type ProductImageGalleryProps, ProductPage, type ProductPageClassNames, type ProductPageProps, ProductSheet, type ProductSheetClassNames, type ProductSheetProps, QuantitySelector, type QuantitySelectorProps, SaleBadge, type SaleBadgeClassNames, type SaleBadgeProps, SearchInput, type SearchInputClassNames, type SearchInputProps, SearchPage, type SearchPageClassNames, type SearchPageProps, ServiceCard, type ServiceCardClassNames, type ServiceCardProps, ServiceGrid, type ServiceGridClassNames, type ServiceGridProps, SlotPicker, type SlotPickerClassNames, type SlotPickerProps, StaffPicker, type StaffPickerClassNames, type StaffPickerProps, StoreNav, type StoreNavClassNames, type StoreNavProps, type UseAvailableSlotsOptions, type UseAvailableSlotsResult, type UseBookingsOptions, type UseBookingsResult, type UseBundlesOptions, type UseBundlesResult, type UseCartItem, type UseCartOptions, type UseCartResult, type UseCategoriesOptions, type UseCategoriesResult, type UseCollectionOptions, type UseCollectionResult, type UseCollectionsOptions, type UseCollectionsResult, type UseDealsOptions, type UseDealsResult, type UseLocationsOptions, type UseLocationsResult, type UseOrderOptions, type UseOrderResult, type UseOrdersOptions, type UseOrdersResult, type UseProductAvailabilityOptions, type UseProductAvailabilityResult, type UseProductDealsOptions, type UseProductDealsResult, type UseProductOptions, type UseProductPriceInput, type UseProductPriceResult, type UseProductResult, type UseProductSchedulesOptions, type UseProductSchedulesResult, type UseProductsOnSaleOptions, type UseProductsOnSaleResult, type UseProductsOptions, type UseProductsResult, type UseQuoteInput, type UseQuoteOptions, type UseQuoteResult, type UseSearchOptions, type UseSearchResult, type UseServiceAvailabilityOptions, type UseServiceAvailabilityResult, type UseServicesOptions, type UseServicesResult, type UseTaxonomiesOptions, type UseTaxonomiesResult, type UseTaxonomyOptions, type UseTaxonomyPathOptions, type UseTaxonomyPathResult, type UseTaxonomyResult, type UseValidateDiscountOptions, type UseValidateDiscountResult, VariantSelector, type VariantSelectorProps, cn, useAds, useAvailableSlots, useBookings, useBundles, useCart, useCategories, useCheckout, useCimplify, useCollection, useCollections, useDeals, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, useQuote, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount };
|
|
1823
|
+
export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddOnSelector, type AddOnSelectorClassNames, type AddOnSelectorProps, type AddToCartOptions, AddressElement, AuthElement, AvailabilityBadge, type AvailabilityBadgeClassNames, type AvailabilityBadgeProps, BookingCard, type BookingCardClassNames, type BookingCardProps, BookingList, type BookingListClassNames, type BookingListProps, BookingPage, type BookingPageClassNames, type BookingPageProps, BookingsPage, type BookingsPageClassNames, type BookingsPageProps, BundleSelector, type BundleSelectorClassNames, type BundleSelectorProps, type CartAddOnOptionSelection, CartPage, type CartPageClassNames, type CartPageProps, CartSummary, type CartSummaryProps, type CartVariantSelection, CataloguePage, type CataloguePageClassNames, type CataloguePageProps, CategoryFilter, type CategoryFilterClassNames, type CategoryFilterProps, CategoryGrid, type CategoryGridClassNames, type CategoryGridProps, CheckoutPage, type CheckoutPageClassNames, type CheckoutPageProps, CimplifyCheckout, type CimplifyCheckoutProps, type CimplifyContextValue, CimplifyProvider, type CimplifyProviderProps, CollectionPage, type CollectionPageClassNames, type CollectionPageProps, CompositeSelector, type CompositeSelectorClassNames, type CompositeSelectorProps, DateSlotPicker, type DateSlotPickerClassNames, type DateSlotPickerProps, DealBanner, type DealBannerClassNames, type DealBannerProps, DealsPage, type DealsPageClassNames, type DealsPageProps, DiscountInput, type DiscountInputClassNames, type DiscountInputProps, ElementsProvider, OrderDetailPage, type OrderDetailPageClassNames, type OrderDetailPageProps, OrderHistory, type OrderHistoryClassNames, OrderHistoryPage, type OrderHistoryPageClassNames, type OrderHistoryPageProps, type OrderHistoryProps, OrderSummary, type OrderSummaryClassNames, type OrderSummaryProps, PaymentElement, Price, type PriceProps, ProductCard, type ProductCardClassNames, type ProductCardProps, ProductCustomizer, type ProductCustomizerClassNames, type ProductCustomizerProps, ProductGrid, type ProductGridClassNames, type ProductGridProps, ProductImageGallery, type ProductImageGalleryProps, ProductPage, type ProductPageClassNames, type ProductPageProps, ProductSheet, type ProductSheetClassNames, type ProductSheetProps, QuantitySelector, type QuantitySelectorClassNames, type QuantitySelectorProps, SaleBadge, type SaleBadgeClassNames, type SaleBadgeProps, SearchInput, type SearchInputClassNames, type SearchInputProps, SearchPage, type SearchPageClassNames, type SearchPageProps, ServiceCard, type ServiceCardClassNames, type ServiceCardProps, ServiceGrid, type ServiceGridClassNames, type ServiceGridProps, SlotPicker, type SlotPickerClassNames, type SlotPickerProps, StaffPicker, type StaffPickerClassNames, type StaffPickerProps, StoreNav, type StoreNavClassNames, type StoreNavProps, type UseAvailableSlotsOptions, type UseAvailableSlotsResult, type UseBookingsOptions, type UseBookingsResult, type UseBundlesOptions, type UseBundlesResult, type UseCartItem, type UseCartOptions, type UseCartResult, type UseCategoriesOptions, type UseCategoriesResult, type UseCollectionOptions, type UseCollectionResult, type UseCollectionsOptions, type UseCollectionsResult, type UseDealsOptions, type UseDealsResult, type UseLocationsOptions, type UseLocationsResult, type UseOrderOptions, type UseOrderResult, type UseOrdersOptions, type UseOrdersResult, type UseProductAvailabilityOptions, type UseProductAvailabilityResult, type UseProductDealsOptions, type UseProductDealsResult, type UseProductOptions, type UseProductPriceInput, type UseProductPriceResult, type UseProductResult, type UseProductSchedulesOptions, type UseProductSchedulesResult, type UseProductsOnSaleOptions, type UseProductsOnSaleResult, type UseProductsOptions, type UseProductsResult, type UseQuoteInput, type UseQuoteOptions, type UseQuoteResult, type UseSearchOptions, type UseSearchResult, type UseServiceAvailabilityOptions, type UseServiceAvailabilityResult, type UseServicesOptions, type UseServicesResult, type UseTaxonomiesOptions, type UseTaxonomiesResult, type UseTaxonomyOptions, type UseTaxonomyPathOptions, type UseTaxonomyPathResult, type UseTaxonomyResult, type UseValidateDiscountOptions, type UseValidateDiscountResult, VariantSelector, type VariantSelectorClassNames, type VariantSelectorProps, cn, useAds, useAvailableSlots, useBookings, useBundles, useCart, useCategories, useCheckout, useCimplify, useCollection, useCollections, useDeals, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, useQuote, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount };
|
package/dist/react.d.ts
CHANGED
|
@@ -600,20 +600,33 @@ declare function useCheckout(): {
|
|
|
600
600
|
isLoading: boolean;
|
|
601
601
|
};
|
|
602
602
|
|
|
603
|
+
interface QuantitySelectorClassNames {
|
|
604
|
+
root?: string;
|
|
605
|
+
button?: string;
|
|
606
|
+
value?: string;
|
|
607
|
+
}
|
|
603
608
|
interface QuantitySelectorProps {
|
|
604
609
|
value: number;
|
|
605
610
|
onChange: (value: number) => void;
|
|
606
611
|
min?: number;
|
|
607
612
|
max?: number;
|
|
608
613
|
className?: string;
|
|
614
|
+
classNames?: QuantitySelectorClassNames;
|
|
609
615
|
}
|
|
610
|
-
|
|
611
|
-
* QuantitySelector — controlled increment/decrement input.
|
|
612
|
-
*
|
|
613
|
-
* Pure presentation. Pass `value` and `onChange` to drive it.
|
|
614
|
-
*/
|
|
615
|
-
declare function QuantitySelector({ value, onChange, min, max, className, }: QuantitySelectorProps): React.ReactElement;
|
|
616
|
+
declare function QuantitySelector({ value, onChange, min, max, className, classNames, }: QuantitySelectorProps): React.ReactElement;
|
|
616
617
|
|
|
618
|
+
interface VariantSelectorClassNames {
|
|
619
|
+
root?: string;
|
|
620
|
+
axisLabel?: string;
|
|
621
|
+
axisOptions?: string;
|
|
622
|
+
option?: string;
|
|
623
|
+
optionSelected?: string;
|
|
624
|
+
listLabel?: string;
|
|
625
|
+
list?: string;
|
|
626
|
+
name?: string;
|
|
627
|
+
pricing?: string;
|
|
628
|
+
adjustment?: string;
|
|
629
|
+
}
|
|
617
630
|
interface VariantSelectorProps {
|
|
618
631
|
variants: ProductVariant[];
|
|
619
632
|
variantAxes?: VariantAxisWithValues[];
|
|
@@ -622,28 +635,48 @@ interface VariantSelectorProps {
|
|
|
622
635
|
onVariantChange: (variantId: string | undefined, variant: ProductVariant | undefined) => void;
|
|
623
636
|
productName?: string;
|
|
624
637
|
className?: string;
|
|
638
|
+
classNames?: VariantSelectorClassNames;
|
|
625
639
|
}
|
|
626
|
-
|
|
627
|
-
* VariantSelector — select product variants via axis chips or direct list.
|
|
628
|
-
*
|
|
629
|
-
* Axis mode: one row of chips per axis (e.g. Size, Temperature).
|
|
630
|
-
* Direct mode: a vertical list showing variant name + full effective price.
|
|
631
|
-
*/
|
|
632
|
-
declare function VariantSelector({ variants, variantAxes, basePrice, selectedVariantId, onVariantChange, productName, className, }: VariantSelectorProps): React.ReactElement | null;
|
|
640
|
+
declare function VariantSelector({ variants, variantAxes, basePrice, selectedVariantId, onVariantChange, productName, className, classNames, }: VariantSelectorProps): React.ReactElement | null;
|
|
633
641
|
|
|
642
|
+
interface AddOnSelectorClassNames {
|
|
643
|
+
root?: string;
|
|
644
|
+
group?: string;
|
|
645
|
+
header?: string;
|
|
646
|
+
name?: string;
|
|
647
|
+
required?: string;
|
|
648
|
+
constraint?: string;
|
|
649
|
+
validation?: string;
|
|
650
|
+
options?: string;
|
|
651
|
+
option?: string;
|
|
652
|
+
optionSelected?: string;
|
|
653
|
+
optionName?: string;
|
|
654
|
+
optionDescription?: string;
|
|
655
|
+
}
|
|
634
656
|
interface AddOnSelectorProps {
|
|
635
657
|
addOns: AddOnWithOptions[];
|
|
636
658
|
selectedOptions: string[];
|
|
637
659
|
onOptionsChange: (optionIds: string[]) => void;
|
|
638
660
|
className?: string;
|
|
661
|
+
classNames?: AddOnSelectorClassNames;
|
|
639
662
|
}
|
|
640
|
-
|
|
641
|
-
* AddOnSelector — modifier groups with single-select (radio) or multi-select (checkbox).
|
|
642
|
-
*
|
|
643
|
-
* Respects min/max constraints, required flags, and mutual exclusivity.
|
|
644
|
-
*/
|
|
645
|
-
declare function AddOnSelector({ addOns, selectedOptions, onOptionsChange, className, }: AddOnSelectorProps): React.ReactElement | null;
|
|
663
|
+
declare function AddOnSelector({ addOns, selectedOptions, onOptionsChange, className, classNames, }: AddOnSelectorProps): React.ReactElement | null;
|
|
646
664
|
|
|
665
|
+
interface BundleSelectorClassNames {
|
|
666
|
+
root?: string;
|
|
667
|
+
heading?: string;
|
|
668
|
+
components?: string;
|
|
669
|
+
component?: string;
|
|
670
|
+
componentHeader?: string;
|
|
671
|
+
componentQty?: string;
|
|
672
|
+
componentName?: string;
|
|
673
|
+
variantPicker?: string;
|
|
674
|
+
variantOption?: string;
|
|
675
|
+
variantOptionSelected?: string;
|
|
676
|
+
variantAdjustment?: string;
|
|
677
|
+
summary?: string;
|
|
678
|
+
savings?: string;
|
|
679
|
+
}
|
|
647
680
|
interface BundleSelectorProps {
|
|
648
681
|
components: BundleComponentView[];
|
|
649
682
|
bundlePrice?: Money;
|
|
@@ -653,27 +686,63 @@ interface BundleSelectorProps {
|
|
|
653
686
|
onPriceChange?: (price: number) => void;
|
|
654
687
|
onReady?: (ready: boolean) => void;
|
|
655
688
|
className?: string;
|
|
689
|
+
classNames?: BundleSelectorClassNames;
|
|
656
690
|
}
|
|
657
|
-
declare function BundleSelector({ components, bundlePrice, discountValue, pricingType, onSelectionsChange, onPriceChange, onReady, className, }: BundleSelectorProps): React.ReactElement | null;
|
|
691
|
+
declare function BundleSelector({ components, bundlePrice, discountValue, pricingType, onSelectionsChange, onPriceChange, onReady, className, classNames, }: BundleSelectorProps): React.ReactElement | null;
|
|
658
692
|
|
|
693
|
+
interface CompositeSelectorClassNames {
|
|
694
|
+
root?: string;
|
|
695
|
+
group?: string;
|
|
696
|
+
groupHeader?: string;
|
|
697
|
+
groupName?: string;
|
|
698
|
+
required?: string;
|
|
699
|
+
groupDescription?: string;
|
|
700
|
+
groupConstraint?: string;
|
|
701
|
+
validation?: string;
|
|
702
|
+
components?: string;
|
|
703
|
+
component?: string;
|
|
704
|
+
componentSelected?: string;
|
|
705
|
+
componentInfo?: string;
|
|
706
|
+
componentName?: string;
|
|
707
|
+
badgePopular?: string;
|
|
708
|
+
badgePremium?: string;
|
|
709
|
+
componentDescription?: string;
|
|
710
|
+
componentCalories?: string;
|
|
711
|
+
qty?: string;
|
|
712
|
+
qtyButton?: string;
|
|
713
|
+
qtyValue?: string;
|
|
714
|
+
summary?: string;
|
|
715
|
+
summaryLine?: string;
|
|
716
|
+
summaryTotal?: string;
|
|
717
|
+
calculating?: string;
|
|
718
|
+
priceError?: string;
|
|
719
|
+
}
|
|
659
720
|
interface CompositeSelectorProps {
|
|
660
721
|
compositeId: string;
|
|
661
722
|
groups: CompositeGroupView[];
|
|
662
723
|
onSelectionsChange: (selections: ComponentSelectionInput[]) => void;
|
|
663
724
|
onPriceChange?: (price: CompositePriceResult | null) => void;
|
|
664
725
|
onReady?: (ready: boolean) => void;
|
|
665
|
-
/** Skip the local composite price fetch when the quote system handles pricing */
|
|
666
726
|
skipPriceFetch?: boolean;
|
|
667
727
|
className?: string;
|
|
728
|
+
classNames?: CompositeSelectorClassNames;
|
|
668
729
|
}
|
|
669
|
-
declare function CompositeSelector({ compositeId, groups, onSelectionsChange, onPriceChange, onReady, skipPriceFetch, className, }: CompositeSelectorProps): React.ReactElement | null;
|
|
730
|
+
declare function CompositeSelector({ compositeId, groups, onSelectionsChange, onPriceChange, onReady, skipPriceFetch, className, classNames, }: CompositeSelectorProps): React.ReactElement | null;
|
|
670
731
|
|
|
732
|
+
interface ProductCustomizerClassNames {
|
|
733
|
+
root?: string;
|
|
734
|
+
actions?: string;
|
|
735
|
+
submitButton?: string;
|
|
736
|
+
submitButtonAdded?: string;
|
|
737
|
+
validation?: string;
|
|
738
|
+
}
|
|
671
739
|
interface ProductCustomizerProps {
|
|
672
740
|
product: ProductWithDetails;
|
|
673
741
|
onAddToCart?: (product: ProductWithDetails, quantity: number, options: AddToCartOptions) => void | Promise<void>;
|
|
674
742
|
className?: string;
|
|
743
|
+
classNames?: ProductCustomizerClassNames;
|
|
675
744
|
}
|
|
676
|
-
declare function ProductCustomizer({ product, onAddToCart, className, }: ProductCustomizerProps): React.ReactElement;
|
|
745
|
+
declare function ProductCustomizer({ product, onAddToCart, className, classNames, }: ProductCustomizerProps): React.ReactElement;
|
|
677
746
|
|
|
678
747
|
interface ProductImageGalleryProps {
|
|
679
748
|
images: string[];
|
|
@@ -1751,4 +1820,4 @@ interface BookingsPageProps {
|
|
|
1751
1820
|
}
|
|
1752
1821
|
declare function BookingsPage({ title, bookings: bookingsProp, onBookingNavigate, onCancel, onReschedule, showFilters, renderBooking, className, classNames, }: BookingsPageProps): React.ReactElement;
|
|
1753
1822
|
|
|
1754
|
-
export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddOnSelector, type AddOnSelectorProps, type AddToCartOptions, AddressElement, AuthElement, AvailabilityBadge, type AvailabilityBadgeClassNames, type AvailabilityBadgeProps, BookingCard, type BookingCardClassNames, type BookingCardProps, BookingList, type BookingListClassNames, type BookingListProps, BookingPage, type BookingPageClassNames, type BookingPageProps, BookingsPage, type BookingsPageClassNames, type BookingsPageProps, BundleSelector, type BundleSelectorProps, CartPage, type CartPageClassNames, type CartPageProps, CartSummary, type CartSummaryProps, CataloguePage, type CataloguePageClassNames, type CataloguePageProps, CategoryFilter, type CategoryFilterClassNames, type CategoryFilterProps, CategoryGrid, type CategoryGridClassNames, type CategoryGridProps, CheckoutPage, type CheckoutPageClassNames, type CheckoutPageProps, CimplifyCheckout, type CimplifyCheckoutProps, type CimplifyContextValue, CimplifyProvider, type CimplifyProviderProps, CollectionPage, type CollectionPageClassNames, type CollectionPageProps, CompositeSelector, type CompositeSelectorProps, DateSlotPicker, type DateSlotPickerClassNames, type DateSlotPickerProps, DealBanner, type DealBannerClassNames, type DealBannerProps, DealsPage, type DealsPageClassNames, type DealsPageProps, DiscountInput, type DiscountInputClassNames, type DiscountInputProps, ElementsProvider, OrderDetailPage, type OrderDetailPageClassNames, type OrderDetailPageProps, OrderHistory, type OrderHistoryClassNames, OrderHistoryPage, type OrderHistoryPageClassNames, type OrderHistoryPageProps, type OrderHistoryProps, OrderSummary, type OrderSummaryClassNames, type OrderSummaryProps, PaymentElement, Price, type PriceProps, ProductCard, type ProductCardClassNames, type ProductCardProps, ProductCustomizer, type ProductCustomizerProps, ProductGrid, type ProductGridClassNames, type ProductGridProps, ProductImageGallery, type ProductImageGalleryProps, ProductPage, type ProductPageClassNames, type ProductPageProps, ProductSheet, type ProductSheetClassNames, type ProductSheetProps, QuantitySelector, type QuantitySelectorProps, SaleBadge, type SaleBadgeClassNames, type SaleBadgeProps, SearchInput, type SearchInputClassNames, type SearchInputProps, SearchPage, type SearchPageClassNames, type SearchPageProps, ServiceCard, type ServiceCardClassNames, type ServiceCardProps, ServiceGrid, type ServiceGridClassNames, type ServiceGridProps, SlotPicker, type SlotPickerClassNames, type SlotPickerProps, StaffPicker, type StaffPickerClassNames, type StaffPickerProps, StoreNav, type StoreNavClassNames, type StoreNavProps, type UseAvailableSlotsOptions, type UseAvailableSlotsResult, type UseBookingsOptions, type UseBookingsResult, type UseBundlesOptions, type UseBundlesResult, type UseCartItem, type UseCartOptions, type UseCartResult, type UseCategoriesOptions, type UseCategoriesResult, type UseCollectionOptions, type UseCollectionResult, type UseCollectionsOptions, type UseCollectionsResult, type UseDealsOptions, type UseDealsResult, type UseLocationsOptions, type UseLocationsResult, type UseOrderOptions, type UseOrderResult, type UseOrdersOptions, type UseOrdersResult, type UseProductAvailabilityOptions, type UseProductAvailabilityResult, type UseProductDealsOptions, type UseProductDealsResult, type UseProductOptions, type UseProductPriceInput, type UseProductPriceResult, type UseProductResult, type UseProductSchedulesOptions, type UseProductSchedulesResult, type UseProductsOnSaleOptions, type UseProductsOnSaleResult, type UseProductsOptions, type UseProductsResult, type UseQuoteInput, type UseQuoteOptions, type UseQuoteResult, type UseSearchOptions, type UseSearchResult, type UseServiceAvailabilityOptions, type UseServiceAvailabilityResult, type UseServicesOptions, type UseServicesResult, type UseTaxonomiesOptions, type UseTaxonomiesResult, type UseTaxonomyOptions, type UseTaxonomyPathOptions, type UseTaxonomyPathResult, type UseTaxonomyResult, type UseValidateDiscountOptions, type UseValidateDiscountResult, VariantSelector, type VariantSelectorProps, cn, useAds, useAvailableSlots, useBookings, useBundles, useCart, useCategories, useCheckout, useCimplify, useCollection, useCollections, useDeals, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, useQuote, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount };
|
|
1823
|
+
export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddOnSelector, type AddOnSelectorClassNames, type AddOnSelectorProps, type AddToCartOptions, AddressElement, AuthElement, AvailabilityBadge, type AvailabilityBadgeClassNames, type AvailabilityBadgeProps, BookingCard, type BookingCardClassNames, type BookingCardProps, BookingList, type BookingListClassNames, type BookingListProps, BookingPage, type BookingPageClassNames, type BookingPageProps, BookingsPage, type BookingsPageClassNames, type BookingsPageProps, BundleSelector, type BundleSelectorClassNames, type BundleSelectorProps, type CartAddOnOptionSelection, CartPage, type CartPageClassNames, type CartPageProps, CartSummary, type CartSummaryProps, type CartVariantSelection, CataloguePage, type CataloguePageClassNames, type CataloguePageProps, CategoryFilter, type CategoryFilterClassNames, type CategoryFilterProps, CategoryGrid, type CategoryGridClassNames, type CategoryGridProps, CheckoutPage, type CheckoutPageClassNames, type CheckoutPageProps, CimplifyCheckout, type CimplifyCheckoutProps, type CimplifyContextValue, CimplifyProvider, type CimplifyProviderProps, CollectionPage, type CollectionPageClassNames, type CollectionPageProps, CompositeSelector, type CompositeSelectorClassNames, type CompositeSelectorProps, DateSlotPicker, type DateSlotPickerClassNames, type DateSlotPickerProps, DealBanner, type DealBannerClassNames, type DealBannerProps, DealsPage, type DealsPageClassNames, type DealsPageProps, DiscountInput, type DiscountInputClassNames, type DiscountInputProps, ElementsProvider, OrderDetailPage, type OrderDetailPageClassNames, type OrderDetailPageProps, OrderHistory, type OrderHistoryClassNames, OrderHistoryPage, type OrderHistoryPageClassNames, type OrderHistoryPageProps, type OrderHistoryProps, OrderSummary, type OrderSummaryClassNames, type OrderSummaryProps, PaymentElement, Price, type PriceProps, ProductCard, type ProductCardClassNames, type ProductCardProps, ProductCustomizer, type ProductCustomizerClassNames, type ProductCustomizerProps, ProductGrid, type ProductGridClassNames, type ProductGridProps, ProductImageGallery, type ProductImageGalleryProps, ProductPage, type ProductPageClassNames, type ProductPageProps, ProductSheet, type ProductSheetClassNames, type ProductSheetProps, QuantitySelector, type QuantitySelectorClassNames, type QuantitySelectorProps, SaleBadge, type SaleBadgeClassNames, type SaleBadgeProps, SearchInput, type SearchInputClassNames, type SearchInputProps, SearchPage, type SearchPageClassNames, type SearchPageProps, ServiceCard, type ServiceCardClassNames, type ServiceCardProps, ServiceGrid, type ServiceGridClassNames, type ServiceGridProps, SlotPicker, type SlotPickerClassNames, type SlotPickerProps, StaffPicker, type StaffPickerClassNames, type StaffPickerProps, StoreNav, type StoreNavClassNames, type StoreNavProps, type UseAvailableSlotsOptions, type UseAvailableSlotsResult, type UseBookingsOptions, type UseBookingsResult, type UseBundlesOptions, type UseBundlesResult, type UseCartItem, type UseCartOptions, type UseCartResult, type UseCategoriesOptions, type UseCategoriesResult, type UseCollectionOptions, type UseCollectionResult, type UseCollectionsOptions, type UseCollectionsResult, type UseDealsOptions, type UseDealsResult, type UseLocationsOptions, type UseLocationsResult, type UseOrderOptions, type UseOrderResult, type UseOrdersOptions, type UseOrdersResult, type UseProductAvailabilityOptions, type UseProductAvailabilityResult, type UseProductDealsOptions, type UseProductDealsResult, type UseProductOptions, type UseProductPriceInput, type UseProductPriceResult, type UseProductResult, type UseProductSchedulesOptions, type UseProductSchedulesResult, type UseProductsOnSaleOptions, type UseProductsOnSaleResult, type UseProductsOptions, type UseProductsResult, type UseQuoteInput, type UseQuoteOptions, type UseQuoteResult, type UseSearchOptions, type UseSearchResult, type UseServiceAvailabilityOptions, type UseServiceAvailabilityResult, type UseServicesOptions, type UseServicesResult, type UseTaxonomiesOptions, type UseTaxonomiesResult, type UseTaxonomyOptions, type UseTaxonomyPathOptions, type UseTaxonomyPathResult, type UseTaxonomyResult, type UseValidateDiscountOptions, type UseValidateDiscountResult, VariantSelector, type VariantSelectorClassNames, type VariantSelectorProps, cn, useAds, useAvailableSlots, useBookings, useBundles, useCart, useCategories, useCheckout, useCimplify, useCollection, useCollections, useDeals, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, useQuote, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount };
|