@trafilea/afrodita-components 5.0.0-beta.301 → 5.0.0-beta.303

package/build/index.d.ts

@@ -1154,6 +1154,8 @@ declare const TextButton: ({ text, LeadingIcon, TrailingIcon, iconColor, disable
 interface DiscountTagProps {
     discount: number;
     offText: string;
+    savings?: string;
+    showSavings?: boolean;
     disabled?: boolean;
     backgroundColor?: string;
     borderColor?: string;
@@ -1161,7 +1163,7 @@ interface DiscountTagProps {
     size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
     style?: React.CSSProperties;
 }
-declare const DiscountTag: ({ discount, offText, disabled, backgroundColor, borderColor, textColor, size, style, }: DiscountTagProps) => JSX.Element;
+declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, }: DiscountTagProps) => JSX.Element;
 
 interface ClubOfferTagProps {
     clubOfferText?: string;
@@ -1191,7 +1193,9 @@ interface PriceLabelProps {
 }
 declare const PriceLabel: ({ finalPrice, originalPrice, discount, color, testId, finalPriceStyled, finalPriceStyle, originalPriceStyled, originalPriceUnderlined, size, clubStyle, }: PriceLabelProps) => JSX.Element;
 
-declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, clubOffer, color, testId, originalPriceStyled, originalPriceUnderlined, size, }: PriceLabelProps) => JSX.Element;
+declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, clubOffer, color, testId, originalPriceStyled, originalPriceUnderlined, size, savingsDisplay, }: PriceLabelProps & {
+    savingsDisplay?: boolean | undefined;
+}) => JSX.Element;
 
 interface ColorPickerProps {
     options: ColorPickerOption[];

package/build/index.esm.js

@@ -5240,9 +5240,9 @@ var H3$3 = newStyled.h3(templateObject_2$$ || (templateObject_2$$ = __makeTempla
     return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
 });
 var DiscountTag = function (_a) {
-    var discount = _a.discount, offText = _a.offText, disabled = _a.disabled, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#fff' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? 'transparent' : _c, _d = _a.textColor, textColor = _d === void 0 ? '#fff' : _d, _e = _a.size, size = _e === void 0 ? ComponentSize.Medium : _e, style = _a.style;
+    var discount = _a.discount, offText = _a.offText, savings = _a.savings, _b = _a.showSavings, showSavings = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#fff' : _c, _d = _a.borderColor, borderColor = _d === void 0 ? 'transparent' : _d, _e = _a.textColor, textColor = _e === void 0 ? '#fff' : _e, _f = _a.size, size = _f === void 0 ? ComponentSize.Medium : _f, style = _a.style;
     var theme = useTheme();
-    return (jsx$1(Container$11, __assign$1({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "discount-container", style: style }, { children: jsxs$1(H3$3, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: [discount, "% ", offText] }), void 0) }), void 0));
+    return (jsx$1(Container$11, __assign$1({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "discount-container", style: style }, { children: jsxs$1(H3$3, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: [discount, "% ", offText, " ", showSavings && savings && "- ".concat(savings)] }), void 0) }), void 0));
 };
 var templateObject_1$1u, templateObject_2$$;
 
@@ -5435,7 +5435,7 @@ var templateObject_1$1s, templateObject_2$Z;
 var FinalPriceStyledContainer = newStyled.div(templateObject_1$1r || (templateObject_1$1r = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var PriceLabelV2 = function (_a) {
     var _b;
-    var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, discount = _a.discount, clubOffer = _a.clubOffer, color = _a.color, testId = _a.testId, _c = _a.originalPriceStyled, originalPriceStyled = _c === void 0 ? false : _c, _d = _a.originalPriceUnderlined, originalPriceUnderlined = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? ComponentSize.Medium : _e;
+    var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, discount = _a.discount, clubOffer = _a.clubOffer, color = _a.color, testId = _a.testId, _c = _a.originalPriceStyled, originalPriceStyled = _c === void 0 ? false : _c, _d = _a.originalPriceUnderlined, originalPriceUnderlined = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? ComponentSize.Medium : _e, _f = _a.savingsDisplay, savingsDisplay = _f === void 0 ? true : _f;
     var theme = useTheme();
     var isDiffFinalAndOriginalPrice = originalPrice !== finalPrice;
     var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
@@ -5462,8 +5462,26 @@ var PriceLabelV2 = function (_a) {
             : color || theme.colors.pallete.secondary.color,
         weight: 700,
     };
+    var originalPriceNum, finalPriceNum;
+    if (typeof originalPrice === 'string' && typeof finalPrice === 'string') {
+        originalPriceNum = Number(originalPrice.replace(currencySymbol, ''));
+        finalPriceNum = Number(finalPrice.replace(currencySymbol, ''));
+    }
+    else {
+        originalPriceNum = typeof originalPrice === 'number' ? originalPrice : 0;
+        finalPriceNum = typeof finalPrice === 'number' ? finalPrice : 0;
+    }
+    var saveto = originalPriceNum - finalPriceNum;
+    var decimalPart = Number((saveto - Math.floor(saveto)).toFixed(2));
+    if (decimalPart >= 0.01 && decimalPart < 0.5) {
+        saveto = Math.floor(saveto) + 0.0;
+    }
+    else if (decimalPart >= 0.51 && decimalPart < 1.0) {
+        saveto = Math.floor(saveto) + 0.5;
+    }
+    var savetoString = saveto.toFixed(2);
     var OriginalPrice = function () { return (jsx$1(Price, __assign$1({ size: originalPriceStyled ? size : ComponentSize.Small, color: theme.colors.shades['300'].color, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
-    return (jsxs$1(Container$10, { children: [isOriginalPrice && jsx$1(OriginalPrice, {}, void 0), jsxs$1(FinalPriceStyledContainer, __assign$1({ "data-testid": getTestId(testId, 'final-product-price') }, { children: [jsx$1(Price, __assign$1({ margin: true, finalPriceStyledSmall: true, style: { fontSize: '14px', marginTop: '-5px' } }, priceCommonProps, { children: currencySymbol }), void 0), jsx$1(Price, __assign$1({ finalPriceStyled: true }, priceCommonProps, { children: finalPriceArray[0] ? finalPriceArray[0] : (_b = "".concat(finalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), jsx$1(Price, __assign$1({ finalPriceStyledSmall: true, style: { fontSize: '14px', marginTop: '-6px' } }, priceCommonProps, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)] }), void 0), isDiscount && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Small }, { children: discount && (jsx$1(DiscountTag, __assign$1({}, discount, { size: ComponentSize.Medium, style: { fontSize: '14px', letterSpacing: '-0.05rem' } }), void 0)) }), void 0)), isClubOffer && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Medium }, { children: clubOffer && (jsx$1(ClubOfferTag, __assign$1({}, clubOffer, { size: ComponentSize.Small, style: {
+    return (jsxs$1(Container$10, { children: [isOriginalPrice && jsx$1(OriginalPrice, {}, void 0), jsxs$1(FinalPriceStyledContainer, __assign$1({ "data-testid": getTestId(testId, 'final-product-price') }, { children: [jsx$1(Price, __assign$1({ margin: true, finalPriceStyledSmall: true, style: { fontSize: '14px', marginTop: '-5px' } }, priceCommonProps, { children: currencySymbol }), void 0), jsx$1(Price, __assign$1({ finalPriceStyled: true }, priceCommonProps, { children: finalPriceArray[0] ? finalPriceArray[0] : (_b = "".concat(finalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), jsx$1(Price, __assign$1({ finalPriceStyledSmall: true, style: { fontSize: '14px', marginTop: '-6px' } }, priceCommonProps, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)] }), void 0), isDiscount && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Small }, { children: discount && (jsx$1(DiscountTag, __assign$1({}, discount, { size: ComponentSize.Medium, style: { fontSize: '14px', letterSpacing: '-0.05rem' }, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)), isClubOffer && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Medium }, { children: clubOffer && (jsx$1(ClubOfferTag, __assign$1({}, clubOffer, { size: ComponentSize.Small, style: {
                         borderRadius: '8px',
                         width: '107px',
                         height: '28px',
@@ -14028,8 +14046,8 @@ function usePreventVerticalScroll(ref, dragThreshold) {
         if (Math.abs(clientX.current) > dragThreshold) {
             if (e.cancelable) {
                 e.preventDefault();
+                e.returnValue = false;
             }
-            e.returnValue = false;
             return false;
         }
         return true;