@trafilea/afrodita-components 6.16.2 → 6.16.4

package/build/index.js

@@ -3534,6 +3534,8 @@ var ChevronLeftVariant = function (props) { return (jsxRuntime.jsx(Icon$1, __ass
 
 var ChevronRight = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right" }), void 0)); };
 
+var ChevronRightGrey = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right_grey" }), void 0)); };
+
 var ChevronRightLite = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right_lite" }), void 0)); };
 
 var ChevronRightVariant = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "arrows/chevron_right_variant" }), void 0)); };
@@ -3572,6 +3574,7 @@ var Arrows = /*#__PURE__*/Object.freeze({
     ChevronLeftLite: ChevronLeftLite,
     ChevronLeftVariant: ChevronLeftVariant,
     ChevronRight: ChevronRight,
+    ChevronRightGrey: ChevronRightGrey,
     ChevronRightLite: ChevronRightLite,
     ChevronRightVariant: ChevronRightVariant,
     ChevronUp: ChevronUp,
@@ -3864,6 +3867,8 @@ var ShoppingBagV2 = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1
 
 var ShoppingBagV3 = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "navigation/shopping_bag_v3" }), void 0)); };
 
+var ShoppingBagV4 = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "navigation/shopping_bag_v4" }), void 0)); };
+
 var ShoppingCart = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "navigation/shopping_cart" }), void 0)); };
 
 var ShoppingCartV2 = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "navigation/shopping_cart_v2" }), void 0)); };
@@ -3901,6 +3906,7 @@ var Navigation = /*#__PURE__*/Object.freeze({
     ShoppingBag: ShoppingBag,
     ShoppingBagV2: ShoppingBagV2,
     ShoppingBagV3: ShoppingBagV3,
+    ShoppingBagV4: ShoppingBagV4,
     ShoppingCart: ShoppingCart,
     ShoppingCartV2: ShoppingCartV2,
     SlideDot: SlideDot$1,
@@ -3918,6 +3924,8 @@ var CallUs = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, pro
 
 var Chat = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/chat" }), void 0); };
 
+var Coupons = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/coupons" }), void 0); };
+
 var Email = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/email" }), void 0); };
 
 var ExpressShipping = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/express_shipping" }), void 0)); };
@@ -3932,6 +3940,8 @@ var GetDiscount = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}
 
 var HasselFreeReturns = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/hassel_free_returns" }), void 0)); };
 
+var HelpCenter = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/help_center" }), void 0); };
+
 var Loading = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({ testId: "Loading" }, props, { name: "other/loading" }), void 0)); };
 
 var McAfee = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "other/mc_afee" }), void 0); };
@@ -3974,6 +3984,7 @@ var Other = /*#__PURE__*/Object.freeze({
     BodConMobileLabel: BodConMobileLabel,
     CallUs: CallUs,
     Chat: Chat,
+    Coupons: Coupons,
     Email: Email,
     ExpressShipping: ExpressShipping,
     FitGuarantee: FitGuarantee$1,
@@ -3981,6 +3992,7 @@ var Other = /*#__PURE__*/Object.freeze({
     FreeExchange: FreeExchange,
     GetDiscount: GetDiscount,
     HasselFreeReturns: HasselFreeReturns,
+    HelpCenter: HelpCenter,
     Loading: Loading,
     McAfee: McAfee,
     Play: Play,
@@ -4089,29 +4101,32 @@ var PDP = /*#__PURE__*/Object.freeze({
     TrustBadge: TrustBadge
 });
 
-var Visa = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/visa" }), void 0); };
-
-var MasterCard = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/master_card" }), void 0); };
+var Amazon = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({ testId: "AmazonIcon" }, props, { name: "payment/amazon" }), void 0)); };
 
 var Amex = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/amex" }), void 0); };
 
 var JCB = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/jcb" }), void 0); };
 
-var Paypal = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({ testId: "PaypalIcon" }, props, { name: "payment/paypal" }), void 0)); };
-
 var Klarna = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/klarna" }), void 0); };
 
-var Amazon = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({ testId: "AmazonIcon" }, props, { name: "payment/amazon" }), void 0)); };
+var MasterCard = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/master_card" }), void 0); };
+
+var PaymentMethods = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "payment/payment_methods" }), void 0)); };
+
+var Paypal = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({ testId: "PaypalIcon" }, props, { name: "payment/paypal" }), void 0)); };
+
+var Visa = function (props) { return jsxRuntime.jsx(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 jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "slidedots/slide_dot" }), void 0); };
@@ -4678,11 +4693,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 = React$2.useState(false), showCoupon = _c[0], setShowCoupon = _c[1];
     var handleCopy = React$2.useCallback(function (couponCode) { return (couponCode ? navigator.clipboard.writeText(couponCode) : undefined); }, []);
-    return (jsxRuntime.jsxs(Container$19, __assign$1({ height: height, width: width }, { children: [jsxRuntime.jsx(LeftSide, { children: jsxRuntime.jsx(Image$3, { src: imgSrc, alt: "Product", width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxRuntime.jsxs(RightSide, { children: [jsxRuntime.jsxs(FlexStart, { children: [jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsxRuntime.jsx(FlexCentered, { children: !showCoupon ? (jsxRuntime.jsx(ButtonPrimary, { type: "button", text: btnText, wide: true, size: exports.ComponentSize.Small, onClick: function () { return setShowCoupon(function (prev) { return !prev; }); } }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: exports.ComponentSize.Small, icon: {
+    return (jsxRuntime.jsxs(Container$19, __assign$1({ height: height, width: width }, { children: [jsxRuntime.jsx(LeftSide, { children: jsxRuntime.jsx(Image$3, { objectFit: "cover", src: image.src, alt: image.alt, width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxRuntime.jsxs(RightSide, { children: [jsxRuntime.jsxs(FlexStart, { children: [jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsxRuntime.jsx(FlexCentered, { children: !showCoupon ? (jsxRuntime.jsx(ButtonPrimary, { type: "button", text: btnText, wide: true, size: exports.ComponentSize.Large, onClick: function () { return setShowCoupon(function (prev) { return !prev; }); } }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: exports.ComponentSize.Small, icon: {
                                         name: 'actions/copy_outlined',
                                         position: 'right',
                                         margin: '10px',
@@ -4692,7 +4707,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 (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small", style: { textAlign: 'initial' } }, { children: firstLine }), void 0), jsxRuntime.jsx(Text$7, __assign$1({ variant: "heading5", weight: "bold" }, { children: secondLine }), void 0)] }, void 0)); };
 var TheBodConContent = function () { return (jsxRuntime.jsxs(FlexContainer$2, { children: [jsxRuntime.jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [jsxRuntime.jsx(Bold, { children: "FREE and PREMIUM" }, void 0), " access to The BodCon Community App."] }), void 0), jsxRuntime.jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: ["The #1 Body Confidence Community. You'll have ", jsxRuntime.jsx(Bold, { children: "FREE access to:" }, void 0)] }), void 0), jsxRuntime.jsxs("ul", __assign$1({ style: { marginBottom: '5px', padding: '11px' } }, { children: [jsxRuntime.jsx("li", __assign$1({ style: { marginBottom: '5px' } }, { children: jsxRuntime.jsx(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), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(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), jsxRuntime.jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [jsxRuntime.jsx(Bold, { children: "FREE" }, void 0), " access to The BodCon 2023 replays!"] }), void 0), jsxRuntime.jsx(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 = {
@@ -4708,12 +4723,24 @@ var couponDimensions = {
 };
 var CancellationFlowAccordionContentPerPartner = {
     RevelBeauty: [
-        jsxRuntime.jsx(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"),
-        jsxRuntime.jsx(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"),
+        jsxRuntime.jsx(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"),
+        jsxRuntime.jsx(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: [
-        jsxRuntime.jsx(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"),
-        jsxRuntime.jsx(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"),
+        jsxRuntime.jsx(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"),
+        jsxRuntime.jsx(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']],
 };
@@ -20140,7 +20167,7 @@ exports.Checkbox = Checkbox;
 exports.ClubOfferTag = ClubOfferTag;
 exports.ClubRadioGroupInput = ClubRadioGroupInput;
 exports.Collection = Collection;
-exports.Coupon = Coupon;
+exports.CouponCard = CouponCard;
 exports.CrossSell = index$1;
 exports.DeliveryDetails = DeliveryDetails;
 exports.DiscountTag = DiscountTag$1;