@trafilea/afrodita-components 6.54.7 → 6.54.9

package/build/index.d.ts

@@ -118,6 +118,7 @@ declare type Props$3 = PriceLabelProps & {
     savingsDisplay?: boolean;
     pricePerItem?: string;
     hasRoundedSavings?: boolean;
+    showDecimals?: boolean;
 };
 declare const PriceLabelV2: react__default.FC<Props$3>;
 
@@ -2810,6 +2811,7 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
         isCollections?: boolean;
     };
     likeBtn?: LikeButtonProps;
+    showDecimals?: boolean;
 }
 
 declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {

package/build/index.esm.js

@@ -3467,24 +3467,27 @@ var PriceLabel$1 = function (_a) {
 };
 var templateObject_1$2y, templateObject_2$1Q, templateObject_3$1q;
 
+var supportedCurrencies = ['AU$', 'CA$', '€', 'kr', '£', 'NZ$', 'S$'];
+
+var getCurrencySymbol = function (finalPrice) {
+    var currencySymbolFallback = '$';
+    var currencySymbol = supportedCurrencies.find(function (symbol) { return finalPrice.startsWith(symbol); });
+    return currencySymbol !== null && currencySymbol !== void 0 ? currencySymbol : currencySymbolFallback;
+};
+
 var FinalPriceStyledContainer$3 = newStyled.div(templateObject_1$2x || (templateObject_1$2x = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var PriceLabelV2$1 = 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.Small : _e, _f = _a.bordersRounded, bordersRounded = _f === void 0 ? false : _f, _g = _a.savingsDisplay, savingsDisplay = _g === void 0 ? true : _g, pricePerItem = _a.pricePerItem, _h = _a.hasRoundedSavings, hasRoundedSavings = _h === void 0 ? true : _h, rest = __rest(_a, ["finalPrice", "originalPrice", "discount", "clubOffer", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "bordersRounded", "savingsDisplay", "pricePerItem", "hasRoundedSavings"]);
+    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.Small : _e, _f = _a.bordersRounded, bordersRounded = _f === void 0 ? false : _f, _g = _a.savingsDisplay, savingsDisplay = _g === void 0 ? true : _g, pricePerItem = _a.pricePerItem, _h = _a.hasRoundedSavings, hasRoundedSavings = _h === void 0 ? true : _h, _j = _a.showDecimals, showDecimals = _j === void 0 ? true : _j, rest = __rest(_a, ["finalPrice", "originalPrice", "discount", "clubOffer", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "bordersRounded", "savingsDisplay", "pricePerItem", "hasRoundedSavings", "showDecimals"]);
     var theme = useTheme();
     var productFinalPrice = pricePerItem ? pricePerItem : finalPrice;
     var isDiffFinalAndOriginalPrice = originalPrice !== productFinalPrice;
     var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
     var isDiscount = discount && isDiffFinalAndOriginalPrice;
     var isClubOffer = clubOffer && isDiffFinalAndOriginalPrice;
-    var supportedCurrencies = ['AU$', 'CA$', '£', 'NZ$', 'S$'];
     var currencySymbol = '$';
     if (typeof productFinalPrice === 'string') {
-        supportedCurrencies.forEach(function (availableCurrency) {
-            if (productFinalPrice.includes(availableCurrency)) {
-                currencySymbol = availableCurrency;
-            }
-        });
+        currencySymbol = getCurrencySymbol(productFinalPrice);
     }
     var finalPriceArray = typeof productFinalPrice === 'string' &&
         productFinalPrice.includes('.') &&
@@ -3522,9 +3525,9 @@ var PriceLabelV2$1 = function (_a) {
             theme.colors.shades['300'].color, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId$2(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
     return (jsxs$1(Container$1w, __assign$1({}, rest, { id: "priceLabelV2" }, { children: [isOriginalPrice && jsx$1(OriginalPrice, {}, void 0), jsxs$1(FinalPriceStyledContainer$3, __assign$1({ "data-testid": getTestId$2(testId, 'final-product-price') }, { children: [jsx$1(Price$1, __assign$1({ margin: true, finalPriceStyledSmall: true }, priceCommonProps, { size: size }, { children: currencySymbol }), void 0), jsx$1(Price$1, __assign$1({ finalPriceStyled: true }, priceCommonProps, { size: size }, { children: finalPriceArray[0]
                             ? finalPriceArray[0]
-                            : (_b = "".concat(productFinalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), jsx$1(Price$1, __assign$1({ finalPriceStyledSmall: true, style: {
+                            : (_b = "".concat(productFinalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), showDecimals && (jsx$1(Price$1, __assign$1({ finalPriceStyledSmall: true, style: {
                             marginTop: '-6px',
-                        } }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0), pricePerItem && (jsx$1(Price$1, __assign$1({ size: ComponentSize.Small, color: theme.colors.pallete.secondary.color }, { children: "/each" }), void 0))] }), void 0), isDiscount && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Small }, { children: discount && (jsx$1(DiscountTag$4, __assign$1({}, discount, { size: ComponentSize.Medium, style: {
+                        } }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)), pricePerItem && (jsx$1(Price$1, __assign$1({ size: ComponentSize.Small, color: theme.colors.pallete.secondary.color }, { children: "/each" }), void 0))] }), void 0), isDiscount && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Small }, { children: discount && (jsx$1(DiscountTag$4, __assign$1({}, discount, { size: ComponentSize.Medium, style: {
                         letterSpacing: '-0.05rem',
                     }, bordersRounded: bordersRounded, 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',
@@ -3549,14 +3552,9 @@ var PriceLabelV3 = function (_a) {
     var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
     var isDiscount = discount && isDiffFinalAndOriginalPrice;
     var isClubOffer = clubOffer && isDiffFinalAndOriginalPrice;
-    var supportedCurrencies = ['AU$', 'CA$', '£', 'NZ$', 'S$'];
     var currencySymbol = '$';
     if (typeof finalPrice === 'string') {
-        supportedCurrencies.forEach(function (availableCurrency) {
-            if (finalPrice.includes(availableCurrency)) {
-                currencySymbol = availableCurrency;
-            }
-        });
+        currencySymbol = getCurrencySymbol(finalPrice);
     }
     var finalPriceArray = typeof finalPrice === 'string' &&
         finalPrice.includes('.') &&
@@ -3658,14 +3656,9 @@ var PriceLabel = function (_a) {
     var theme = useTheme();
     var isDiffFinalAndOriginalPrice = originalPrice !== finalPrice;
     var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
-    var supportedCurrencies = ['AU$', 'CA$', '£', 'NZ$', 'S$'];
     var currencySymbol = '$';
     if (typeof finalPrice === 'string') {
-        supportedCurrencies.forEach(function (availableCurrency) {
-            if (finalPrice.includes(availableCurrency)) {
-                currencySymbol = availableCurrency;
-            }
-        });
+        currencySymbol = getCurrencySymbol(finalPrice);
     }
     var finalPriceArray = typeof finalPrice === 'string' &&
         finalPrice.includes('.') &&
@@ -3694,14 +3687,9 @@ var PriceLabelV2 = function (_a) {
     var theme = useTheme();
     var isDiffFinalAndOriginalPrice = originalPrice !== finalPrice;
     var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
-    var supportedCurrencies = ['AU$', 'CA$', '£', 'NZ$', 'S$'];
     var currencySymbol = '$';
     if (typeof finalPrice === 'string') {
-        supportedCurrencies.forEach(function (availableCurrency) {
-            if (finalPrice.includes(availableCurrency)) {
-                currencySymbol = availableCurrency;
-            }
-        });
+        currencySymbol = getCurrencySymbol(finalPrice);
     }
     var finalPriceArray = typeof finalPrice === 'string' &&
         finalPrice.includes('.') &&
@@ -7258,14 +7246,9 @@ var PriceLabelV4 = function (_a) {
     var theme = useTheme();
     var isMobile = useWindowDimensions().isMobile;
     var productFinalPrice = clubPrice;
-    var supportedCurrencies = ['AU$', 'CA$', '£', 'NZ$', 'S$'];
     var currencySymbol = '$';
     if (typeof productFinalPrice === 'string') {
-        supportedCurrencies.forEach(function (availableCurrency) {
-            if (productFinalPrice.includes(availableCurrency)) {
-                currencySymbol = availableCurrency;
-            }
-        });
+        currencySymbol = getCurrencySymbol(productFinalPrice);
     }
     var finalPriceArray = typeof productFinalPrice === 'string' &&
         productFinalPrice.includes('.') &&
@@ -7448,7 +7431,7 @@ var ProductItemMobile = function (_a) {
     } : _s, _t = _a.hasStrength, hasStrength = _t === void 0 ? {
         strength: -1,
         description: '',
-    } : _t, _u = _a.clubPrice, clubPrice = _u === void 0 ? '' : _u, _v = _a.showClubPriceLabel, showClubPriceLabel = _v === void 0 ? false : _v, isRatingLoading = _a.isRatingLoading, _w = _a.version, version = _w === void 0 ? 1 : _w, _x = _a.showDiscountPercentageTag, showDiscountPercentageTag = _x === void 0 ? false : _x, discountTagLoading = _a.discountTagLoading, discountTag = _a.discountTag, _y = _a.isOnViewport, isOnViewport = _y === void 0 ? false : _y, _z = _a.hasDefaultSize, hasDefaultSize = _z === void 0 ? false : _z, clubOffer = _a.clubOffer, likeBtn = _a.likeBtn, onClickBottomButton = _a.onClickBottomButton;
+    } : _t, _u = _a.clubPrice, clubPrice = _u === void 0 ? '' : _u, _v = _a.showClubPriceLabel, showClubPriceLabel = _v === void 0 ? false : _v, isRatingLoading = _a.isRatingLoading, _w = _a.version, version = _w === void 0 ? 1 : _w, _x = _a.showDiscountPercentageTag, showDiscountPercentageTag = _x === void 0 ? false : _x, discountTagLoading = _a.discountTagLoading, discountTag = _a.discountTag, _y = _a.isOnViewport, isOnViewport = _y === void 0 ? false : _y, _z = _a.hasDefaultSize, hasDefaultSize = _z === void 0 ? false : _z, clubOffer = _a.clubOffer, likeBtn = _a.likeBtn, onClickBottomButton = _a.onClickBottomButton, _0 = _a.showDecimals, showDecimals = _0 === void 0 ? true : _0;
     var theme = useTheme();
     var styles = getStylesBySize$b(size);
     var isMobile = useWindowDimensions().isMobile;
@@ -7493,7 +7476,7 @@ var ProductItemMobile = function (_a) {
             case 5:
                 return (jsx(ClubOfferPriceLabelWrapper, __assign$1({ style: clubOffer === null || clubOffer === void 0 ? void 0 : clubOffer.wrapperStyle }, { children: jsx(ClubPriceMemberLabel, { isClub: true, isPDP: true, finalPrice: (_e = clubOffer === null || clubOffer === void 0 ? void 0 : clubOffer.price) === null || _e === void 0 ? void 0 : _e.finalPrice, originalPrice: (_f = clubOffer === null || clubOffer === void 0 ? void 0 : clubOffer.price) === null || _f === void 0 ? void 0 : _f.originalPrice, finalPriceStyled: false, color: price.color, size: ComponentSize.Medium, testId: "volume-discount-v4", clubStyle: showClubPriceLabel, icon: clubOffer === null || clubOffer === void 0 ? void 0 : clubOffer.clubOfferIcon, isCollections: clubOffer === null || clubOffer === void 0 ? void 0 : clubOffer.isCollections }, void 0) }), void 0));
             default:
-                return priceDisplayType === 'styled' ? (jsx(PriceLabelV2$1, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, finalPriceStyled: false, color: price.color, size: ComponentSize.Large, testId: "volume-discount" }, void 0)) : (jsx(PriceLabel$1, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, finalPriceStyled: false, color: price.color, size: ComponentSize.Medium, testId: "volume-discount", clubStyle: showClubPriceLabel, finalPriceStyle: showClubPriceLabel
+                return priceDisplayType === 'styled' ? (jsx(PriceLabelV2$1, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, finalPriceStyled: false, color: price.color, size: ComponentSize.Large, testId: "volume-discount", showDecimals: showDecimals }, void 0)) : (jsx(PriceLabel$1, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, finalPriceStyled: false, color: price.color, size: ComponentSize.Medium, testId: "volume-discount", clubStyle: showClubPriceLabel, finalPriceStyle: showClubPriceLabel
                         ? !isMobile
                             ? { fontSize: '16px', fontWeight: 700 }
                             : { fontSize: '12px', fontWeight: 700 }
@@ -7507,8 +7490,8 @@ var ProductItemMobile = function (_a) {
             return jsx(Fragment, {}, void 0);
         return (jsx(Rating, { size: size === ComponentSize.Large ? ComponentSize.Small : ComponentSize.XSmall, rating: rating.rating, reviews: rating.reviews, reviewsText: "", wrapWithParenthesis: true }, void 0));
     };
-    var _0 = useState((_b = likeBtn === null || likeBtn === void 0 ? void 0 : likeBtn.isLiked) !== null && _b !== void 0 ? _b : false), isLiked = _0[0], setIsLiked = _0[1];
-    var _1 = useState((_c = likeBtn === null || likeBtn === void 0 ? void 0 : likeBtn.likes) !== null && _c !== void 0 ? _c : 0), likesCount = _1[0], setLikesCount = _1[1];
+    var _1 = useState((_b = likeBtn === null || likeBtn === void 0 ? void 0 : likeBtn.isLiked) !== null && _b !== void 0 ? _b : false), isLiked = _1[0], setIsLiked = _1[1];
+    var _2 = useState((_c = likeBtn === null || likeBtn === void 0 ? void 0 : likeBtn.likes) !== null && _c !== void 0 ? _c : 0), likesCount = _2[0], setLikesCount = _2[1];
     var handleLikeClick = function (e) {
         e.stopPropagation();
         if (isLiked) {