@redneckz/wildless-cms-uni-blocks 0.4.4 → 0.4.6

package/bundle/bundle.umd.js

@@ -297,7 +297,7 @@
     var IconMap;
     (function (IconMap) {
         IconMap["ActualBalanceIcon"] = "ActualBalanceIcon";
-        IconMap["AirPlane"] = "AirPlane";
+        IconMap["AirPlaneIcon"] = "AirPlaneIcon";
         IconMap["AppleIcon"] = "AppleIcon";
         IconMap["ArrowDownIcon"] = "ArrowDownIcon";
         IconMap["ArrowLeftIcon"] = "ArrowLeftIcon";
@@ -321,7 +321,7 @@
         IconMap["ComfortableCompIcon"] = "ComfortableCompIcon";
         IconMap["CreditCardsIcon"] = "CreditCardsIcon";
         IconMap["DiscountShapeIcon"] = "DiscountShapeIcon";
-        IconMap["DocDownload"] = "DocDownload";
+        IconMap["DocDownloadIcon"] = "DocDownloadIcon";
         IconMap["DocIcon"] = "DocIcon";
         IconMap["DocIconMonoColor"] = "DocIconMonoColor";
         IconMap["DocsIcon"] = "DocsIcon";
@@ -340,7 +340,7 @@
         IconMap["InterestGrowthIcon"] = "InterestGrowthIcon";
         IconMap["InterestIcon"] = "InterestIcon";
         IconMap["JCBIcon"] = "JCBIcon";
-        IconMap["Logo"] = "Logo";
+        IconMap["LogoIcon"] = "LogoIcon";
         IconMap["LoupeIcon"] = "LoupeIcon";
         IconMap["MasterCardIcon"] = "MasterCardIcon";
         IconMap["MinusIcon"] = "MinusIcon";
@@ -351,7 +351,7 @@
         IconMap["NewDocIcon"] = "NewDocIcon";
         IconMap["OfficeIcon"] = "OfficeIcon";
         IconMap["OkIcon"] = "OkIcon";
-        IconMap["PackA4"] = "PackA4";
+        IconMap["PackA4Icon"] = "PackA4Icon";
         IconMap["PassSendIcon"] = "PassSendIcon";
         IconMap["PercentageRoundIcon"] = "PercentageRoundIcon";
         IconMap["PercentageSquareIcon"] = "PercentageSquareIcon";
@@ -378,12 +378,12 @@
         IconMap["WalletAddIcon"] = "WalletAddIcon";
         IconMap["WalletIcon"] = "WalletIcon";
         IconMap["WalletWithMoneyIcon"] = "WalletWithMoneyIcon";
-        IconMap["WateringCan"] = "WateringCan";
+        IconMap["WateringCanIcon"] = "WateringCanIcon";
     })(IconMap || (IconMap = {}));
     var IconTitleMap;
     (function (IconTitleMap) {
         IconTitleMap["ActualBalanceIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
-        IconTitleMap["AirPlane"] = "\u0421\u0430\u043C\u043E\u043B\u0435\u0442";
+        IconTitleMap["AirPlaneIcon"] = "\u0421\u0430\u043C\u043E\u043B\u0435\u0442";
         IconTitleMap["AppleIcon"] = "\u041B\u043E\u0433\u043E \u00ABApple\u00BB";
         IconTitleMap["ArrowDownIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043D\u0438\u0437'";
         IconTitleMap["ArrowLeftIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430";
@@ -407,7 +407,7 @@
         IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
         IconTitleMap["CreditCardsIcon"] = "\u041A\u0440\u0435\u0434\u0438\u0442\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B";
         IconTitleMap["DiscountShapeIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
-        IconTitleMap["DocDownload"] = "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
+        IconTitleMap["DocDownloadIcon"] = "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
         IconTitleMap["DocIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
         IconTitleMap["DocIconMonoColor"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 (\u043E\u0434\u043D\u043E\u0446\u0432\u0435\u0442\u043D\u044B\u0439)";
         IconTitleMap["DocsIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
@@ -426,7 +426,7 @@
         IconTitleMap["InterestGrowthIcon"] = "\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u043E\u0441\u0442\u0430";
         IconTitleMap["InterestIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
         IconTitleMap["JCBIcon"] = "JCB";
-        IconTitleMap["Logo"] = "Logo";
+        IconTitleMap["LogoIcon"] = "Logo";
         IconTitleMap["LoupeIcon"] = "\u041B\u0443\u043F\u0430";
         IconTitleMap["MasterCardIcon"] = "MasterCard";
         IconTitleMap["MinusIcon"] = "\u041C\u0438\u043D\u0443\u0441";
@@ -437,7 +437,7 @@
         IconTitleMap["NewDocIcon"] = "\u041D\u043E\u0432\u044B\u0439 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
         IconTitleMap["OfficeIcon"] = "\u041E\u0444\u0438\u0441";
         IconTitleMap["OkIcon"] = "\u041B\u043E\u0433\u043E \u00AB\u041E\u0434\u043D\u043E\u043A\u043B\u0430\u0441\u0441\u043D\u0438\u043A\u0438\u00BB";
-        IconTitleMap["PackA4"] = "PackA4";
+        IconTitleMap["PackA4Icon"] = "PackA4Icon";
         IconTitleMap["PassSendIcon"] = "\u0411\u0438\u0437\u043D\u0435\u0441";
         IconTitleMap["PercentageRoundIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B (\u043A\u0440\u0443\u0433.)";
         IconTitleMap["PercentageSquareIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B";
@@ -464,7 +464,7 @@
         IconTitleMap["WalletAddIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u043F\u043B\u044E\u0441\u043E\u043C";
         IconTitleMap["WalletIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A";
         IconTitleMap["WalletWithMoneyIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0434\u0435\u043D\u044C\u0433\u0430\u043C\u0438";
-        IconTitleMap["WateringCan"] = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u0434\u0443\u043A\u0442";
+        IconTitleMap["WateringCanIcon"] = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u0434\u0443\u043A\u0442";
     })(IconTitleMap || (IconTitleMap = {}));
 
     const svgUseStyleMap = {
@@ -498,14 +498,18 @@
         return (jsxs("picture", { className: `${pictureStyles} ${className}`, children: [image?.sources?.length
                     ? image.sources
                         .sort(sourcesComparator)
-                        .map(({ src, format, media, size }, index) => (jsx("source", { srcSet: src, type: formatToMimeType(format), media: media ? `(max-width: ${media}px)` : '', ...size }, `${index}_${src}`)))
+                        .map(({ src, format, media }, index) => (jsx("source", { srcSet: src, type: formatToMimeType(format), media: media ? `(max-width: ${media}px)` : '', ...image.size }, `${index}_${src}`)))
                     : null, renderImg(image, imageClassName, isMobile)] }));
     });
     const renderImg = (image, imageClassName = '', isMobile = false) => {
+        const style = {
+            width: image.size?.width ? `${image.size?.width}px` : '100%',
+            height: image.size?.height ? `${image.size?.height}px` : '100%',
+        };
         const title = image.title || '';
         const alt = image.alt || image.title;
         const imgStyle = isMobile ? 'm-auto' : 'm-0';
-        return (jsx("img", { src: image.src, className: `${imgStyle} ${imageClassName}`, alt: alt, title: title, ...image.size }));
+        return (jsx("img", { src: image.src, className: `${imgStyle} ${imageClassName}`, alt: alt, title: title, style: style, ...image.size }));
     };
     function formatToMimeType(format) {
         return format ? `image/${String(format)}` : undefined;
@@ -783,16 +787,33 @@
         link: '',
     };
     const buttonStyle = 'text-center font-sans select-none';
+
+    const getRegularButtonClasses = ({ className, rounded, version, }) => [
+        buttonStyle,
+        'border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border',
+        version ? buttonStyleMap[version] : '',
+        rounded ? 'rounded-full' : 'rounded-md',
+        className,
+    ].join(' ');
+
+    const getDisabledButtonClasses = ({ className, rounded, version, }) => [
+        'inline-block',
+        buttonStyle,
+        version ? buttonDisabledStyleMap[version] : '',
+        rounded ? 'rounded-full' : 'rounded-md',
+        className,
+    ].join(' ');
+
     const Button = JSX((props) => {
         const { text, aboveText, appendLeft, appendRight, children, disabled, rounded, ...rest } = props;
         const buttonInner = children ?? (jsx(ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, appendRight: appendRight, rounded: rounded }));
         return disabled ? (jsx(DisabledButton, { rounded: rounded, ...rest, children: buttonInner })) : (jsx(RegularButton, { rounded: rounded, ...rest, children: buttonInner }));
     });
-    const RegularButton = JSX(({ className = '', ariaLabel, version = 'none', rounded, href, target, children, onClick, ...rest }) => {
-        return (jsx("a", { className: `${buttonStyle} border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: href ? 'link' : 'button', ...rest, children: children }));
+    const RegularButton = JSX(({ className = '', ariaLabel, version, rounded, href, target, children, onClick, ...rest }) => {
+        return (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: href ? 'link' : 'button', ...rest, children: children }));
     });
-    const DisabledButton = JSX(({ className, children, ariaLabel, version = 'none', rounded }) => {
-        return (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: `inline-block ${buttonStyle} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: children }));
+    const DisabledButton = JSX(({ className, children, ariaLabel, version, rounded }) => {
+        return (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: getDisabledButtonClasses({ className, rounded, version }), children: children }));
     });
 
     const ButtonSection = JSX(({ context, className = '', buttons }) => {
@@ -1136,22 +1157,45 @@
         return (jsxs(BlockWrapper, { context: context, className: `p-[50px] mb-1 last:mb-0 font-sans bg-white text-primary-text ${className}`, ...rest, children: [title ? (jsx(Heading, { headingType: "h3", as: "h2", className: `mb-2.5 ${ALIGN_TITLE[accordionAlignTitle]}`, title: title })) : null, description ? jsx("div", { className: "mb-2.5 text-l", children: description }) : null, accordionItems?.length ? (jsx("ul", { className: "list-none m-0 p-0", children: accordionItems.map((item, i) => (jsx(AccordionItem, { ...item, context: context }, `AccordionItem${i}`))) })) : null] }));
     });
 
-    const BenefitsBlock = JSX(({ className = '', title, benefitList, ...rest }) => {
-        return (jsxs(BlockWrapper, { className: `font-sans text-primary-text bg-white p-12 flex flex-col items-center ${className}`, ...rest, children: [title ? (jsx(Heading, { headingType: "h3", as: "h2", className: "max-w-[47rem] text-center", title: title })) : null, benefitList?.length ? renderBenefits(benefitList) : null] }));
+    const benefitsBlockStyleMap = {
+        primary: 'bg-white',
+        secondary: 'bg-primary-main',
+    };
+    const benefitsTextStyleMap = {
+        primary: '',
+        secondary: 'text-white',
+    };
+    const benefitsDescriptionStyleMap = {
+        primary: 'text-secondary-text',
+        secondary: 'text-white opacity-80',
+    };
+    const benefitsIconStyleMap = {
+        primary: 'bg-main-divider text-primary-main',
+        secondary: 'bg-white/30 text-black',
+    };
+    const BenefitsBlock = JSX(({ className = '', title, benefitList, benefitsBlockVersion = 'primary', ...rest }) => {
+        return (jsxs(BlockWrapper, { className: `font-sans text-primary-text p-12 flex flex-col items-center ${className} ${benefitsBlockStyleMap[benefitsBlockVersion]}`, ...rest, children: [title ? (jsx(Heading, { headingType: "h3", as: "h2", className: `max-w-[47rem] text-center ${benefitsTextStyleMap[benefitsBlockVersion]}`, title: title })) : null, benefitList?.length ? renderBenefits(benefitList, benefitsBlockVersion) : null] }));
     });
-    const renderBenefits = (benefits) => {
-        return (jsx("div", { className: "flex flex-wrap w-full justify-center gap-x-20 mt-8", children: benefits.map(renderStep) }));
+    const renderBenefits = (benefitList, benefitsBlockVersion) => {
+        return (jsx("div", { className: "flex flex-wrap w-full justify-center gap-x-20 mt-8", children: benefitList.map(renderStep(benefitsBlockVersion)) }));
+    };
+    const setIconVersion = (benefitIcon, benefitsBlockVersion) => {
+        if (!benefitIcon.icon) {
+            return benefitIcon;
+        }
+        benefitIcon.iconVersion = benefitsBlockVersion === 'secondary' ? 'white' : 'normal';
+        return benefitIcon;
     };
-    const renderStep = (benefit, i) => {
-        const description = benefit?.description || undefined;
-        return (jsxs("div", { className: "flex items-center basis-1/2 max-w-[500px] mb-14", children: [benefit?.icon?.icon ? (jsx(Img, { className: "w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-main-divider", image: benefit.icon, asSVG: true })) : null, benefit?.icon?.src ? jsx(Img, { image: benefit.icon }) : null, jsxs("div", { className: "ml-5", children: [benefit?.label ? jsx("h3", { className: "text-h6 m-0", children: benefit.label }) : null, renderDescription(description)] })] }, String(i)));
+    const renderStep = (benefitsBlockVersion) => (benefit, i) => {
+        const description = (benefit?.description || undefined);
+        return (jsxs("div", { className: "flex items-center basis-1/2 max-w-[500px] mb-14", children: [benefit?.icon?.icon ? (jsx(Img, { className: `w-[50px] h-[50px] min-w-[50px] p-3 rounded-full ${benefitsIconStyleMap[benefitsBlockVersion]}`, image: setIconVersion(benefit.icon, benefitsBlockVersion), asSVG: true })) : null, benefit?.icon?.src ? jsx(Img, { image: benefit.icon }) : null, jsxs("div", { className: "ml-5", children: [benefit?.label ? (jsx("h3", { className: `text-h6 m-0 ${benefitsTextStyleMap[benefitsBlockVersion]}`, children: benefit.label })) : null, renderDescription(description, benefitsBlockVersion)] })] }, String(i)));
     };
-    const renderDescription = (description) => {
+    const renderDescription = (description, benefitsBlockVersion) => {
         const benefitType = description ? description?.benefitType : null;
         if (!benefitType) {
             return null;
         }
-        return description ? (jsx("div", { className: "text-l-light text-secondary-text mt-2", children: benefitType === 'list'
+        return description ? (jsx("div", { className: `text-l-light mt-2 ${benefitsDescriptionStyleMap[benefitsBlockVersion]}`, children: benefitType === 'list'
                 ? renderListBenefit(description)
                 : renderTextBenefit(description) })) : null;
     };
@@ -1697,6 +1741,40 @@
         });
     };
 
+    const CurrencyMap = {
+        RUB: '₽',
+        USD: '$',
+        EUR: '€',
+    };
+    const CurrencyInput = JSX(({ className = '', label, currency = 'RUB', onChange, value = '', minValue = 0, maxValue = 300000, ...inputProps }) => {
+        const handleChange = (e) => {
+            if (!onChange) {
+                return;
+            }
+            const newValue = e.target.value === '' ? '' : String(clamp(e.target.value, minValue, maxValue));
+            onChange(newValue);
+        };
+        return (jsxs("div", { className: className, children: [label ? jsx("label", { className: "block text-m-light mb-2", children: label }) : null, jsxs("div", { className: "h-[56px] relative flex items-center", children: [jsx("input", { type: "number", className: "text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke", onChange: handleChange, value: value, min: minValue, max: maxValue, ...inputProps }), jsx("span", { className: "text-xl-light absolute right-4", children: CurrencyMap[currency] })] })] }));
+    });
+
+    const AMOUNT_KEY = 'amount';
+    const INPUT_LABEL = 'Сумма перевода';
+    const BUTTON_TEXT = 'Далее';
+    const PLACEHOLDER = '1500';
+    const TITLE = 'Укажите сумму перевода';
+    const FORM_URL = 'https://www.rshb.ru/p2p/';
+    const BUTTON_CLASS_PARAMS = {
+        version: 'primary',
+        className: 'w-full h-[56px] px-9 mt-6',
+    };
+    const CardTransfer = JSX(({ className = '', title = TITLE, ...rest }) => {
+        const [value, setValue] = useState('');
+        const isDisabled = !Number(value);
+        return (jsxs(BlockWrapper, { className: `p-[50px] flex flex-col items-center font-sans bg-white ${className}`, ...rest, children: [title ? jsx(Heading, { className: "max-w-[684px] pb-9", headingType: "h2", title: title }) : null, jsxs("form", { className: "w-[468px]", method: "POST", action: FORM_URL, children: [jsx(CurrencyInput, { name: AMOUNT_KEY, value: value, onChange: setValue, placeholder: PLACEHOLDER, label: INPUT_LABEL }), jsx("button", { type: "submit", className: isDisabled
+                                ? getDisabledButtonClasses(BUTTON_CLASS_PARAMS)
+                                : getRegularButtonClasses(BUTTON_CLASS_PARAMS), disabled: isDisabled, children: BUTTON_TEXT })] })] }));
+    });
+
     const useTableArrowScrollControl = ({ columnsLength, colsLengthForScroll, activeCardIndex, setActiveCardIndex, }) => {
         const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
         const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
@@ -2010,7 +2088,7 @@
         transparent: 'text-white',
     };
     const Logo = JSX(({ className = '', href, logo, children = logo?.title, targetBlank, bgColor = 'bg-white', hideTitle, }) => {
-        return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || '/', target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title || 'Россельхозбанк', children: [logo?.image?.src ? (jsx(Img, { image: logo.image, className: SVG_COLOR[bgColor], width: "40", height: "45", asSVG: true })) : (jsx(Img, { image: { icon: 'Logo', iconVersion: ICON_VERSION_MAP[bgColor] }, className: `${SVG_COLOR[bgColor]} w-10`, width: "40", height: "45", asSVG: true })), hideTitle ? null : renderTitle$1(children, bgColor, logo?.title)] }));
+        return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || '/', target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title || 'Россельхозбанк', children: [logo?.image?.src ? (jsx(Img, { image: logo.image, className: SVG_COLOR[bgColor], width: "40", height: "45", asSVG: true })) : (jsx(Img, { image: { icon: 'LogoIcon', iconVersion: ICON_VERSION_MAP[bgColor] }, className: `${SVG_COLOR[bgColor]} w-10`, width: "40", height: "45", asSVG: true })), hideTitle ? null : renderTitle$1(children, bgColor, logo?.title)] }));
     });
     const renderTitle$1 = (children, bgColor, title) => {
         const text = children || title || 'Россельхозбанк';
@@ -2658,7 +2736,7 @@
 
     const SafeDepositRentalTotal = ({ days }) => {
         const price = calculatePrice(days);
-        return (jsxs("div", { className: "flex flex-col justify-between", children: [jsxs("div", { className: "flex", children: [renderTotal('Аренда за', days, 'mr-11'), renderTotal('Цена', price + ' ₽')] }), jsxs("div", { className: "bg-primary-main px-10 pt-10 pb-4 text-center", children: [jsx(Img, { image: { icon: 'PackA4' }, width: "290", height: "257", asSVG: true }), jsxs("span", { className: "text-s-light text-white opacity-80 mt-2 inline-block", children: ["\u041D\u0430 \u0440\u0438\u0441\u0443\u043D\u043A\u0438 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0430 \u043F\u0430\u0447\u043A\u0430", jsx("br", {}), " \u043B\u0438\u0441\u0442\u043E\u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0430 \u04104"] })] })] }));
+        return (jsxs("div", { className: "flex flex-col justify-between", children: [jsxs("div", { className: "flex", children: [renderTotal('Аренда за', days, 'mr-11'), renderTotal('Цена', price + ' ₽')] }), jsxs("div", { className: "bg-primary-main px-10 pt-10 pb-4 text-center", children: [jsx(Img, { image: { icon: 'PackA4Icon' }, width: "290", height: "257", asSVG: true }), jsxs("span", { className: "text-s-light text-white opacity-80 mt-2 inline-block", children: ["\u041D\u0430 \u0440\u0438\u0441\u0443\u043D\u043A\u0438 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0430 \u043F\u0430\u0447\u043A\u0430", jsx("br", {}), " \u043B\u0438\u0441\u0442\u043E\u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0430 \u04104"] })] })] }));
     };
     const renderTotal = (label, total, className = '') => {
         return (jsxs("div", { className: className, children: [jsx("span", { className: "block text-m-light mb-1", children: label }), jsx("span", { className: "text-h3", children: total })] }));
@@ -2876,9 +2954,9 @@
     const COLS_LENGTH_FOR_SCROLL = 2;
     const COLUMN_WIDTH$1 = 4 * 80 + 40; // w-80 + pl-10 = 360px
 
-    const TableInnerButton = JSX(({ isOpen, dataUrl, rowIdx, cellIdx, fieldIdx }) => {
+    const TableInnerButton = JSX(({ isOpen, dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx }) => {
         const handleClick = () => {
-            EventBus.inst.fire('tariffInnerTable', { dataUrl, rowIdx, cellIdx, fieldIdx });
+            EventBus.inst.fire('tariffInnerTable', { dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx });
         };
         return (jsxs(Button, { version: "primary", onClick: handleClick, className: "w-full flex items-center justify-center rounded-none py-5 ", children: [jsx("div", { className: "text-h4", children: isOpen ? 'Скрыть' : 'Показать ставки по вкладу' }), jsx(Icon, { name: isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon', className: "ml-3", iconVersion: "white", width: "20", height: "20", asSVG: true })] }));
     });
@@ -2894,6 +2972,7 @@
     const renderListCellData = ({ isDotted, ...rest }) => (jsx(List, { className: "flex flex-col justify-between items-start text-sm", version: "gray", isDotted: isDotted ?? true, ...rest }));
     const renderTableCellData = JSX((props) => {
         const [showBtn, setShowBtn] = useState(true);
+        console.log(props);
         const tariffInnerTableSubscriber = (event) => {
             const _showBtn = ['rowIdx', 'cellIdx', 'fieldIdx'].every((key) => props[key] === event[key]);
             setShowBtn(!_showBtn);
@@ -2978,22 +3057,22 @@
             }) }));
     });
 
-    const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (jsx("div", { className: "flex bg-secondary-light p-1 rounded-md", children: currencies.map((currency, idx) => (jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (jsxs(Button, { href: linkToPDF, version: "secondary", className: "flex justify-center items-center text-l-light text-primary-main px-8", children: [jsx(Img, { image: "DocDownload", className: "mr-[10px]", width: "24", height: "24", asSVG: true }), jsx("span", { children: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })] })) : null] })));
+    const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (jsx("div", { className: "flex bg-secondary-light p-1 rounded-md", children: currencies.map((currency, idx) => (jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (jsxs(Button, { href: linkToPDF, version: "secondary", className: "flex justify-center items-center text-l-light text-primary-main px-8", children: [jsx(Img, { image: "DocDownloadIcon", className: "mr-[10px]", width: "24", height: "24", asSVG: true }), jsx("span", { children: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })] })) : null] })));
 
     const InnerTable = JSX(({ context, dataUrl, pdfUrl }) => {
         const { tableData } = useTariffsInnerTableData(dataUrl);
         const [activeTabIndex, setActiveTabIndex] = useState(0);
         const items = tableData?.[activeTabIndex]?.items ?? [];
         const currencies = tableData?.map((item) => item.currency ?? '');
-        return tableData ? (jsxs("div", { className: "bg-white z-10 pr-[50px]", children: [jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, linkToPDF: pdfUrl }), jsx(InnerTableBody, { context: context, activeTabIndex: activeTabIndex, items: items }), jsx(TableInnerButton, { context: context, isOpen: true })] })) : null;
+        return tableData ? (jsxs("div", { className: "bg-white z-10", children: [jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, linkToPDF: pdfUrl }), jsx(InnerTableBody, { context: context, activeTabIndex: activeTabIndex, items: items }), jsx(TableInnerButton, { context: context, isOpen: true })] })) : null;
     });
 
     const TariffsTableRowContainer = JSX(({ context, children, rowIdx }) => {
-        const [dataUrl, setDataUrl] = useState(undefined);
+        const [tableInnerData, setTableInnerData] = useState(undefined);
         useEffect(() => EventBus.inst.subscribe('tariffInnerTable', (event) => {
-            setDataUrl(rowIdx === event.rowIdx ? event.dataUrl : undefined);
+            setTableInnerData(rowIdx === event.rowIdx ? { dataUrl: event.dataUrl, pdfUrl: event.pdfUrl } : undefined);
         }), [rowIdx]);
-        return (jsxs("div", { className: "self-start flex flex-col", role: "row", children: [jsx("div", { className: "flex", children: children }), dataUrl ? (jsx("div", { className: "origin-top animate-expansion", children: jsx(InnerTable, { context: context, dataUrl: dataUrl }) })) : null] }));
+        return (jsxs("div", { className: "self-start flex flex-col", role: "row", children: [jsx("div", { className: "flex", children: children }), tableInnerData ? (jsx("div", { className: "origin-top animate-expansion", children: jsx(InnerTable, { context: context, ...tableInnerData }) })) : null] }));
     });
 
     const TariffsTableRow = JSX(({ row: { header, data }, activeCardIndex, isLastRow, context, rowIdx }) => {
@@ -3026,6 +3105,7 @@
         Accordion,
         BenefitsBlock,
         Bonus,
+        CardTransfer,
         ComparisonTable,
         Calculator,
         Catalog,