@trafilea/afrodita-components 6.31.5 → 6.32.0

package/build/index.d.ts

@@ -2720,7 +2720,7 @@ declare function FilteringDropdown<T>({ options, disabled, placeHolder, wide, sl
 
 declare type Value<T> = DropdownOption<T>;
 declare type OnChange<T> = (option: Value<T>) => void;
-declare type CommonProps<T> = {
+declare type CommonProps$1<T> = {
     options: Value<T>[];
     disabled?: boolean;
     wide?: boolean;
@@ -2737,12 +2737,12 @@ declare type ControlledProps<T> = {
     value: Value<T>;
     onChange: OnChange<T>;
     selectedOptionWeight?: number | string;
-} & CommonProps<T>;
+} & CommonProps$1<T>;
 declare type UncontrolledProps<T> = {
     value?: never;
     onChange?: OnChange<T>;
     selectedOptionWeight?: number | string;
-} & CommonProps<T>;
+} & CommonProps$1<T>;
 declare type SimpleDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
 declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, selectedOptionWeight, }: SimpleDropdownProps<T>): JSX.Element;
 
@@ -3785,6 +3785,24 @@ declare type VideoProps = {
 } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
 declare const Video: React.FC<VideoProps>;
 
+declare type AutoshipFrequency$1 = {
+    values: number[];
+    unit: string;
+};
+interface ISubscriptionFrequencyDropdown {
+    frequency: AutoshipFrequency$1;
+    onChange?: (value: DropdownOption<number>) => void;
+}
+declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
+
+declare type BenefitsListProps = {
+    benefits: string[];
+    isSelected: boolean;
+    selectedColor: string;
+    baseColor: string;
+};
+declare const BenefitsList: FC<BenefitsListProps>;
+
 interface CartItemCardProps {
     style?: React.CSSProperties;
     className?: string;
@@ -3937,6 +3955,68 @@ interface TableProps {
 
 declare const SizeChartTableV2: ({ headers, data: tableContent, newSizeTableCss }: TableProps) => JSX.Element;
 
+declare type SubscriptionPlanSelectorRadios = 'oneTime' | 'subscription';
+declare type SelectorOnChangeProps = {
+    subscriptionPeriod?: number;
+    withSubscription: boolean;
+    originalPrice: number;
+    discountedPrice: number;
+};
+declare type RadioConfig = {
+    label: string;
+    disabled: boolean;
+    checked: boolean;
+};
+declare type RadiosConfig = {
+    oneTime: RadioConfig;
+    subscription: RadioConfig;
+};
+declare type AutoshipFrequency = {
+    values: number[];
+    unit: string;
+};
+declare type TooltipContent = {
+    text: string;
+    color?: string;
+};
+declare type TooltipHeader = {
+    title: string;
+    iconFill?: string;
+    iconRight?: string;
+};
+declare type TooltipType = {
+    header: TooltipHeader;
+    content: TooltipContent;
+};
+declare type PriceType = {
+    listPrice: number;
+    discountedPrice: number;
+    subscriptionDiscountPercentage: number;
+};
+
+declare type WithBenefits = {
+    benefits: string[];
+    children?: never;
+};
+declare type WithChildren = {
+    benefits?: never;
+    children: ReactNode;
+};
+declare type CommonProps = {
+    pricing: PriceType;
+    currencySymbol: string;
+    radios: RadiosConfig;
+    onChange: (values: SelectorOnChangeProps) => void;
+    tooltip?: TooltipType;
+    frequency?: AutoshipFrequency;
+    className?: string;
+    discountTagClassName?: string;
+    closeIcon?: boolean;
+    discountLabel?: string;
+};
+declare type SubscriptionPlanSelectorProps = (WithBenefits | WithChildren) & CommonProps;
+declare const SubscriptionPlanSelector: FC<SubscriptionPlanSelectorProps>;
+
 declare module '@emotion/react' {
     interface Theme extends Theme {
     }
@@ -4007,4 +4087,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, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, 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, JoinClubCard, 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, SizeChartTableV3, 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, Toast, ToggleComponent, 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, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, 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, JoinClubCard, 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, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, 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 };