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

package/bundle/bundle.umd.js

@@ -252,6 +252,9 @@
                     mode: 'cors',
                     body: JSON.stringify(body),
                 });
+                if (!response?.ok) {
+                    return null;
+                }
                 const data = await response.json();
                 return data;
             }
@@ -1402,20 +1405,11 @@
             jsx("div", { className: "shrink-0 -mb-10", children: jsx("span", { className: "font-mohave text-title-large sm:text-title-extra gradient-color-text", children: _.bonusCount }) })) : null, _.bonusName ? (jsx("div", { className: "shrink-0 gradient-color-text", children: jsx(Text, { size: "text-h2", children: _.bonusName }) })) : null] }));
     const renderBonusImage = (_) => _.image ? jsx(Img, { className: "min-w-12 p-xs rounded-icon shrink-0", image: _.image }) : null;
 
-    /**
-     * @deprecated
-     */
-    const AlignText = {
-        left: 'text-left',
-        center: 'text-center',
-        right: 'text-right',
-    };
-
     const bonusBenefitStyles = 'items-center';
 
-    const renderBonusBenefit = ({ icon, title, description }, i) => (jsxs("div", { className: style('flex flex-col', bonusBenefitStyles, !description && !title ? 'justify-center' : ''), children: [title ? (jsx(Text, { size: "text-h6", font: "font-normal", align: AlignStyles, children: title })) : null, icon ? jsx(Img, { image: icon, height: "180", className: "w-auto" }) : null, description ? (jsx(Text, { size: "text-h6", font: "font-normal", align: AlignStyles, children: description })) : null] }, String(i)));
+    const renderBonusBenefit = (cardTextAlign) => ({ icon, title, description }, i) => (jsxs("div", { className: style('flex flex-col gap-1', bonusBenefitStyles, !description && !title ? 'justify-center' : ''), children: [title ? (jsx(Text, { size: "text-h6", font: "font-normal", align: cardTextAlign, children: title })) : null, icon ? jsx(Img, { image: icon, height: "180", className: "w-auto" }) : null, description ? (jsx(Text, { size: "text-h6", font: "font-normal", align: cardTextAlign, children: description })) : null] }, String(i)));
 
-    const renderBonusBenefits = (bonusBenefits, columnsCount, cardTextAlign) => (jsx("div", { className: `grid gap-2xs ${AlignText[cardTextAlign]} ${getElementsColsValue(columnsCount)}`, children: bonusBenefits.map(renderBonusBenefit) }));
+    const renderBonusBenefits = (bonusBenefits, columnsCount, cardTextAlign) => (jsx("div", { className: `grid gap-2xs ${getElementsColsValue(columnsCount)}`, children: bonusBenefits.map(renderBonusBenefit(cardTextAlign)) }));
     const getElementsColsValue = (colValue) => {
         switch (colValue) {
             case '3':
@@ -1429,7 +1423,7 @@
         }
     };
 
-    const BonusBenefitsBlock = JSX(({ bonusBenefits, cardTextAlign = 'center', className = '', columnsCount = '4', subtitle, title, ...rest }) => (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: subtitle, headlineVersion: "M" }), bonusBenefits?.length
+    const BonusBenefitsBlock = JSX(({ bonusBenefits, cardTextAlign = 'text-center', className = '', columnsCount = '4', subtitle, title, ...rest }) => (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: subtitle, headlineVersion: "M" }), bonusBenefits?.length
                 ? renderBonusBenefits(bonusBenefits, columnsCount, cardTextAlign)
                 : null] })));
 
@@ -4815,13 +4809,16 @@
                         } }) }), jsx(Button, { version: "link", text: text, ariaLabel: text, onClick: handleClick })] }));
     }
 
-    const ProductBlock = JSX(({ className, padding, backwardButton, ...rest }) => {
+    const ProductBlock = JSX(({ className, padding, backwardButton, showBorder, ...rest }) => {
         const router = useRouter();
         const handleClick = useCallback((ev) => {
             ev?.preventDefault();
             router.back();
         }, []);
-        return (jsxs(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), defaultPadding: "p-6xl", padding: padding, ...rest, children: [backwardButton
+        const borderStyle = showBorder
+            ? 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider'
+            : '';
+        return (jsxs(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', borderStyle, className), defaultPadding: "p-6xl", padding: padding, ...rest, children: [backwardButton
                     ? renderBackwardButton(!rest.version || rest.version === 'primary' ? 'primary' : 'white', handleClick)
                     : null, jsx(BaseProductTile, { className: "grow h-full", ...rest })] }));
     });
@@ -5664,7 +5661,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.21";
+    const packageVersion = "0.14.22";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;