@trafilea/afrodita-components 6.15.5 → 6.16.1

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/build/index.d.ts CHANGED
@@ -54,7 +54,7 @@ declare type Download$1 = 'download/apple_store' | 'download/google_play';
54
54
  declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning' | 'emoji/grinning_with_sweat' | 'emoji/relieved' | 'emoji/smiling_v2' | 'emoji/smiling_v3' | 'emoji/thinking';
55
55
  declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right' | 'messaging/question_circle_light';
56
56
  declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/cart' | 'myaccount/vip';
57
- declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2';
57
+ declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2' | 'navigation/filters_v2';
58
58
  declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock';
59
59
  declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa';
60
60
  declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/free_returns_v2' | 'pdp/free_shipping_v2' | 'pdp/minus' | 'pdp/moon' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/play_video' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/trust_badge';
@@ -667,6 +667,8 @@ declare const EllipsisHorizontal: IconComponent;
667
667
 
668
668
  declare const Filters$1: IconComponent;
669
669
 
670
+ declare const FiltersV2: IconComponent;
671
+
670
672
  declare const Hamburger: IconComponent;
671
673
 
672
674
  declare const Home: IconComponent;
@@ -714,6 +716,7 @@ declare const Navigation_Benefits: typeof Benefits;
714
716
  declare const Navigation_ClubMembership: typeof ClubMembership;
715
717
  declare const Navigation_Ellipsis: typeof Ellipsis;
716
718
  declare const Navigation_EllipsisHorizontal: typeof EllipsisHorizontal;
719
+ declare const Navigation_FiltersV2: typeof FiltersV2;
717
720
  declare const Navigation_Hamburger: typeof Hamburger;
718
721
  declare const Navigation_Home: typeof Home;
719
722
  declare const Navigation_HomeSolid: typeof HomeSolid;
@@ -741,6 +744,7 @@ declare namespace Navigation {
741
744
  Navigation_Ellipsis as Ellipsis,
742
745
  Navigation_EllipsisHorizontal as EllipsisHorizontal,
743
746
  Filters$1 as Filters,
747
+ Navigation_FiltersV2 as FiltersV2,
744
748
  Navigation_Hamburger as Hamburger,
745
749
  Navigation_Home as Home,
746
750
  Navigation_HomeSolid as HomeSolid,
@@ -2304,7 +2308,14 @@ declare type CTAProps = {
2304
2308
  className?: string;
2305
2309
  testId?: string;
2306
2310
  inline?: boolean;
2311
+ /** @deprecated Use 'name' inside the 'icon' object prop instead. */
2307
2312
  iconName?: IconProps$1['name'];
2313
+ icon?: {
2314
+ name: IconProps$1['name'];
2315
+ position?: 'left' | 'right';
2316
+ margin?: string;
2317
+ size?: string;
2318
+ };
2308
2319
  };
2309
2320
  declare type DropdownOption<T> = {
2310
2321
  key: string;
@@ -2552,13 +2563,15 @@ declare type CommonProps<T> = {
2552
2563
  declare type ControlledProps<T> = {
2553
2564
  value: Value<T>;
2554
2565
  onChange: OnChange<T>;
2566
+ selectedOptionWeight?: number | string;
2555
2567
  } & CommonProps<T>;
2556
2568
  declare type UncontrolledProps<T> = {
2557
2569
  value?: never;
2558
2570
  onChange?: OnChange<T>;
2571
+ selectedOptionWeight?: number | string;
2559
2572
  } & CommonProps<T>;
2560
2573
  declare type SimpleDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
2561
- declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, }: SimpleDropdownProps<T>): JSX.Element;
2574
+ declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, selectedOptionWeight, }: SimpleDropdownProps<T>): JSX.Element;
2562
2575
 
2563
2576
  interface FiltersProps {
2564
2577
  values: Filter[];
@@ -2709,7 +2722,14 @@ interface BaseCTAProps {
2709
2722
  type?: ButtonType;
2710
2723
  inline?: boolean;
2711
2724
  testId?: string;
2725
+ /** @deprecated Use 'name' inside the 'icon' object prop instead. */
2712
2726
  iconName?: IconProps$1['name'];
2727
+ icon?: {
2728
+ name: IconProps$1['name'];
2729
+ size?: string;
2730
+ position?: 'left' | 'right';
2731
+ margin?: string;
2732
+ };
2713
2733
  }
2714
2734
 
2715
2735
  declare type ButtonProps = {
@@ -3432,7 +3452,7 @@ declare type SubtotalOption = {
3432
3452
  label: string;
3433
3453
  value: string;
3434
3454
  };
3435
- declare type Coupon = {
3455
+ declare type Coupon$1 = {
3436
3456
  code: string;
3437
3457
  amount: string;
3438
3458
  };
@@ -3444,7 +3464,7 @@ interface SubtotalProps {
3444
3464
  coupon?: {
3445
3465
  couponText: string;
3446
3466
  appliedText: string;
3447
- coupons: Coupon[];
3467
+ coupons: Coupon$1[];
3448
3468
  };
3449
3469
  }
3450
3470
 
@@ -3489,6 +3509,33 @@ interface TrackingProgressProps {
3489
3509
  }
3490
3510
  declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
3491
3511
 
3512
+ interface CouponProps {
3513
+ imgSrc: string;
3514
+ title: string;
3515
+ content: ReactNode;
3516
+ width?: string;
3517
+ btnText?: string;
3518
+ couponCode?: string;
3519
+ offerLink?: string;
3520
+ }
3521
+ declare const Coupon: FC<CouponProps>;
3522
+
3523
+ declare type BasicAccordionProps = {
3524
+ children?: ReactNode;
3525
+ defaultOpen?: boolean;
3526
+ titleColor?: string;
3527
+ bgColor: string;
3528
+ header: ReactNode;
3529
+ headerOnOpen?: ReactNode;
3530
+ disabled?: boolean;
3531
+ openIcon: IconType;
3532
+ closeIcon: IconType;
3533
+ fillControlsCollor: string;
3534
+ contentWidth?: string;
3535
+ onClick?: (index: number) => void;
3536
+ };
3537
+ declare const BasicAccordion: FC<BasicAccordionProps>;
3538
+
3492
3539
  declare type HurryUpProps = {
3493
3540
  hurryUpText: string;
3494
3541
  backgroundColor?: string;
@@ -3542,6 +3589,9 @@ declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
3542
3589
  };
3543
3590
  declare const useWindowDimensions: UseWindowDimensions;
3544
3591
 
3592
+ declare type DeviceType = 'desktop' | 'tablet' | 'mobile';
3593
+ declare const useDeviceType: () => DeviceType;
3594
+
3545
3595
  declare global {
3546
3596
  interface Events {
3547
3597
  modal: {
@@ -3584,4 +3634,7 @@ declare const isNumber: (value: string) => boolean;
3584
3634
  declare const isPhoneNumber: (value: string) => boolean;
3585
3635
  declare const isValidDate: (value: string) => boolean;
3586
3636
 
3587
- export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, index_d as CrossSell, DeliveryDetails, 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, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, 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, 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, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
3637
+ declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
3638
+ declare const CancellationFlowAccordionContentPerPartner: Record<string, JSX.Element[]>;
3639
+
3640
+ 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, Coupon, index_d as CrossSell, DeliveryDetails, 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, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, 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, 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 };