@trafilea/afrodita-components 6.38.1 → 6.38.4

package/build/index.js

@@ -5405,6 +5405,12 @@ var sizeOptions = [
         value: '4XL',
         disabled: false,
     },
+    {
+        key: '4XL / 10XXL',
+        label: '4XL / 10XXL',
+        value: '4XL / 10XXL',
+        disabled: false,
+    },
 ];
 
 var ErrorText = newStyled.h3(templateObject_1$20 || (templateObject_1$20 = __makeTemplateObject(["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"], ["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"])), function (props) { return props.color; });
@@ -21862,7 +21868,7 @@ var SubscriptionPlanSelector = function (_a) {
                         }, useV2Style: true, checked: !radiosStatuses.oneTime.disabled && radiosStatuses.oneTime.checked, disabled: radiosStatuses.oneTime.disabled }, void 0), jsxRuntime.jsx(StyledPrice, { testId: "single-purchase", finalPrice: "$".concat(decimalFormat(Number(discountedPrice))), disabled: radiosStatuses.oneTime.disabled, highlighted: !radiosStatuses.oneTime.disabled && radiosStatuses.oneTime.highlighted, size: exports.ComponentSize.Large, originalPrice: "$".concat(decimalFormat(Number(listPrice))) }, void 0)] }), void 0)] }), void 0));
 };
 
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 20px;\n  border: 1px;\n  padding: 12px;\n  border-radius: 8px;\n  gap: 14px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 20px;\n  border: 1px;\n  padding: 12px;\n  border-radius: 8px;\n  gap: 14px;\n"])));
+var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #e5e5e5;\n  border-radius: 8px;\n  gap: 14px;\n  margin: auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #e5e5e5;\n  border-radius: 8px;\n  gap: 14px;\n  margin: auto;\n"])));
 var Body = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  width: 100%;\n  height: ", ";\n"], ["\n  display: flex;\n  gap: 8px;\n  width: 100%;\n  height: ", ";\n"])), function (_a) {
     var height = _a.height;
     return height;
@@ -21900,28 +21906,33 @@ var Title = function (_a) {
 };
 
 var OfferAtCart = function (_a) {
-    var className = _a.className, title = _a.title, _b = _a.image, src = _b.src, alt = _b.alt, benefits = _a.benefits, _c = _a.ctaText, ctaText = _c === void 0 ? 'Yes, I want this offer' : _c, sizeOptions = _a.sizeOptions, rating = _a.rating, onAddToCart = _a.onAddToCart;
+    var className = _a.className, _b = _a.title, titleContent = _b.content, bold = _b.bold, _c = _a.image, src = _c.src, alt = _c.alt, benefits = _a.benefits, _d = _a.ctaText, ctaText = _d === void 0 ? 'Yes, I want this offer' : _d, sizeOptions = _a.sizeOptions, rating = _a.rating, onAddToCart = _a.onAddToCart;
     var theme = useTheme();
     var isMobile = useDeviceType() === 'mobile';
-    var _d = React$2.useState(), selectedSize = _d[0], setSelectedSize = _d[1];
-    var _e = React$2.useState(false), showErrorMessage = _e[0], setShowErrorMessage = _e[1];
+    var _e = React$2.useState(), selectedSize = _e[0], setSelectedSize = _e[1];
+    var _f = React$2.useState(false), showErrorMessage = _f[0], setShowErrorMessage = _f[1];
     var rawBenefitStyles = {
         fontSize: isMobile ? '12px' : '14px',
         lineHeight: isMobile ? '16px' : '22px',
         display: 'inline-block',
         margin: 0,
     };
-    var TitleSection = isDangerouslySetInnerHTML(title) ? (jsxRuntime.jsx(Title, { dangerouslySetInnerHTML: title }, void 0)) : (jsxRuntime.jsx(Title, { content: title }, void 0));
-    var renderBenefit = function (text) {
-        if (React$2.isValidElement(text)) {
-            return text;
+    var getTitleProps = function () {
+        if (typeof titleContent === 'string') {
+            return { content: titleContent, bold: bold };
         }
-        else if (typeof text === 'string') {
-            return jsxRuntime.jsx("span", { style: rawBenefitStyles, dangerouslySetInnerHTML: { __html: text } }, void 0);
+        else if (isDangerouslySetInnerHTML(titleContent)) {
+            return { dangerouslySetInnerHTML: titleContent };
         }
         else {
-            return null;
+            return { content: titleContent };
+        }
+    };
+    var renderBenefit = function (text) {
+        if (typeof text === 'string') {
+            return jsxRuntime.jsx("span", { style: rawBenefitStyles, dangerouslySetInnerHTML: { __html: text } }, void 0);
         }
+        return text;
     };
     var BenefitsSection = (jsxRuntime.jsx(Benefits, __assign$1({ height: isMobile ? '100%' : '65%' }, { children: benefits.map(function (_a) {
             var icon = _a.icon, text = _a.text;
@@ -21939,7 +21950,7 @@ var OfferAtCart = function (_a) {
                         setShowErrorMessage(true);
                     }
                 } }, void 0)] }, void 0));
-    return (jsxRuntime.jsxs(Container, __assign$1({ className: className }, { children: [TitleSection, jsxRuntime.jsxs(Body, __assign$1({ height: isMobile ? '120px' : '162px' }, { children: [jsxRuntime.jsxs(ImageWrapper, __assign$1({ width: isMobile ? '130px' : '122px' }, { children: [rating && (jsxRuntime.jsxs(RatingWrapper, { children: [jsxRuntime.jsx(Rating, { rating: rating, size: isMobile ? exports.ComponentSize.XXSmall : exports.ComponentSize.XSmall }, void 0), jsxRuntime.jsxs(RatingText, __assign$1({ fontSize: isMobile ? '9px' : '13px' }, { children: [rating, "/5"] }), void 0)] }, void 0)), jsxRuntime.jsx(Image$3, { src: src, alt: alt, width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }, void 0)] }), void 0), jsxRuntime.jsxs(RightContent, { children: [BenefitsSection, !isMobile && ActionsSection, showErrorMessage && (jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "demi", size: "small", color: theme.colors.semantic.urgent.color }, { children: "Please select a size First" }), void 0))] }, void 0)] }), void 0), isMobile && ActionsSection] }), void 0));
+    return (jsxRuntime.jsxs(Container, __assign$1({ className: className }, { children: [jsxRuntime.jsx(Title, __assign$1({}, getTitleProps()), void 0), jsxRuntime.jsxs(Body, __assign$1({ height: isMobile ? '120px' : '162px' }, { children: [jsxRuntime.jsxs(ImageWrapper, __assign$1({ width: isMobile ? '130px' : '122px' }, { children: [rating && (jsxRuntime.jsxs(RatingWrapper, { children: [jsxRuntime.jsx(Rating, { rating: rating, size: isMobile ? exports.ComponentSize.XXSmall : exports.ComponentSize.XSmall }, void 0), jsxRuntime.jsxs(RatingText, __assign$1({ fontSize: isMobile ? '9px' : '13px' }, { children: [rating, "/5"] }), void 0)] }, void 0)), jsxRuntime.jsx(Image$3, { src: src, alt: alt, width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }, void 0)] }), void 0), jsxRuntime.jsxs(RightContent, { children: [BenefitsSection, !isMobile && ActionsSection, showErrorMessage && (jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "demi", size: "small", color: theme.colors.semantic.urgent.color }, { children: "Please select a size First" }), void 0))] }, void 0)] }), void 0), isMobile && ActionsSection] }), void 0));
 };
 
 exports.AbsorbencyLevel = AbsorbencyLevel;