@trafilea/afrodita-components 6.38.11 → 6.39.1

package/build/index.d.ts

@@ -159,7 +159,7 @@ declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' |
 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' | 'navigation/gift';
 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/drop_v2' | 'pdp/few_drops' | 'pdp/trust_badge' | 'pdp/verified' | 'pdp/wrinkle_free_face' | 'pdp/skin_appearance' | 'pdp/shine_heart' | 'pdp/cruelty_free' | 'pdp/ph_formula' | 'pdp/box';
+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/drop_v2' | 'pdp/few_drops' | 'pdp/trust_badge' | 'pdp/verified' | 'pdp/wrinkle_free_face' | 'pdp/skin_appearance' | 'pdp/shine_heart' | 'pdp/cruelty_free' | 'pdp/ph_formula' | 'pdp/box' | 'pdp/afterpay_logo';
 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';
 declare type IconName = Actions$1 | Arrows$1 | Custom$1 | Download$1 | Emoji$1 | Messaging$1 | MyAccount$1 | Navigation$1 | Other$1 | Payment$1 | PDP$1 | SlideDots$1 | SocialMedia$1;
@@ -1032,6 +1032,8 @@ declare namespace Other {
   };
 }
 
+declare const AfterPayLogo: IconComponent;
+
 declare const CircleNumber: IconComponent;
 
 declare const Clock: IconComponent;
@@ -1094,6 +1096,7 @@ declare const TrustBadge: IconComponent;
 
 declare const Verified: IconComponent;
 
+declare const PDP_AfterPayLogo: typeof AfterPayLogo;
 declare const PDP_CircleNumber: typeof CircleNumber;
 declare const PDP_Clock: typeof Clock;
 declare const PDP_Drop: typeof Drop;
@@ -1127,6 +1130,7 @@ declare const PDP_TrustBadge: typeof TrustBadge;
 declare const PDP_Verified: typeof Verified;
 declare namespace PDP {
   export {
+    PDP_AfterPayLogo as AfterPayLogo,
     PDP_CircleNumber as CircleNumber,
     PDP_Clock as Clock,
     PDP_Drop as Drop,
@@ -1416,8 +1420,10 @@ interface BuyNowPayLaterProps {
     showLogo?: boolean;
     iconColor?: string;
     fontSize?: string;
+    bnplWithAfterPay?: boolean;
+    toolTipText?: string;
 }
-declare const BuyNowPayLater: ({ displayBNPL, installments, installmentPrice, iconFolder, iconName, showLogo, iconColor, fontSize, }: BuyNowPayLaterProps) => JSX.Element | null;
+declare const BuyNowPayLater: ({ displayBNPL, installments, installmentPrice, iconFolder, iconName, showLogo, iconColor, fontSize, bnplWithAfterPay, toolTipText, }: BuyNowPayLaterProps) => JSX.Element | null;
 
 interface CloseButtonProps {
     onClick: () => void;

package/build/index.esm.js

@@ -4578,6 +4578,8 @@ var Other = /*#__PURE__*/Object.freeze({
     TheSpaDr: TheSpaDr
 });
 
+var AfterPayLogo = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/afterpay_logo" }), void 0); };
+
 var CircleNumber = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/circle_number" }), void 0); };
 
 var Clock = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/clock" }), void 0); };
@@ -4642,6 +4644,7 @@ var Verified = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { n
 
 var PDP = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    AfterPayLogo: AfterPayLogo,
     CircleNumber: CircleNumber,
     Clock: Clock,
     Drop: Drop,
@@ -6491,14 +6494,21 @@ var TextContainer$1 = newStyled.div(templateObject_2$1i || (templateObject_2$1i
 var IconWrapper$1 = newStyled.div(templateObject_3$11 || (templateObject_3$11 = __makeTemplateObject(["\n  display: inline;\n  top: -1px;\n  position: relative;\n\n  svg {\n    vertical-align: -webkit-baseline-middle;\n  }\n"], ["\n  display: inline;\n  top: -1px;\n  position: relative;\n\n  svg {\n    vertical-align: -webkit-baseline-middle;\n  }\n"])));
 var BuyNowPayLater = function (_a) {
     var _b;
-    var displayBNPL = _a.displayBNPL, installments = _a.installments, installmentPrice = _a.installmentPrice, _c = _a.iconFolder, iconFolder = _c === void 0 ? 'PDP' : _c, iconName = _a.iconName, _d = _a.showLogo, showLogo = _d === void 0 ? true : _d, _e = _a.iconColor, iconColor = _e === void 0 ? '#292929' : _e, fontSize = _a.fontSize;
+    var displayBNPL = _a.displayBNPL, installments = _a.installments, installmentPrice = _a.installmentPrice, _c = _a.iconFolder, iconFolder = _c === void 0 ? 'PDP' : _c, iconName = _a.iconName, _d = _a.showLogo, showLogo = _d === void 0 ? true : _d, _e = _a.iconColor, iconColor = _e === void 0 ? '#292929' : _e, fontSize = _a.fontSize, _f = _a.bnplWithAfterPay, bnplWithAfterPay = _f === void 0 ? false : _f, _g = _a.toolTipText, toolTipText = _g === void 0 ? '' : _g;
     // @ts-ignore
     var IconComponent = (_b = Icon === null || Icon === void 0 ? void 0 : Icon[iconFolder]) === null || _b === void 0 ? void 0 : _b[iconName];
     if (!IconComponent) {
         console.error('Icon', iconName, 'not found');
         return null;
     }
-    return (jsx$1(Container$19, __assign$1({ displayBNPL: displayBNPL }, { children: jsxs$1(TextContainer$1, __assign$1({ style: { fontSize: fontSize }, "data-testid": "mainText" }, { children: ["Or ".concat(installments, " payments of "), jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", style: { display: 'inline', fontSize: fontSize }, testId: "InstallmentPriceId" }, { children: installmentPrice }), void 0), showLogo ? ' with' : '', showLogo && (jsx$1(IconWrapper$1, { children: jsx$1(IconComponent, { width: 3.2, height: 2, fill: iconColor, style: { top: '-3px', position: 'relative' } }, void 0) }, void 0))] }), void 0) }), void 0));
+    return (jsx$1(Container$19, __assign$1({ displayBNPL: displayBNPL }, { children: jsxs$1(TextContainer$1, __assign$1({ style: { fontSize: fontSize, display: 'flex' }, "data-testid": "mainText" }, { children: [!bnplWithAfterPay ? "Or ".concat(installments, " payments of ") : "or 4 interest-free payments of ", jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", style: {
+                        display: 'inline',
+                        fontSize: fontSize,
+                        paddingLeft: '0.25rem',
+                        paddingRight: '0.25rem',
+                    }, testId: "InstallmentPriceId" }, { children: installmentPrice }), void 0), showLogo ? ' with' : '', showLogo && (jsxs$1(IconWrapper$1, __assign$1({ style: { display: 'flex' } }, { children: [jsx$1(IconComponent, { width: !bnplWithAfterPay ? 3.2 : 5.3, height: 2, fill: iconColor, style: { top: '-3px', position: 'relative', left: bnplWithAfterPay ? '1rem' : '0' } }, void 0), bnplWithAfterPay && (jsx$1(Tooltip, __assign$1({ position: ComponentPosition.Bottom, align: "center", backgroundColor: "#292929", content: { text: toolTipText, color: '#fff' } }, { children: jsx$1(Icon.Actions.CircleQuestion, { width: 1.38, height: 1.38, fill: iconColor, 
+                                // @ts-ignore
+                                style: { top: '-8px', position: 'relative', left: '1.5rem' } }, void 0) }), void 0))] }), void 0))] }), void 0) }), void 0));
 };
 var templateObject_1$1M, templateObject_2$1i, templateObject_3$11;