@trafilea/afrodita-components 6.5.0 → 6.5.2

package/build/index.d.ts

@@ -2045,6 +2045,8 @@ interface PriceLabelProps {
     testId?: string;
     clubStyle?: boolean;
     bordersRounded?: boolean;
+    hasPricePerItem?: boolean;
+    quantity?: number;
 }
 declare const PriceLabel: React__default.FC<PriceLabelProps>;
 

package/build/index.esm.js

@@ -5454,7 +5454,7 @@ var templateObject_1$1A, templateObject_2$10, templateObject_3$Q;
 var FinalPriceStyledContainer$1 = newStyled.div(templateObject_1$1z || (templateObject_1$1z = __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.Small : _e, _f = _a.bordersRounded, bordersRounded = _f === void 0 ? false : _f, _g = _a.savingsDisplay, savingsDisplay = _g === void 0 ? true : _g, rest = __rest(_a, ["finalPrice", "originalPrice", "discount", "clubOffer", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "bordersRounded", "savingsDisplay"]);
+    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, hasPricePerItem = _a.hasPricePerItem, _h = _a.quantity, quantity = _h === void 0 ? 0 : _h, rest = __rest(_a, ["finalPrice", "originalPrice", "discount", "clubOffer", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "bordersRounded", "savingsDisplay", "hasPricePerItem", "quantity"]);
     var theme = useTheme();
     var isDiffFinalAndOriginalPrice = originalPrice !== finalPrice;
     var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
@@ -5469,10 +5469,16 @@ var PriceLabelV2 = function (_a) {
             }
         });
     }
-    var finalPriceArray = typeof finalPrice === 'string' &&
-        finalPrice.includes('.') &&
-        finalPrice.includes(currencySymbol)
-        ? finalPrice.split(currencySymbol)[1].split('.')
+    var priceSymbolRemoved = typeof finalPrice === 'string' && finalPrice.includes(currencySymbol)
+        ? finalPrice.split(currencySymbol)[1]
+        : finalPrice;
+    var finalPricePerQuantity = hasPricePerItem
+        ? "".concat(currencySymbol).concat((Number(priceSymbolRemoved) / quantity).toFixed(2))
+        : finalPrice;
+    var finalPriceArray = typeof finalPricePerQuantity === 'string' &&
+        finalPricePerQuantity.includes('.') &&
+        finalPricePerQuantity.includes(currencySymbol)
+        ? finalPricePerQuantity.split(currencySymbol)[1].split('.')
         : ['', ''];
     var priceCommonProps = {
         size: ComponentSize.Small,
@@ -5505,7 +5511,7 @@ var PriceLabelV2 = function (_a) {
                             marginTop: '-5px',
                         } }, priceCommonProps, { size: size }, { children: currencySymbol }), void 0), jsx$1(Price, __assign$1({ finalPriceStyled: true }, priceCommonProps, { size: size }, { 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: {
                             marginTop: '-6px',
-                        } }, priceCommonProps, { size: size }, { 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: {
+                        } }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0), hasPricePerItem && (jsx$1(Price, __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, __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',