@trafilea/afrodita-components 6.16.2 → 6.16.4

package/build/index.d.ts

@@ -48,15 +48,15 @@ declare type StyledIconProps = {
 };
 
 declare type Actions$1 = 'actions/add' | 'actions/check_box_empty' | 'actions/check_box_light' | 'actions/check_box_solid' | 'actions/check' | 'actions/circle_check' | 'actions/circle_clear' | 'actions/circle_info' | 'actions/circle_minus' | 'actions/circle_plus' | 'actions/circle_question' | 'actions/circle_solid_check' | 'actions/circle_solid_clear' | 'actions/circle_solid_info' | 'actions/circle_solid_minus' | 'actions/circle_solid_plus' | 'actions/circle_solid_question' | 'actions/circle_solid_styled_check' | 'actions/circle_solid_warning' | 'actions/circle_warning' | 'actions/clear_light' | 'actions/close' | 'actions/copy_outlined' | 'actions/copy' | 'actions/edit' | 'actions/light_check' | 'actions/light_exclamation' | 'actions/like_solid' | 'actions/like' | 'actions/minus' | 'actions/not_allowed' | 'actions/question' | 'actions/radio_empty' | 'actions/radio_filled' | 'actions/settings_solid' | 'actions/settings' | 'actions/share' | 'actions/signout' | 'actions/signout_light' | 'actions/trash' | 'actions/warning';
-declare type Arrows$1 = 'arrows/chevron_down' | 'arrows/chevron_down_variant' | 'arrows/chevron_left' | 'arrows/chevron_left_lite' | 'arrows/chevron_left_variant' | 'arrows/chevron_right' | 'arrows/chevron_right_lite' | 'arrows/chevron_right_variant' | 'arrows/chevron_up' | 'arrows/chevron_up_solid' | 'arrows/chevron_up_variant' | 'arrows/circle_chevron_down' | 'arrows/circle_chevron_left' | 'arrows/circle_chevron_right' | 'arrows/circle_chevron_up' | 'arrows/circle_line_down' | 'arrows/circle_line_left' | 'arrows/circle_line_right' | 'arrows/circle_line_up' | 'arrows/circle_up' | 'arrows/double_arrow_up';
+declare type Arrows$1 = 'arrows/chevron_down' | 'arrows/chevron_down_variant' | 'arrows/chevron_left' | 'arrows/chevron_left_lite' | 'arrows/chevron_left_variant' | 'arrows/chevron_right' | 'arrows/chevron_right_lite' | 'arrows/chevron_right_variant' | 'arrows/chevron_up' | 'arrows/chevron_up_solid' | 'arrows/chevron_up_variant' | 'arrows/circle_chevron_down' | 'arrows/circle_chevron_left' | 'arrows/circle_chevron_right' | 'arrows/circle_chevron_up' | 'arrows/circle_line_down' | 'arrows/circle_line_left' | 'arrows/circle_line_right' | 'arrows/circle_line_up' | 'arrows/circle_up' | 'arrows/double_arrow_up' | 'arrows/chevron_right_grey';
 declare type Custom$1 = 'custom/atom' | 'custom/bra' | 'custom/bubbles' | 'custom/bullet_one' | 'custom/bullet_three' | 'custom/bullet_two' | 'custom/certified' | 'custom/clinically_tested' | 'custom/cruelty_free' | 'custom/fair_advantages' | 'custom/frown' | 'custom/frown' | 'custom/money_flow' | 'custom/new_sixty_days_guarantee' | 'custom/packs_and_bundles' | 'custom/seamless_support_bra' | 'custom/sixty_days_bold' | 'custom/sixty_days_guarantee' | 'custom/smiling' | 'custom/subscription' | 'custom/thumbs_down' | 'custom/thumbs_up' | 'custom/underwear' | 'custom/wire_free_comfort' | 'custom/wire_free_comfort_bold' | 'custom/tk_sixty_days_bold' | 'custom/free_shipping_truck' | 'custom/higher_discounts' | 'custom/priority_support';
 declare type Download$1 = 'download/apple_store' | 'download/google_play';
 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';
 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';
 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';
-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';
-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';
-declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa';
+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_bag_v4' | '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';
+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' | 'other/help_center' | 'other/coupons';
+declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa' | 'payment/payment_methods';
 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';
 declare type SlideDots$1 = 'slidedots/slide_dot';
 declare type SocialMedia$1 = 'socialmedia/facebook' | 'socialmedia/facebook_solid' | 'socialmedia/instagram' | 'socialmedia/instagram_solid' | 'socialmedia/interaction' | 'socialmedia/pinterest' | 'socialmedia/twitter' | 'socialmedia/youtube';
@@ -271,6 +271,8 @@ declare const ChevronLeftVariant: IconComponent;
 
 declare const ChevronRight: IconComponent;
 
+declare const ChevronRightGrey: IconComponent;
+
 declare const ChevronRightLite: IconComponent;
 
 declare const ChevronRightVariant: IconComponent;
@@ -307,6 +309,7 @@ declare const Arrows_ChevronLeft: typeof ChevronLeft;
 declare const Arrows_ChevronLeftLite: typeof ChevronLeftLite;
 declare const Arrows_ChevronLeftVariant: typeof ChevronLeftVariant;
 declare const Arrows_ChevronRight: typeof ChevronRight;
+declare const Arrows_ChevronRightGrey: typeof ChevronRightGrey;
 declare const Arrows_ChevronRightLite: typeof ChevronRightLite;
 declare const Arrows_ChevronRightVariant: typeof ChevronRightVariant;
 declare const Arrows_ChevronUp: typeof ChevronUp;
@@ -330,6 +333,7 @@ declare namespace Arrows {
     Arrows_ChevronLeftLite as ChevronLeftLite,
     Arrows_ChevronLeftVariant as ChevronLeftVariant,
     Arrows_ChevronRight as ChevronRight,
+    Arrows_ChevronRightGrey as ChevronRightGrey,
     Arrows_ChevronRightLite as ChevronRightLite,
     Arrows_ChevronRightVariant as ChevronRightVariant,
     Arrows_ChevronUp as ChevronUp,
@@ -697,6 +701,8 @@ declare const ShoppingBagV2: IconComponent;
 
 declare const ShoppingBagV3: IconComponent;
 
+declare const ShoppingBagV4: IconComponent;
+
 declare const ShoppingCart: IconComponent;
 
 declare const ShoppingCartV2: IconComponent;
@@ -730,6 +736,7 @@ declare const Navigation_Shaperbox: typeof Shaperbox;
 declare const Navigation_ShoppingBag: typeof ShoppingBag;
 declare const Navigation_ShoppingBagV2: typeof ShoppingBagV2;
 declare const Navigation_ShoppingBagV3: typeof ShoppingBagV3;
+declare const Navigation_ShoppingBagV4: typeof ShoppingBagV4;
 declare const Navigation_ShoppingCart: typeof ShoppingCart;
 declare const Navigation_ShoppingCartV2: typeof ShoppingCartV2;
 declare const Navigation_SlideDotSolid: typeof SlideDotSolid;
@@ -759,6 +766,7 @@ declare namespace Navigation {
     Navigation_ShoppingBag as ShoppingBag,
     Navigation_ShoppingBagV2 as ShoppingBagV2,
     Navigation_ShoppingBagV3 as ShoppingBagV3,
+    Navigation_ShoppingBagV4 as ShoppingBagV4,
     Navigation_ShoppingCart as ShoppingCart,
     Navigation_ShoppingCartV2 as ShoppingCartV2,
     SlideDot$1 as SlideDot,
@@ -777,6 +785,8 @@ declare const CallUs: IconComponent;
 
 declare const Chat: IconComponent;
 
+declare const Coupons: IconComponent;
+
 declare const Email: IconComponent;
 
 declare const ExpressShipping: IconComponent;
@@ -791,6 +801,8 @@ declare const GetDiscount: IconComponent;
 
 declare const HasselFreeReturns: IconComponent;
 
+declare const HelpCenter: IconComponent;
+
 declare const Loading: IconComponent;
 
 declare const McAfee: IconComponent;
@@ -831,11 +843,13 @@ declare const Other_BodConLabel: typeof BodConLabel;
 declare const Other_BodConMobileLabel: typeof BodConMobileLabel;
 declare const Other_CallUs: typeof CallUs;
 declare const Other_Chat: typeof Chat;
+declare const Other_Coupons: typeof Coupons;
 declare const Other_Email: typeof Email;
 declare const Other_ExpressShipping: typeof ExpressShipping;
 declare const Other_FreeExchange: typeof FreeExchange;
 declare const Other_GetDiscount: typeof GetDiscount;
 declare const Other_HasselFreeReturns: typeof HasselFreeReturns;
+declare const Other_HelpCenter: typeof HelpCenter;
 declare const Other_Loading: typeof Loading;
 declare const Other_McAfee: typeof McAfee;
 declare const Other_Play: typeof Play;
@@ -860,6 +874,7 @@ declare namespace Other {
     Other_BodConMobileLabel as BodConMobileLabel,
     Other_CallUs as CallUs,
     Other_Chat as Chat,
+    Other_Coupons as Coupons,
     Other_Email as Email,
     Other_ExpressShipping as ExpressShipping,
     FitGuarantee$1 as FitGuarantee,
@@ -867,6 +882,7 @@ declare namespace Other {
     Other_FreeExchange as FreeExchange,
     Other_GetDiscount as GetDiscount,
     Other_HasselFreeReturns as HasselFreeReturns,
+    Other_HelpCenter as HelpCenter,
     Other_Loading as Loading,
     Other_McAfee as McAfee,
     Other_Play as Play,
@@ -1005,36 +1021,40 @@ declare namespace PDP {
   };
 }
 
-declare const Visa: IconComponent;
-
-declare const MasterCard: IconComponent;
+declare const Amazon: IconComponent;
 
 declare const Amex: IconComponent;
 
 declare const JCB: IconComponent;
 
-declare const Paypal: IconComponent;
-
 declare const Klarna: IconComponent;
 
-declare const Amazon: IconComponent;
+declare const MasterCard: IconComponent;
 
-declare const Payment_Visa: typeof Visa;
-declare const Payment_MasterCard: typeof MasterCard;
+declare const PaymentMethods: IconComponent;
+
+declare const Paypal: IconComponent;
+
+declare const Visa: IconComponent;
+
+declare const Payment_Amazon: typeof Amazon;
 declare const Payment_Amex: typeof Amex;
 declare const Payment_JCB: typeof JCB;
-declare const Payment_Paypal: typeof Paypal;
 declare const Payment_Klarna: typeof Klarna;
-declare const Payment_Amazon: typeof Amazon;
+declare const Payment_MasterCard: typeof MasterCard;
+declare const Payment_PaymentMethods: typeof PaymentMethods;
+declare const Payment_Paypal: typeof Paypal;
+declare const Payment_Visa: typeof Visa;
 declare namespace Payment {
   export {
-    Payment_Visa as Visa,
-    Payment_MasterCard as MasterCard,
+    Payment_Amazon as Amazon,
     Payment_Amex as Amex,
     Payment_JCB as JCB,
-    Payment_Paypal as Paypal,
     Payment_Klarna as Klarna,
-    Payment_Amazon as Amazon,
+    Payment_MasterCard as MasterCard,
+    Payment_PaymentMethods as PaymentMethods,
+    Payment_Paypal as Paypal,
+    Payment_Visa as Visa,
   };
 }
 
@@ -3453,7 +3473,7 @@ declare type SubtotalOption = {
     label: string;
     value: string;
 };
-declare type Coupon$1 = {
+declare type Coupon = {
     code: string;
     amount: string;
 };
@@ -3465,7 +3485,7 @@ interface SubtotalProps {
     coupon?: {
         couponText: string;
         appliedText: string;
-        coupons: Coupon$1[];
+        coupons: Coupon[];
     };
 }
 
@@ -3511,7 +3531,10 @@ interface TrackingProgressProps {
 declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
 
 interface CouponProps {
-    imgSrc: string;
+    image: {
+        src: string;
+        alt: string;
+    };
     title: string;
     content: ReactNode;
     width?: string;
@@ -3520,7 +3543,7 @@ interface CouponProps {
     couponCode?: string;
     offerLink?: string;
 }
-declare const Coupon: FC<CouponProps>;
+declare const CouponCard: FC<CouponProps>;
 
 declare type BasicAccordionProps = {
     children?: ReactNode;
@@ -3640,4 +3663,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, 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, Partner, 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 };
+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, 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, 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 };

package/build/index.esm.js

@@ -3508,6 +3508,8 @@ var ChevronLeftVariant = function (props) { return (jsx$1(Icon$1, __assign$1({},
 
 var ChevronRight = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right" }), void 0)); };
 
+var ChevronRightGrey = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right_grey" }), void 0)); };
+
 var ChevronRightLite = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right_lite" }), void 0)); };
 
 var ChevronRightVariant = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right_variant" }), void 0)); };
@@ -3546,6 +3548,7 @@ var Arrows = /*#__PURE__*/Object.freeze({
     ChevronLeftLite: ChevronLeftLite,
     ChevronLeftVariant: ChevronLeftVariant,
     ChevronRight: ChevronRight,
+    ChevronRightGrey: ChevronRightGrey,
     ChevronRightLite: ChevronRightLite,
     ChevronRightVariant: ChevronRightVariant,
     ChevronUp: ChevronUp,
@@ -3838,6 +3841,8 @@ var ShoppingBagV2 = function (props) { return (jsx$1(Icon$1, __assign$1({}, prop
 
 var ShoppingBagV3 = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "navigation/shopping_bag_v3" }), void 0)); };
 
+var ShoppingBagV4 = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "navigation/shopping_bag_v4" }), void 0)); };
+
 var ShoppingCart = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "navigation/shopping_cart" }), void 0)); };
 
 var ShoppingCartV2 = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "navigation/shopping_cart_v2" }), void 0)); };
@@ -3875,6 +3880,7 @@ var Navigation = /*#__PURE__*/Object.freeze({
     ShoppingBag: ShoppingBag,
     ShoppingBagV2: ShoppingBagV2,
     ShoppingBagV3: ShoppingBagV3,
+    ShoppingBagV4: ShoppingBagV4,
     ShoppingCart: ShoppingCart,
     ShoppingCartV2: ShoppingCartV2,
     SlideDot: SlideDot$1,
@@ -3892,6 +3898,8 @@ var CallUs = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { nam
 
 var Chat = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/chat" }), void 0); };
 
+var Coupons = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/coupons" }), void 0); };
+
 var Email = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/email" }), void 0); };
 
 var ExpressShipping = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "other/express_shipping" }), void 0)); };
@@ -3906,6 +3914,8 @@ var GetDiscount = function (props) { return jsx$1(Icon$1, __assign$1({}, props,
 
 var HasselFreeReturns = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "other/hassel_free_returns" }), void 0)); };
 
+var HelpCenter = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/help_center" }), void 0); };
+
 var Loading = function (props) { return (jsx$1(Icon$1, __assign$1({ testId: "Loading" }, props, { name: "other/loading" }), void 0)); };
 
 var McAfee = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/mc_afee" }), void 0); };
@@ -3948,6 +3958,7 @@ var Other = /*#__PURE__*/Object.freeze({
     BodConMobileLabel: BodConMobileLabel,
     CallUs: CallUs,
     Chat: Chat,
+    Coupons: Coupons,
     Email: Email,
     ExpressShipping: ExpressShipping,
     FitGuarantee: FitGuarantee$1,
@@ -3955,6 +3966,7 @@ var Other = /*#__PURE__*/Object.freeze({
     FreeExchange: FreeExchange,
     GetDiscount: GetDiscount,
     HasselFreeReturns: HasselFreeReturns,
+    HelpCenter: HelpCenter,
     Loading: Loading,
     McAfee: McAfee,
     Play: Play,
@@ -4063,29 +4075,32 @@ var PDP = /*#__PURE__*/Object.freeze({
     TrustBadge: TrustBadge
 });
 
-var Visa = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/visa" }), void 0); };
-
-var MasterCard = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/master_card" }), void 0); };
+var Amazon = function (props) { return (jsx$1(Icon$1, __assign$1({ testId: "AmazonIcon" }, props, { name: "payment/amazon" }), void 0)); };
 
 var Amex = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/amex" }), void 0); };
 
 var JCB = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/jcb" }), void 0); };
 
-var Paypal = function (props) { return (jsx$1(Icon$1, __assign$1({ testId: "PaypalIcon" }, props, { name: "payment/paypal" }), void 0)); };
-
 var Klarna = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/klarna" }), void 0); };
 
-var Amazon = function (props) { return (jsx$1(Icon$1, __assign$1({ testId: "AmazonIcon" }, props, { name: "payment/amazon" }), void 0)); };
+var MasterCard = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/master_card" }), void 0); };
+
+var PaymentMethods = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "payment/payment_methods" }), void 0)); };
+
+var Paypal = function (props) { return (jsx$1(Icon$1, __assign$1({ testId: "PaypalIcon" }, props, { name: "payment/paypal" }), void 0)); };
+
+var Visa = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "payment/visa" }), void 0); };
 
 var Payment = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    Visa: Visa,
-    MasterCard: MasterCard,
+    Amazon: Amazon,
     Amex: Amex,
     JCB: JCB,
-    Paypal: Paypal,
     Klarna: Klarna,
-    Amazon: Amazon
+    MasterCard: MasterCard,
+    PaymentMethods: PaymentMethods,
+    Paypal: Paypal,
+    Visa: Visa
 });
 
 var SlideDot = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "slidedots/slide_dot" }), void 0); };
@@ -4652,11 +4667,11 @@ var FlexStart = newStyled.div(templateObject_5$w || (templateObject_5$w = __make
 var templateObject_1$1R, templateObject_2$1f, templateObject_3$Z, templateObject_4$K, templateObject_5$w;
 
 var _this$1 = undefined;
-var Coupon = function (_a) {
-    var imgSrc = _a.imgSrc, title = _a.title, content = _a.content, couponCode = _a.couponCode, offerLink = _a.offerLink, width = _a.width, height = _a.height, _b = _a.btnText, btnText = _b === void 0 ? 'Redeem Offer' : _b;
+var CouponCard = function (_a) {
+    var image = _a.image, title = _a.title, content = _a.content, couponCode = _a.couponCode, offerLink = _a.offerLink, width = _a.width, height = _a.height, _b = _a.btnText, btnText = _b === void 0 ? 'Redeem Offer' : _b;
     var _c = useState(false), showCoupon = _c[0], setShowCoupon = _c[1];
     var handleCopy = useCallback(function (couponCode) { return (couponCode ? navigator.clipboard.writeText(couponCode) : undefined); }, []);
-    return (jsxs$1(Container$19, __assign$1({ height: height, width: width }, { children: [jsx$1(LeftSide, { children: jsx$1(Image$3, { src: imgSrc, alt: "Product", width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxs$1(RightSide, { children: [jsxs$1(FlexStart, { children: [jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsx$1(FlexCentered, { children: !showCoupon ? (jsx$1(ButtonPrimary, { type: "button", text: btnText, wide: true, size: ComponentSize.Small, onClick: function () { return setShowCoupon(function (prev) { return !prev; }); } }, void 0)) : (jsxs$1(Fragment$2, { children: [jsx$1(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: ComponentSize.Small, icon: {
+    return (jsxs$1(Container$19, __assign$1({ height: height, width: width }, { children: [jsx$1(LeftSide, { children: jsx$1(Image$3, { objectFit: "cover", src: image.src, alt: image.alt, width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxs$1(RightSide, { children: [jsxs$1(FlexStart, { children: [jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsx$1(FlexCentered, { children: !showCoupon ? (jsx$1(ButtonPrimary, { type: "button", text: btnText, wide: true, size: ComponentSize.Large, onClick: function () { return setShowCoupon(function (prev) { return !prev; }); } }, void 0)) : (jsxs$1(Fragment$2, { children: [jsx$1(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: ComponentSize.Small, icon: {
                                         name: 'actions/copy_outlined',
                                         position: 'right',
                                         margin: '10px',
@@ -4666,7 +4681,7 @@ var Coupon = function (_a) {
 // Partner titles
 var REVEL_BEAUTY_TITLE = 'REVEL BEAUTY';
 var THE_SPA_DR_TITLE = 'THE SPA DR.';
-// Coupon contents
+// CouponCard contents
 var CouponDefaultBody = function (firstLine, secondLine) { return (jsxs$1(Fragment$2, { children: [jsx$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small", style: { textAlign: 'initial' } }, { children: firstLine }), void 0), jsx$1(Text$7, __assign$1({ variant: "heading5", weight: "bold" }, { children: secondLine }), void 0)] }, void 0)); };
 var TheBodConContent = function () { return (jsxs$1(FlexContainer$2, { children: [jsxs$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [jsx$1(Bold, { children: "FREE and PREMIUM" }, void 0), " access to The BodCon Community App."] }), void 0), jsxs$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: ["The #1 Body Confidence Community. You'll have ", jsx$1(Bold, { children: "FREE access to:" }, void 0)] }), void 0), jsxs$1("ul", __assign$1({ style: { marginBottom: '5px', padding: '11px' } }, { children: [jsx$1("li", __assign$1({ style: { marginBottom: '5px' } }, { children: jsx$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Our confidence series: great courses made by the top influencers in the field, just for you to start your body-confidence journey!" }), void 0) }), void 0), jsx$1("li", { children: jsx$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Our more than 1.000 women's community and get-togethers to talk about women's empowerment." }), void 0) }, void 0)] }), void 0), jsxs$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [jsx$1(Bold, { children: "FREE" }, void 0), " access to The BodCon 2023 replays!"] }), void 0), jsx$1(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Empower yourself and change how you see and feel about your body forever." }), void 0)] }, void 0)); };
 var cancellationFlowContentPerKey = {
@@ -4682,12 +4697,24 @@ var couponDimensions = {
 };
 var CancellationFlowAccordionContentPerPartner = {
     RevelBeauty: [
-        jsx$1(Coupon, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, imgSrc: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Beauty_Lift_and_Tighten_Serum.png?v=1709316823', content: cancellationFlowContentPerKey['RevelBeauty-1'], couponCode: 'CLUBFRIENDS', offerLink: 'https://revelbeauty.com/products/lift-tighten-serum' }, "RevelBeauty-1"),
-        jsx$1(Coupon, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, imgSrc: 'https://cdn.shopify.com/s/files/1/2679/8624/files/revel-beauty-orders-above-50.png?v=1709326588', content: cancellationFlowContentPerKey['RevelBeauty-2'], couponCode: 'SHIPPINGONUS', offerLink: 'https://revelbeauty.com/' }, "RevelBeauty-2"),
+        jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, image: {
+                src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Beauty_Lift_and_Tighten_Serum.png?v=1709316823',
+                alt: 'Daily Essentials 4-Step Skin Care System',
+            }, content: cancellationFlowContentPerKey['RevelBeauty-1'], couponCode: 'CLUBFRIENDS', offerLink: 'https://revelbeauty.com/products/lift-tighten-serum' }, "RevelBeauty-1"),
+        jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, image: {
+                src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/revel-beauty-orders-above-50.png?v=1709326588',
+                alt: 'Daily Essentials 4-Step Skin Care System',
+            }, content: cancellationFlowContentPerKey['RevelBeauty-2'], couponCode: 'SHIPPINGONUS', offerLink: 'https://revelbeauty.com/' }, "RevelBeauty-2"),
     ],
     TheSpaDr: [
-        jsx$1(Coupon, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, imgSrc: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Daily_Essentials_4-Step_Skin_Care_System.png?v=1709333354', content: cancellationFlowContentPerKey['TheSpaDr-1'], couponCode: 'SHMCLUBFRIENDS', offerLink: 'https://thespadr.com/products/4-step-age-defying-clean-skincare-system-3?variant=42658350727366' }, "TheSpaDr-1"),
-        jsx$1(Coupon, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, imgSrc: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Nourish_Antioxidant_Serum.png?v=1709333354', content: cancellationFlowContentPerKey['TheSpaDr-2'], couponCode: 'SHMCLUB10OFF', offerLink: 'https://thespadr.com/products/step-2-age-defying-lift-tight-serum?variant=15992476860510' }, "TheSpaDr-2"),
+        jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, image: {
+                src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Daily_Essentials_4-Step_Skin_Care_System.png?v=1709333354',
+                alt: 'Daily Essentials 4-Step Skin Care System',
+            }, content: cancellationFlowContentPerKey['TheSpaDr-1'], couponCode: 'SHMCLUBFRIENDS', offerLink: 'https://thespadr.com/products/4-step-age-defying-clean-skincare-system-3?variant=42658350727366' }, "TheSpaDr-1"),
+        jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, image: {
+                src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Nourish_Antioxidant_Serum.png?v=1709333354',
+                alt: 'Daily Essentials 4-Step Skin Care System',
+            }, content: cancellationFlowContentPerKey['TheSpaDr-2'], couponCode: 'SHMCLUB10OFF', offerLink: 'https://thespadr.com/products/step-2-age-defying-lift-tight-serum?variant=15992476860510' }, "TheSpaDr-2"),
     ],
     TheBodCon: [cancellationFlowContentPerKey['TheBodCon']],
 };
@@ -20091,5 +20118,5 @@ var ProductGalleryMobileV4 = function (_a) {
                     }) }), void 0)] }), void 0) }), void 0));
 };
 
-export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, CancellationFlowAccordionContentPerPartner, Card$2 as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ComponentPosition, ComponentSize, Coupon, index$1 as CrossSell, DeliveryDetails, DiscountTag$1 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, Icon$1 as LibIcon, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video$1 as Video, buildImageUrl, componentSizeMapper, css, decimalFormat, formatPrice, getSrcSet, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, newStyled as styled, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, CancellationFlowAccordionContentPerPartner, Card$2 as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ComponentPosition, ComponentSize, CouponCard, index$1 as CrossSell, DeliveryDetails, DiscountTag$1 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, Icon$1 as LibIcon, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video$1 as Video, buildImageUrl, componentSizeMapper, css, decimalFormat, formatPrice, getSrcSet, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, newStyled as styled, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map