@trafilea/afrodita-components 6.38.11 → 6.39.1

package/build/index.js

@@ -4604,6 +4604,8 @@ var Other = /*#__PURE__*/Object.freeze({
     TheSpaDr: TheSpaDr
 });
 
+var AfterPayLogo = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/afterpay_logo" }), void 0); };
+
 var CircleNumber = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/circle_number" }), void 0); };
 
 var Clock = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/clock" }), void 0); };
@@ -4668,6 +4670,7 @@ var Verified = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, p
 
 var PDP = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    AfterPayLogo: AfterPayLogo,
     CircleNumber: CircleNumber,
     Clock: Clock,
     Drop: Drop,
@@ -6517,14 +6520,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 (jsxRuntime.jsx(Container$19, __assign$1({ displayBNPL: displayBNPL }, { children: jsxRuntime.jsxs(TextContainer$1, __assign$1({ style: { fontSize: fontSize }, "data-testid": "mainText" }, { children: ["Or ".concat(installments, " payments of "), jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "bold", style: { display: 'inline', fontSize: fontSize }, testId: "InstallmentPriceId" }, { children: installmentPrice }), void 0), showLogo ? ' with' : '', showLogo && (jsxRuntime.jsx(IconWrapper$1, { children: jsxRuntime.jsx(IconComponent, { width: 3.2, height: 2, fill: iconColor, style: { top: '-3px', position: 'relative' } }, void 0) }, void 0))] }), void 0) }), void 0));
+    return (jsxRuntime.jsx(Container$19, __assign$1({ displayBNPL: displayBNPL }, { children: jsxRuntime.jsxs(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 ", jsxRuntime.jsx(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 && (jsxRuntime.jsxs(IconWrapper$1, __assign$1({ style: { display: 'flex' } }, { children: [jsxRuntime.jsx(IconComponent, { width: !bnplWithAfterPay ? 3.2 : 5.3, height: 2, fill: iconColor, style: { top: '-3px', position: 'relative', left: bnplWithAfterPay ? '1rem' : '0' } }, void 0), bnplWithAfterPay && (jsxRuntime.jsx(Tooltip, __assign$1({ position: exports.ComponentPosition.Bottom, align: "center", backgroundColor: "#292929", content: { text: toolTipText, color: '#fff' } }, { children: jsxRuntime.jsx(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;