@redneckz/wildless-cms-uni-blocks 0.14.20 → 0.14.21

package/mobile/bundle/bundle.umd.js

@@ -2772,20 +2772,21 @@
 
     const findIconByHref = (href) => ICONS_MAP.find(({ origins }) => origins?.some((_) => href?.includes(_))) || {};
 
-    const SocialMedia = JSX(({ className = '', media, showButtonText, stretched, children }) => {
+    const SocialMedia = JSX(({ className = '', media, showButtonText, stretched, version = 'white', children }) => {
         const [hasText, setHasText] = useState();
         const buttons = media?.map((_) => {
             const { href, icon, text } = _;
             const { iconMapped } = findIconByHref(href);
             const iconCustom = getFilteredIcon(icon) ?? iconMapped;
-            const buttonText = showButtonText ? { text } : {};
+            const buttonText = showButtonText ? { text } : { text: '' };
             if (!hasText && text) {
                 setHasText(true);
             }
             return {
+                ..._,
                 ...buttonText,
                 icon: { ...iconCustom, iconVersion: 'color' },
-                version: 'white',
+                version,
             };
         });
         const buttonClassName = style('border border-solid hover:border-transparent group-data-primary:border-main-divider border-main-divider group-data-gray:border-green group/media', showButtonText && hasText ? '' : ' basis-auto', stretched ? 'flex-1 justify-center' : '');
@@ -2800,7 +2801,7 @@
 
     //TODO: replace SocialMedia with renderButtonSection
     const CarouselRecommendationCard = JSX(({ className, padding, description, href, icon, items = [], listItemSize = 'S', socialMedia = [], target, title, align = 'text-left', isImageAlwaysOnRight = ImageAlwaysOnRight, ...rest }) => {
-        return (jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: jsx(BaseTile, { className: "h-full", defaultPadding: "p-m", padding: padding, insetTitle: title ? (jsx(Headline, { title: title, description: description, headlineVersion: "S", isEmbedded: true, align: align })) : null, rightImage: icon?.icon || icon?.src ? jsx(Img, { image: icon }) : null, buttons: socialMedia.length ? jsx(SocialMedia, { media: socialMedia, showButtonText: true }) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, children: items.length ? jsx(List, { items: items, listItemSize: listItemSize }) : null }) }) }));
+        return (jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: jsx(BaseTile, { className: "h-full", defaultPadding: "p-m", padding: padding, insetTitle: title ? (jsx(Headline, { title: title, description: description, headlineVersion: "S", isEmbedded: true, align: align })) : null, rightImage: icon?.icon || icon?.src ? jsx(Img, { image: icon }) : null, buttons: socialMedia.length ? (jsx(SocialMedia, { media: socialMedia, showButtonText: true, version: rest.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, children: items.length ? jsx(List, { items: items, listItemSize: listItemSize }) : null }) }) }));
     });
 
     const renderCardInfo = (cell, i) => {
@@ -4937,7 +4938,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.20";
+    const packageVersion = "0.14.21";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;