@redneckz/wildless-cms-uni-blocks 0.14.44 → 0.14.46

package/mobile/lib/ui-kit/Button/LikeButton.js

@@ -2,14 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const LikeButton = JSX(({ className, onClick, ariaLabel }) => (_jsx("button", { type: "button", className: `border-0 w-9 bg-inherit cursor-pointer ${className || ''}`, onClick: onClick, "aria-label": ariaLabel, children: renderLikeIcon() })));
 const renderLikeIcon = () => {
-    const params = {
-        stroke: '#292D32',
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-        strokeWidth: '1.5',
-    };
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("path", { ...params, strokeMiterlimit: "10", 
-                /* eslint-disable max-len */
-                d: "M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77" }), _jsx("path", { ...params, d: "M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z" })] }));
+    const handPath = 'M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1' +
+        ' 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77';
+    const cuffPath = 'M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z';
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [renderLinkIconPath(handPath), renderLinkIconPath(cuffPath)] }));
 };
+const renderLinkIconPath = (d) => (_jsx("path", { stroke: "#292D32", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", strokeMiterlimit: "10", d: d }));
 //# sourceMappingURL=LikeButton.js.map

package/mobile/lib/ui-kit/Button/LikeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LikeButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/LikeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACpF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,0CAA0C,SAAS,IAAI,EAAE,EAAE,EACtE,OAAO,EAAE,OAAO,gBACJ,SAAS,YAEpB,cAAc,EAAE,GACV,CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG;QACb,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,OAAO;QACtB,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,KAAK;KACD,CAAC;IAEpB,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,kBACM,MAAM,EACV,gBAAgB,EAAC,IAAI;gBACrB,4BAA4B;gBAC5B,CAAC,EAAC,wLAAwL,GAC1L,EACF,kBACM,MAAM,EACV,CAAC,EAAC,oGAAoG,GACtG,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"LikeButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/LikeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACpF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,0CAA0C,SAAS,IAAI,EAAE,EAAE,EACtE,OAAO,EAAE,OAAO,gBACJ,SAAS,YAEpB,cAAc,EAAE,GACV,CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,QAAQ,GACZ,6GAA6G;QAC7G,6EAA6E,CAAC;IAChF,MAAM,QAAQ,GACZ,oGAAoG,CAAC;IAEvG,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACpE,kBAAkB,CAAC,QAAQ,CAAC,EAC5B,kBAAkB,CAAC,QAAQ,CAAC,IACzB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CACxC,eACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,gBAAgB,EAAC,IAAI,EACrB,CAAC,EAAE,CAAC,GACJ,CACH,CAAC"}

package/mobile/lib/ui-kit/Img/ImgAsPicture.js

@@ -11,7 +11,7 @@ export const ImgAsPicture = JSX(({ className = '', image, imageClassName = '', p
                 ? image.sources
                     .filter((_) => _?.src)
                     .sort(sourcesComparator)
-                    .map(({ src, format, media }, index) => (_jsx("source", { srcSet: adjustSrc(router, pathPrefix)(src), type: formatToMimeType(format), media: media ? `(max-width: ${media}px)` : '', ...image.size }, `${index}_${src}`)))
+                    .map(({ src, format, media }, index) => (_jsx("source", { srcSet: adjustSrc(router, pathPrefix)(src), type: formatToMimeType(format), media: media ? `(max-width: ${media}px)` : '', width: image.size?.width, height: image.size?.height }, `${index}_${src}`)))
                 : null, image?.src
                 ? renderImg({ ...image, src: adjustSrc(router, pathPrefix)(image.src) }, imageClassName)
                 : null] }));
@@ -19,7 +19,7 @@ export const ImgAsPicture = JSX(({ className = '', image, imageClassName = '', p
 const renderImg = (image, imageClassName = '') => (_jsx("img", { src: image.src, className: style('object-contain', imageClassName), alt: image.alt || image.title, title: image.title || '', style: {
         width: image.size?.width ? `${image.size?.width}px` : '100%',
         height: image.size?.height ? `${image.size?.height}px` : 'auto',
-    }, ...image.size }));
+    }, width: image.size?.width, height: image.size?.height }));
 const adjustSrc = (router, pathPrefix) => (src) => src && !isURL(src) ? adjustHref(router)(joinPath(pathPrefix, src)) : src;
 const formatToMimeType = (format) => format ? `image/${String(format)}` : undefined;
 //# sourceMappingURL=ImgAsPicture.js.map

package/mobile/lib/ui-kit/Img/ImgAsPicture.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImgAsPicture.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/ImgAsPicture.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImgAsPicture.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/ImgAsPicture.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/ui-kit/SVG.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => (_jsx("path", { d: d, fill: pathFill || 'currentColor', ...commonOptions, ...options }, i))) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
+            const resultOptions = { ...commonOptions, ...options };
+            return (_jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
+        }) }));
 });
 //# sourceMappingURL=SVG.js.map

package/mobile/lib/ui-kit/SVG.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../src/ui-kit/SVG.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAuBxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEb,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACnD,eAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,IAAI,cAAc,KAAM,aAAa,KAAM,OAAO,IAAzE,CAAC,CAA4E,CACzF,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../src/ui-kit/SVG.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAuBxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEb,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE;YAClD,MAAM,aAAa,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;YAEvD,OAAO,CACL,eAEE,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,QAAQ,IAAI,cAAc,EAChC,MAAM,EAAE,aAAa,CAAC,MAAM,EAC5B,aAAa,EAAE,aAAa,CAAC,aAAa,EAC1C,cAAc,EAAE,aAAa,CAAC,cAAc,EAC5C,WAAW,EAAE,aAAa,CAAC,WAAW,EACtC,gBAAgB,EAAE,aAAa,CAAC,gBAAgB,IAP3C,CAAC,CAQN,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -20,6 +20,6 @@ export const SwipeListControlDots = JSX(({ className = '', containerRef, activeI
             });
         }
     };
-    return dotCount ? (_jsx("div", { className: style('flex gap-xs', containerStyles[listType], version ? 'group' : '', className), ...(version ? { 'data-ver': version } : {}), children: new Array(dotCount).fill(null).map((_, idx) => (_jsx("div", { className: `${dotStyle} ${idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle}`, role: "button", "aria-hidden": true, onClick: () => handleClick(idx) }, String(idx)))) })) : null;
+    return dotCount ? (_jsx("div", { className: style('flex gap-xs', containerStyles[listType], version ? 'group' : '', className), "data-ver": version, children: new Array(dotCount).fill(null).map((_, idx) => (_jsx("div", { className: `${dotStyle} ${idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle}`, role: "button", "aria-hidden": true, onClick: () => handleClick(idx) }, String(idx)))) })) : null;
 });
 //# sourceMappingURL=SwipeListControlDots.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,qBAAqB;IACxC,eAAe,EAAE,sDAAsD;CACxE,CAAC;AAEF,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,KAAK;IACxB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,MAAM,QAAQ,GACZ,yIAAyI,CAAC;AAE5I,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAW9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,WAAW,EACX,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,iBAAiB,EAC5B,OAAO,GACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,GAAG,KAAK,WAAW,IAAI,YAAY,EAAE,OAAO,EAAE;YAChD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC;gBACjD,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,eAAe,CAAC,QAAQ,CAAC,EACzB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACtB,SAAS,CACV,KACG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAE3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,GAAG,QAAQ,IACpB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBACpD,EAAE,EACF,IAAI,EAAC,QAAQ,uBAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAN1B,MAAM,CAAC,GAAG,CAAC,CAOhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,qBAAqB;IACxC,eAAe,EAAE,sDAAsD;CACxE,CAAC;AAEF,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,KAAK;IACxB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,MAAM,QAAQ,GACZ,yIAAyI,CAAC;AAE5I,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAW9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,WAAW,EACX,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,iBAAiB,EAC5B,OAAO,GACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,GAAG,KAAK,WAAW,IAAI,YAAY,EAAE,OAAO,EAAE;YAChD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC;gBACjD,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,eAAe,CAAC,QAAQ,CAAC,EACzB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACtB,SAAS,CACV,cACS,OAAO,YAEhB,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,GAAG,QAAQ,IACpB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBACpD,EAAE,EACF,IAAI,EAAC,QAAQ,uBAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAN1B,MAAM,CAAC,GAAG,CAAC,CAOhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/src/components/CardTransfer/CardTransfer.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { useLink } from '../../hooks/useLink';
 import { type UniBlockProps } from '../../model/JSXBlock';
@@ -21,7 +22,6 @@ const FORM_URL_MAP = {
 
 const INITIAL_FORM_STATE = {
   amount: 1500,
-  _amount: 1500,
 };
 
 export interface CardTransferProps extends CardTransferContent, UniBlockProps {}
@@ -36,15 +36,19 @@ export const CardTransfer = JSX<CardTransferProps>(
     formType = 'private',
     ...rest
   }) => {
-    const [{ amount, _amount }, { field }] = useForm(INITIAL_FORM_STATE);
+    const [{ amount }, { field }] = useForm(INITIAL_FORM_STATE);
+    const [isDisabled, setDisabled] = useState(false);
 
-    const isDisabled = amount <= 0;
+    useEffect(() => {
+      setDisabled(amount <= 0);
+    }, [amount]);
 
     const buttonStyle = isDisabled
       ? getDisabledButtonClasses({ version: button?.version })
       : getRegularButtonClasses({ className: 'text-white', version: button?.version });
 
     const link = useLink();
+    const { onClick } = link(button || {});
 
     return (
       <BlockWrapper
@@ -61,19 +65,18 @@ export const CardTransfer = JSX<CardTransferProps>(
         ) : null}
         <form className="w-full xl:max-w-[468px]" method="POST" action={FORM_URL_MAP[formType]}>
           <CurrencyInput
-            name="_amount"
             valid={!isDisabled}
             placeholder={placeholder}
             label={label}
-            {...field('_amount', { parse: Number, format: String })}
+            {...field('amount', { parse: Number, format: String })}
           />
-          <input type="hidden" name="amount" value={_amount} />
+          <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
             <button
               type="submit"
               className={style('w-full p-m mt-lg', buttonStyle)}
               disabled={isDisabled}
-              {...link(button)}
+              onClick={onClick}
             >
               {button.text}
             </button>

package/mobile/src/components/CarouselLinks/CarouselLinkButton.tsx

@@ -15,9 +15,9 @@ export type CarouselLinkButtonProps = LinkProps & {
 };
 
 export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
-  ({ text, href = '', target = '', className = '' }) => {
+  ({ className = '', ...linkProps }) => {
     const link = useLink();
-    const adjustedProps = link({ href, target });
+    const { text, href, target, onClick } = link(linkProps);
 
     return text ? (
       <div
@@ -33,7 +33,9 @@ export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
               'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap z-10',
             )}
             role="link"
-            {...adjustedProps}
+            href={href}
+            target={target}
+            onClick={onClick}
           >
             <Text size="text-l" font="font-light" color="text-primary-text">
               {text}

package/mobile/src/components/Header/DropdownMenu.tsx

@@ -48,15 +48,18 @@ export const DropdownMenu = JSX<DropdownMenuProps>(({ className = '', items, act
       >
         {items?.map((item, i) => {
           const { text, ...linkProps } = item;
+          const { href, target, onClick } = link(linkProps);
 
           return (
             <a
-              key={item.href || String(i)}
+              key={href || String(i)}
               className={style(
                 'text-l font-light pb-m hover:text-primary-main',
                 item === activeItem ? 'text-primary-main' : '',
               )}
-              {...link(linkProps)}
+              href={href}
+              target={target}
+              onClick={onClick}
             >
               {text}
             </a>

package/mobile/src/components/LinkDocs/LinkDocItem.tsx

@@ -8,7 +8,7 @@ export interface LinkDocItemProps extends LinkDoc {
 }
 
 export const LinkDocItem = JSX<LinkDocItemProps>(
-  ({ icon, text, fileFormat, fileSize, ...linkProps }) => {
+  ({ icon, text, href, target, fileFormat, fileSize }) => {
     const prefix = fileFormat || fileSize ? ',' : '';
     const size = fileSize ?? '';
     const format = fileFormat ? String(fileFormat) : '';
@@ -17,15 +17,14 @@ export const LinkDocItem = JSX<LinkDocItemProps>(
       <a
         className="flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main"
         role="link"
-        {...linkProps}
+        href={href}
+        target={target}
       >
         {icon}
         {text ? (
           <Text size="text-l" font="font-light">
             {text}
-            <Text color="text-secondary-text">
-              {linkProps?.href && `${size} ${prefix} ${format}`}
-            </Text>
+            <Text color="text-secondary-text">{href && `${size} ${prefix} ${format}`}</Text>
           </Text>
         ) : null}
       </a>

package/mobile/src/ui-kit/Button/LikeButton.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type SVGPathOptions } from '../SVG';
 
 export interface LikeButtonProps {
   className?: string;
@@ -19,25 +18,27 @@ export const LikeButton = JSX<LikeButtonProps>(({ className, onClick, ariaLabel
 ));
 
 const renderLikeIcon = () => {
-  const params = {
-    stroke: '#292D32',
-    strokeLinecap: 'round',
-    strokeLinejoin: 'round',
-    strokeWidth: '1.5',
-  } as SVGPathOptions;
+  const handPath =
+    'M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1' +
+    ' 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77';
+  const cuffPath =
+    'M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z';
 
   return (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-      <path
-        {...params}
-        strokeMiterlimit="10"
-        /* eslint-disable max-len */
-        d="M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77"
-      />
-      <path
-        {...params}
-        d="M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z"
-      />
+      {renderLinkIconPath(handPath)}
+      {renderLinkIconPath(cuffPath)}
     </svg>
   );
 };
+
+const renderLinkIconPath = (d: string) => (
+  <path
+    stroke="#292D32"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth="1.5"
+    strokeMiterlimit="10"
+    d={d}
+  />
+);

package/mobile/src/ui-kit/Img/ImgAsPicture.tsx

@@ -25,7 +25,8 @@ export const ImgAsPicture = JSX<ImageProps>(
                   srcSet={adjustSrc(router, pathPrefix)(src)}
                   type={formatToMimeType(format)}
                   media={media ? `(max-width: ${media}px)` : ''}
-                  {...image.size}
+                  width={image.size?.width}
+                  height={image.size?.height}
                 />
               ))
           : null}
@@ -47,7 +48,8 @@ const renderImg = (image: Picture, imageClassName = '') => (
       width: image.size?.width ? `${image.size?.width}px` : '100%',
       height: image.size?.height ? `${image.size?.height}px` : 'auto',
     }}
-    {...image.size}
+    width={image.size?.width}
+    height={image.size?.height}
   />
 );
 

package/mobile/src/ui-kit/SVG.tsx

@@ -32,9 +32,22 @@ export const SVG = JSX<SVGProps>(
         width={width}
         height={height}
       >
-        {paths.map(({ d, fill: pathFill, ...options }, i) => (
-          <path key={i} d={d} fill={pathFill || 'currentColor'} {...commonOptions} {...options} />
-        ))}
+        {paths.map(({ d, fill: pathFill, ...options }, i) => {
+          const resultOptions = { ...commonOptions, ...options };
+
+          return (
+            <path
+              key={i}
+              d={d}
+              fill={pathFill || 'currentColor'}
+              stroke={resultOptions.stroke}
+              strokeLinecap={resultOptions.strokeLinecap}
+              strokeLinejoin={resultOptions.strokeLinejoin}
+              strokeWidth={resultOptions.strokeWidth}
+              strokeMiterlimit={resultOptions.strokeMiterlimit}
+            />
+          );
+        })}
       </svg>
     );
   },

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -53,7 +53,7 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
           version ? 'group' : '',
           className,
         )}
-        {...(version ? { 'data-ver': version } : {})}
+        data-ver={version}
       >
         {new Array(dotCount).fill(null).map((_, idx: number) => (
           <div

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.44",
+  "version": "0.14.46",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Blocks.ts

@@ -3,7 +3,6 @@ import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { Bonus } from './Bonus/Bonus';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
-import { BusinessBlock } from './BusinessBlock/BusinessBlock';
 import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
 import { Calculator } from './Calculator/Calculator';
 import { CardTransfer } from './CardTransfer/CardTransfer';
@@ -57,7 +56,6 @@ export const Blocks: BlocksRegistry = {
   BenefitsBlock,
   Bonus,
   BonusBenefitsBlock,
-  BusinessBlock,
   ButtonsBlock,
   Calculator,
   CardTransfer,

package/src/components/CardTransfer/CardTransfer.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { useLink } from '../../hooks/useLink';
 import { type UniBlockProps } from '../../model/JSXBlock';
@@ -21,7 +22,6 @@ const FORM_URL_MAP = {
 
 const INITIAL_FORM_STATE = {
   amount: 1500,
-  _amount: 1500,
 };
 
 export interface CardTransferProps extends CardTransferContent, UniBlockProps {}
@@ -36,15 +36,19 @@ export const CardTransfer = JSX<CardTransferProps>(
     formType = 'private',
     ...rest
   }) => {
-    const [{ amount, _amount }, { field }] = useForm(INITIAL_FORM_STATE);
+    const [{ amount }, { field }] = useForm(INITIAL_FORM_STATE);
+    const [isDisabled, setDisabled] = useState(false);
 
-    const isDisabled = amount <= 0;
+    useEffect(() => {
+      setDisabled(amount <= 0);
+    }, [amount]);
 
     const buttonStyle = isDisabled
       ? getDisabledButtonClasses({ version: button?.version })
       : getRegularButtonClasses({ className: 'text-white', version: button?.version });
 
     const link = useLink();
+    const { onClick } = link(button || {});
 
     return (
       <BlockWrapper
@@ -61,19 +65,18 @@ export const CardTransfer = JSX<CardTransferProps>(
         ) : null}
         <form className="w-full xl:max-w-[468px]" method="POST" action={FORM_URL_MAP[formType]}>
           <CurrencyInput
-            name="_amount"
             valid={!isDisabled}
             placeholder={placeholder}
             label={label}
-            {...field('_amount', { parse: Number, format: String })}
+            {...field('amount', { parse: Number, format: String })}
           />
-          <input type="hidden" name="amount" value={_amount} />
+          <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
             <button
               type="submit"
               className={style('w-full p-m mt-lg', buttonStyle)}
               disabled={isDisabled}
-              {...link(button)}
+              onClick={onClick}
             >
               {button.text}
             </button>

package/src/components/CarouselLinks/CarouselLinkButton.tsx

@@ -15,9 +15,9 @@ export type CarouselLinkButtonProps = LinkProps & {
 };
 
 export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
-  ({ text, href = '', target = '', className = '' }) => {
+  ({ className = '', ...linkProps }) => {
     const link = useLink();
-    const adjustedProps = link({ href, target });
+    const { text, href, target, onClick } = link(linkProps);
 
     return text ? (
       <div
@@ -33,7 +33,9 @@ export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
               'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap z-10',
             )}
             role="link"
-            {...adjustedProps}
+            href={href}
+            target={target}
+            onClick={onClick}
           >
             <Text size="text-l" font="font-light" color="text-primary-text">
               {text}

package/src/components/Header/DropdownMenu.tsx

@@ -48,15 +48,18 @@ export const DropdownMenu = JSX<DropdownMenuProps>(({ className = '', items, act
       >
         {items?.map((item, i) => {
           const { text, ...linkProps } = item;
+          const { href, target, onClick } = link(linkProps);
 
           return (
             <a
-              key={item.href || String(i)}
+              key={href || String(i)}
               className={style(
                 'text-l font-light pb-m hover:text-primary-main',
                 item === activeItem ? 'text-primary-main' : '',
               )}
-              {...link(linkProps)}
+              href={href}
+              target={target}
+              onClick={onClick}
             >
               {text}
             </a>

package/src/components/LinkDocs/LinkDocItem.tsx

@@ -8,7 +8,7 @@ export interface LinkDocItemProps extends LinkDoc {
 }
 
 export const LinkDocItem = JSX<LinkDocItemProps>(
-  ({ icon, text, fileFormat, fileSize, ...linkProps }) => {
+  ({ icon, text, href, target, fileFormat, fileSize }) => {
     const prefix = fileFormat || fileSize ? ',' : '';
     const size = fileSize ?? '';
     const format = fileFormat ? String(fileFormat) : '';
@@ -17,15 +17,14 @@ export const LinkDocItem = JSX<LinkDocItemProps>(
       <a
         className="flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main"
         role="link"
-        {...linkProps}
+        href={href}
+        target={target}
       >
         {icon}
         {text ? (
           <Text size="text-l" font="font-light">
             {text}
-            <Text color="text-secondary-text">
-              {linkProps?.href && `${size} ${prefix} ${format}`}
-            </Text>
+            <Text color="text-secondary-text">{href && `${size} ${prefix} ${format}`}</Text>
           </Text>
         ) : null}
       </a>

package/src/components/VerticalLayout/VerticalLayout.fixture.tsx

@@ -1,7 +1,11 @@
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import '../../setup-fixture';
 import { Blocks } from '../Blocks';
+import { Headline } from '../Headline/Headline';
+import { HorizontalLayout } from '../HorizontalLayout/HorizontalLayout';
 import { type LinkDocsContent } from '../LinkDocs/LinkDocsContent';
+import { ProductBlock } from '../ProductBlock/ProductBlock';
+import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
 import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
 import { RICH_TEXT_SEPARATOR } from '../RichTextBlock/RichTextBlock.fixture';
 import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture';
@@ -31,6 +35,41 @@ const carouselRecommendationCard = {
   type: 'CarouselRecommendationCard',
 };
 
+const PRODUCT_BLOCK_CONTENT: ProductBlockContent = {
+  title: 'Бизнесу и корпорациям',
+  headlineVersion: 'S',
+  padding: 'p-xl',
+  image: {
+    src: 'business-block-1.png',
+    format: 'png',
+    size: {
+      width: 319,
+    },
+    title: 'business-block-1',
+  },
+  imageOptions: {
+    directionRight: false,
+  },
+  benefits: [
+    {
+      type: 'default',
+      description: 'Поможем увеличить прибыль: запустить продажи на маркетплейсах',
+      icon: { icon: 'ShieldTickIcon' },
+    },
+    {
+      type: 'default',
+      description: 'Автоматизируем ручные операции и настроим выплаты',
+      icon: { icon: 'ShieldTickIcon' },
+    },
+    {
+      type: 'default',
+      description: 'Убережём ваш счёт от блокировок',
+      icon: { icon: 'ShieldTickIcon' },
+    },
+  ],
+  buttons: [{ text: 'Открыть счёт для бизнеса', version: 'primary' }],
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -223,4 +262,27 @@ export default {
       />
     </div>
   ),
+  business: (
+    <div className="container grid grid-cols-12">
+      <VerticalLayout
+        className="col-span-12"
+        defaultPadding="p-6xl"
+        gap="M"
+        options={options}
+        version="primary"
+        isPadding={true}
+        isInnerPadding={true}
+      >
+        <Headline
+          title="Настроим бизнес-процессы и поможем увеличить прибыль"
+          headlineVersion="M"
+          isEmbedded={true}
+        />
+        <HorizontalLayout isCardBorder={true} isPadding={false}>
+          <ProductBlock className="col-span-6" {...PRODUCT_BLOCK_CONTENT} />
+          <ProductBlock className="col-span-6" {...PRODUCT_BLOCK_CONTENT} />
+        </HorizontalLayout>
+      </VerticalLayout>
+    </div>
+  ),
 };

package/src/ui-kit/Button/LikeButton.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type SVGPathOptions } from '../SVG';
 
 export interface LikeButtonProps {
   className?: string;
@@ -19,25 +18,27 @@ export const LikeButton = JSX<LikeButtonProps>(({ className, onClick, ariaLabel
 ));
 
 const renderLikeIcon = () => {
-  const params = {
-    stroke: '#292D32',
-    strokeLinecap: 'round',
-    strokeLinejoin: 'round',
-    strokeWidth: '1.5',
-  } as SVGPathOptions;
+  const handPath =
+    'M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1' +
+    ' 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77';
+  const cuffPath =
+    'M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z';
 
   return (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-      <path
-        {...params}
-        strokeMiterlimit="10"
-        /* eslint-disable max-len */
-        d="M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77"
-      />
-      <path
-        {...params}
-        d="M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z"
-      />
+      {renderLinkIconPath(handPath)}
+      {renderLinkIconPath(cuffPath)}
     </svg>
   );
 };
+
+const renderLinkIconPath = (d: string) => (
+  <path
+    stroke="#292D32"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth="1.5"
+    strokeMiterlimit="10"
+    d={d}
+  />
+);