@trafilea/afrodita-components 6.16.2 → 6.16.3
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 +8 -5
- package/build/index.esm.js +21 -9
- package/build/index.esm.js.map +1 -1
- package/build/index.js +21 -9
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -3453,7 +3453,7 @@ declare type SubtotalOption = {
|
|
|
3453
3453
|
label: string;
|
|
3454
3454
|
value: string;
|
|
3455
3455
|
};
|
|
3456
|
-
declare type Coupon
|
|
3456
|
+
declare type Coupon = {
|
|
3457
3457
|
code: string;
|
|
3458
3458
|
amount: string;
|
|
3459
3459
|
};
|
|
@@ -3465,7 +3465,7 @@ interface SubtotalProps {
|
|
|
3465
3465
|
coupon?: {
|
|
3466
3466
|
couponText: string;
|
|
3467
3467
|
appliedText: string;
|
|
3468
|
-
coupons: Coupon
|
|
3468
|
+
coupons: Coupon[];
|
|
3469
3469
|
};
|
|
3470
3470
|
}
|
|
3471
3471
|
|
|
@@ -3511,7 +3511,10 @@ interface TrackingProgressProps {
|
|
|
3511
3511
|
declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
|
|
3512
3512
|
|
|
3513
3513
|
interface CouponProps {
|
|
3514
|
-
|
|
3514
|
+
image: {
|
|
3515
|
+
src: string;
|
|
3516
|
+
alt: string;
|
|
3517
|
+
};
|
|
3515
3518
|
title: string;
|
|
3516
3519
|
content: ReactNode;
|
|
3517
3520
|
width?: string;
|
|
@@ -3520,7 +3523,7 @@ interface CouponProps {
|
|
|
3520
3523
|
couponCode?: string;
|
|
3521
3524
|
offerLink?: string;
|
|
3522
3525
|
}
|
|
3523
|
-
declare const
|
|
3526
|
+
declare const CouponCard: FC<CouponProps>;
|
|
3524
3527
|
|
|
3525
3528
|
declare type BasicAccordionProps = {
|
|
3526
3529
|
children?: ReactNode;
|
|
@@ -3640,4 +3643,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
|
|
|
3640
3643
|
declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
|
|
3641
3644
|
declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
|
|
3642
3645
|
|
|
3643
|
-
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,
|
|
3646
|
+
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
CHANGED
|
@@ -4652,11 +4652,11 @@ var FlexStart = newStyled.div(templateObject_5$w || (templateObject_5$w = __make
|
|
|
4652
4652
|
var templateObject_1$1R, templateObject_2$1f, templateObject_3$Z, templateObject_4$K, templateObject_5$w;
|
|
4653
4653
|
|
|
4654
4654
|
var _this$1 = undefined;
|
|
4655
|
-
var
|
|
4656
|
-
var
|
|
4655
|
+
var CouponCard = function (_a) {
|
|
4656
|
+
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;
|
|
4657
4657
|
var _c = useState(false), showCoupon = _c[0], setShowCoupon = _c[1];
|
|
4658
4658
|
var handleCopy = useCallback(function (couponCode) { return (couponCode ? navigator.clipboard.writeText(couponCode) : undefined); }, []);
|
|
4659
|
-
return (jsxs$1(Container$19, __assign$1({ height: height, width: width }, { children: [jsx$1(LeftSide, { children: jsx$1(Image$3, { src:
|
|
4659
|
+
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: {
|
|
4660
4660
|
name: 'actions/copy_outlined',
|
|
4661
4661
|
position: 'right',
|
|
4662
4662
|
margin: '10px',
|
|
@@ -4666,7 +4666,7 @@ var Coupon = function (_a) {
|
|
|
4666
4666
|
// Partner titles
|
|
4667
4667
|
var REVEL_BEAUTY_TITLE = 'REVEL BEAUTY';
|
|
4668
4668
|
var THE_SPA_DR_TITLE = 'THE SPA DR.';
|
|
4669
|
-
//
|
|
4669
|
+
// CouponCard contents
|
|
4670
4670
|
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)); };
|
|
4671
4671
|
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)); };
|
|
4672
4672
|
var cancellationFlowContentPerKey = {
|
|
@@ -4682,12 +4682,24 @@ var couponDimensions = {
|
|
|
4682
4682
|
};
|
|
4683
4683
|
var CancellationFlowAccordionContentPerPartner = {
|
|
4684
4684
|
RevelBeauty: [
|
|
4685
|
-
jsx$1(
|
|
4686
|
-
|
|
4685
|
+
jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, image: {
|
|
4686
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Beauty_Lift_and_Tighten_Serum.png?v=1709316823',
|
|
4687
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4688
|
+
}, content: cancellationFlowContentPerKey['RevelBeauty-1'], couponCode: 'CLUBFRIENDS', offerLink: 'https://revelbeauty.com/products/lift-tighten-serum' }, "RevelBeauty-1"),
|
|
4689
|
+
jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, image: {
|
|
4690
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/revel-beauty-orders-above-50.png?v=1709326588',
|
|
4691
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4692
|
+
}, content: cancellationFlowContentPerKey['RevelBeauty-2'], couponCode: 'SHIPPINGONUS', offerLink: 'https://revelbeauty.com/' }, "RevelBeauty-2"),
|
|
4687
4693
|
],
|
|
4688
4694
|
TheSpaDr: [
|
|
4689
|
-
jsx$1(
|
|
4690
|
-
|
|
4695
|
+
jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, image: {
|
|
4696
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Daily_Essentials_4-Step_Skin_Care_System.png?v=1709333354',
|
|
4697
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4698
|
+
}, content: cancellationFlowContentPerKey['TheSpaDr-1'], couponCode: 'SHMCLUBFRIENDS', offerLink: 'https://thespadr.com/products/4-step-age-defying-clean-skincare-system-3?variant=42658350727366' }, "TheSpaDr-1"),
|
|
4699
|
+
jsx$1(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, image: {
|
|
4700
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Nourish_Antioxidant_Serum.png?v=1709333354',
|
|
4701
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4702
|
+
}, content: cancellationFlowContentPerKey['TheSpaDr-2'], couponCode: 'SHMCLUB10OFF', offerLink: 'https://thespadr.com/products/step-2-age-defying-lift-tight-serum?variant=15992476860510' }, "TheSpaDr-2"),
|
|
4691
4703
|
],
|
|
4692
4704
|
TheBodCon: [cancellationFlowContentPerKey['TheBodCon']],
|
|
4693
4705
|
};
|
|
@@ -20091,5 +20103,5 @@ var ProductGalleryMobileV4 = function (_a) {
|
|
|
20091
20103
|
}) }), void 0)] }), void 0) }), void 0));
|
|
20092
20104
|
};
|
|
20093
20105
|
|
|
20094
|
-
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,
|
|
20106
|
+
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 };
|
|
20095
20107
|
//# sourceMappingURL=index.esm.js.map
|