@trafilea/afrodita-components 6.43.9 → 6.43.10

package/build/index.d.ts

@@ -1454,8 +1454,9 @@ interface BuyNowPayLaterProps {
     iconColor?: string;
     fontSize?: string;
     bnplWithAfterPay?: boolean;
+    textTemplate?: string;
 }
-declare const BuyNowPayLater: ({ displayBNPL, installments, installmentPrice, iconFolder, iconName, showLogo, iconColor, fontSize, bnplWithAfterPay, }: BuyNowPayLaterProps) => JSX.Element | null;
+declare const BuyNowPayLater: ({ displayBNPL, installments, installmentPrice, iconFolder, iconName, showLogo, iconColor, fontSize, bnplWithAfterPay, textTemplate, }: BuyNowPayLaterProps) => JSX.Element | null;
 
 interface CloseButtonProps {
     onClick: () => void;

package/build/index.esm.js

@@ -6530,16 +6530,24 @@ var TextContainer$1 = newStyled.div(templateObject_2$1j || (templateObject_2$1j
 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, _f = _a.bnplWithAfterPay, bnplWithAfterPay = _f === void 0 ? false : _f;
+    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, textTemplate = _a.textTemplate;
     // @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: [jsxs$1("div", { children: [!bnplWithAfterPay
-                            ? "Or ".concat(installments, " payments of ")
-                            : "or 4 interest-free payments of ", jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", style: {
+    var dynamicText = '';
+    if (textTemplate) {
+        dynamicText = "".concat(textTemplate.replace('{installments}', installments.toString()).trimEnd(), " ");
+    }
+    else if (!bnplWithAfterPay) {
+        dynamicText = "Or ".concat(installments, " payments of ");
+    }
+    else {
+        dynamicText = "or 4 interest-free payments of ";
+    }
+    return (jsx$1(Container$19, __assign$1({ displayBNPL: displayBNPL }, { children: jsxs$1(TextContainer$1, __assign$1({ style: { fontSize: fontSize }, "data-testid": "mainText" }, { children: [jsxs$1("div", { children: [dynamicText, jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", style: {
                                 display: 'inline',
                                 fontSize: fontSize,
                                 paddingLeft: '0.25rem',