@trafilea/afrodita-components 6.23.6 → 6.24.0

package/build/index.d.ts

@@ -1975,6 +1975,12 @@ declare type ThemeComponent = {
                 };
             };
         };
+        subtitle?: {
+            fontSize: string;
+            color: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
     };
     orderSummary: {
         headingTextAlign: string;
@@ -2081,6 +2087,10 @@ declare type ThemeComponent = {
         creditCardSection: {
             borderRadius?: string;
         };
+        coupon?: {
+            paddingDesktop: string;
+            paddingMobile: string;
+        };
     };
     upsell: {
         banner: {
@@ -2382,6 +2392,8 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
     showClubPriceLabel?: boolean;
     isRatingLoading?: boolean;
     version?: number;
+    showDiscountPercentageTag?: boolean;
+    discountTag?: DiscountTagProps;
 }
 
 declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: React__default.FC<P>, data: ProductItemProps[]): {
@@ -3107,9 +3119,10 @@ interface RadioProps {
     disabled?: boolean;
     onChange: (option: RadioGroupOption$1) => void;
     style?: React__default.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
     useV2Style?: boolean;
 }
-declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, }: RadioProps) => JSX.Element;
+declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, }: RadioProps) => JSX.Element;
 
 interface StarListProps {
     rating: number;
@@ -3688,48 +3701,30 @@ declare type VideoProps = {
 } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
 declare const Video: React.FC<VideoProps>;
 
-declare type ImagesSliderConfig = {
-    width: string;
-    height: string;
-    borderRadius: string;
-    spacesBetweenImages: string;
-};
-declare type ThumbnailSettings = {
-    swipeToSlide: boolean;
-    focusOnSelect: boolean;
-    infinite: boolean;
-    centerPadding: string;
-    slidesToShow: number;
-    speed: number;
-    arrows: boolean;
-    responsive: Responsive[];
-};
-declare type Responsive = {
-    breakpoint: number;
-    settings: {
-        slidesToShow: number;
-        slidesToScroll?: number;
-        centerMode?: boolean;
+declare type ClubOfferRadios = 'one-time-purchase' | 'club-offer-selector-subscribe-and-save';
+declare type ClubOfferProps = {
+    singlePurchaseLabel: string;
+    subscriptionLabel: string;
+    pricing: {
+        listPrice: number;
+        discountedPrice: number;
+        clubOfferDiscountPercentage: number;
     };
+    clubOfferBenefits: string[];
+    benefits?: string[];
+    onChange: (values: {
+        clubOffer: boolean;
+        originalPrice: number;
+        discountedPrice: number;
+    }) => void;
+    className?: string;
+    closeIcon?: boolean;
+    currencySymbol: string;
+    discountLabel?: string;
+    disabledInputs?: ClubOfferRadios[];
 };
 
-declare type ProductGalleryMobileProps = {
-    images: ContentType[];
-    topTag?: JSX.Element;
-    bottomTag?: JSX.Element;
-    productImageDataTestId?: string;
-    imagesSliderConfig?: ImagesSliderConfig;
-    thumbnailSettings?: ThumbnailSettings;
-};
-declare const ProductGalleryMobileV4: React__default.FC<ProductGalleryMobileProps>;
-
-interface TableProps {
-    headers: string[];
-    data: string[][];
-    newSizeTableCss?: boolean;
-}
-
-declare const SizeChartTableV2: ({ headers, data: tableContent, newSizeTableCss }: TableProps) => JSX.Element;
+declare const ClubOfferSelector: React__default.FC<ClubOfferProps>;
 
 interface ProductCardProps extends ProductItemProps {
     size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
@@ -3781,6 +3776,49 @@ interface ProductCardV3Props extends ProductItemProps {
 }
 declare const ProductCardV3: FC<ProductCardV3Props>;
 
+declare type ImagesSliderConfig = {
+    width: string;
+    height: string;
+    borderRadius: string;
+    spacesBetweenImages: string;
+};
+declare type ThumbnailSettings = {
+    swipeToSlide: boolean;
+    focusOnSelect: boolean;
+    infinite: boolean;
+    centerPadding: string;
+    slidesToShow: number;
+    speed: number;
+    arrows: boolean;
+    responsive: Responsive[];
+};
+declare type Responsive = {
+    breakpoint: number;
+    settings: {
+        slidesToShow: number;
+        slidesToScroll?: number;
+        centerMode?: boolean;
+    };
+};
+
+declare type ProductGalleryMobileProps = {
+    images: ContentType[];
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    productImageDataTestId?: string;
+    imagesSliderConfig?: ImagesSliderConfig;
+    thumbnailSettings?: ThumbnailSettings;
+};
+declare const ProductGalleryMobileV4: React__default.FC<ProductGalleryMobileProps>;
+
+interface TableProps {
+    headers: string[];
+    data: string[][];
+    newSizeTableCss?: boolean;
+}
+
+declare const SizeChartTableV2: ({ headers, data: tableContent, newSizeTableCss }: TableProps) => JSX.Element;
+
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
 declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
@@ -3846,4 +3884,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
 declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
 declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
 
-export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };