@redneckz/wildless-cms-uni-blocks 0.14.996 → 0.14.998

package/bundle/bundle.umd.js

@@ -653,7 +653,7 @@
 
     const renderBenefitDescription = (description, i) => description ? (jsx(Paragraph, { font: "font-light", size: "text-m", color: "text-secondary-text group-data-secondary:text-white", children: description }, `description-${i}`)) : null;
 
-    const Text = JSX(({ children, ...styleProps }) => (jsx("span", { className: style('font-sans', Object.values(styleProps)), children: children })));
+    const Text = JSX(({ children, className, ...styleProps }) => (jsx("span", { className: style('font-sans', Object.values(styleProps), className), children: children })));
 
     const renderBenefitLabel = (label, i) => label ? (jsx(Text, { color: "text-primary-text group-data-secondary:text-white", size: "text-h6", children: label }, `label-${i}`)) : null;
 
@@ -1856,6 +1856,7 @@
                 partnerName,
                 partnerSymbolCode,
             }),
+            ...getRkoTariffName(typeForm),
             ...staticBody,
         };
     };
@@ -1887,6 +1888,11 @@
             typeForm: router?.pathname?.split('/')?.at(-1) || '/',
         }
         : {};
+    const getRkoTariffName = (typeForm) => typeForm === 'CALC'
+        ? {
+            partnerComments: globalThis?.sessionStorage.getItem('rkoTariffName') ?? 'Неизвестный тариф',
+        }
+        : {};
 
     // eslint-disable-next-line max-lines-per-function
     function LeadServiceAPI() {
@@ -3501,7 +3507,7 @@
 
     const SubmitButton = JSX(({ disabled = false, onClick, text }) => (jsx(Button, { type: "button", onClick: onClick, disabled: disabled, children: jsx(Text, { font: "font-normal", children: text }) })));
 
-    const ButtonTitle = JSX(({ className, children }) => (jsx("span", { className: style('inline-flex items-center text-start gap-s group-[]/btn-embedded:text-primary-main', className), children: children })));
+    const ButtonTitle = JSX(({ className, labelColor, children }) => (jsx("span", { className: style('inline-flex items-center text-start gap-s', labelColor === 'white' ? 'text-white' : 'group-[]/btn-embedded:text-primary-main', className), children: children })));
 
     const Timer = JSX(({ className, seconds }) => (jsx("span", { className: className, children: formatTimer(seconds) })));
     const formatTimer = (seconds) => {
@@ -4602,7 +4608,10 @@
 
     const ToggleIcon = JSX(({ isUnfolded, ...rest }) => (jsx(Icon, { name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', size: "small", iconVersion: "", ...rest })));
 
-    const DefaultFoldButton = JSX(({ className, isUnfolded, short, label = isUnfolded ? 'Скрыть' : 'Развернуть', embedded, ...rest }) => (jsxs(Button, { className: style({ 'w-full': !short }, className), embedded: embedded, shape: short ? 'default' : 'square', role: "tab", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u0438", ...rest, children: [jsx(ButtonTitle, { children: label }), jsx(ToggleIcon, { isUnfolded: isUnfolded, iconVersion: embedded ? 'color' : '' })] })));
+    const DefaultFoldButton = JSX(({ className, isUnfolded, short, label = isUnfolded ? 'Скрыть' : 'Развернуть', embedded, labelColorStyle, ...rest }) => {
+        const iconColor = labelColorStyle === 'white' ? '' : 'color';
+        return (jsxs(Button, { className: style({ 'w-full': !short }, className), embedded: embedded, shape: short ? 'default' : 'square', role: "tab", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u0438", ...rest, children: [jsx(ButtonTitle, { labelColor: labelColorStyle, children: label }), jsx(ToggleIcon, { isUnfolded: isUnfolded, iconVersion: embedded ? iconColor : '' })] }));
+    });
 
     // TODO Не особо полезно, в итоге
     const Foldable = JSX(({ className, role = 'tablist', children }) => (jsx("div", { className: style(className), role: role, children: children })));
@@ -5317,7 +5326,9 @@
 
     const CalculatorStyle = {
         wrapper: 'flex flex-col justify-between lg:flex-row gap-4xl',
+        wrapperMax: 'w-full',
         input: 'flex flex-col lg:w-1/2 gap-2xl',
+        inputMax: 'grid lg:grid-cols-2 grid-cols-1 gap-4xl',
         result: 'flex flex-col gap-y-xl min-w-52',
     };
 
@@ -8834,7 +8845,6 @@
         : {
             ..._,
             ...normalizeReplenishWithdrawn(_),
-            ...normalizeMoneyValue(_, rows),
             ...normalizeMonthValue(_, rows),
             ...normalizeCurrency(_, rows),
         };
@@ -8843,11 +8853,6 @@
         const monthsValue = _.monthsValue || Math.round((minMonths + maxMonths) / 2);
         return { monthsValue: clamp(monthsValue, minMonths, maxMonths) };
     };
-    const normalizeMoneyValue = (_, rows) => {
-        const { minSum, maxSum } = getRangeByKeys(['minSum', 'maxSum'], getRows(rows, _?.currency));
-        const moneyValue = _.moneyValue || minSum;
-        return { moneyValue: clamp(moneyValue, minSum, maxSum) };
-    };
     const normalizeCurrency = (_, rows) => ({
         currency: _?.currency ?? rows?.map((row) => row.currency)?.[0],
     });
@@ -9140,6 +9145,397 @@
     });
     const renderCreditParamsForm = (params, field) => (jsxs("div", { className: "space-y-lg sm:space-y-s", children: [params.isShowSalaryClient ? (jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0443 \u043D\u0430 \u0441\u0447\u0451\u0442 \u0432 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0435", ...field('isSalaryClient'), value: params.isSalaryClient })) : null, params.isShowInsurance ? (jsx(Checkbox, { text: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u044F \u0437\u0430\u0449\u0438\u0442\u0430", ...field('isInsurance'), value: params.isInsurance })) : null, jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0443\u044E \u0441\u0443\u043C\u043C\u0443", ...field('isExtraMoney'), value: params.isExtraMoney })] }));
 
+    const DEFAULT_AMOUNT_STEP = 1;
+    const renderCountInput = ({ min = 0, max = 0, step = DEFAULT_AMOUNT_STEP, ...rest }) => (jsx(InputRange, { items: [`От ${min} шт`, `До ${max} шт`], step: step, ...rest }));
+
+    const capitalize = (text) => text ? `${text.charAt(0).toUpperCase()}${text.slice(1)}` : '';
+
+    const RKO_DEFAULT_CURRENCY = {
+        text: '₽',
+        key: 'rub',
+    };
+    const RKO_DEFAULT_TRANSFER_FL_SUM = 0;
+    const RKO_DEFAULT_CASH_IN_SUM = 0;
+    const RKO_DEFAULT_CASH_OUT_SUM = 0;
+    const RKO_DEFAULT_TRANSFER_LEGAL_COUNT = 0;
+    const COMMISSIONS_CONFIG = [
+        {
+            key: 'transferLegalCountCommission',
+            valueKey: 'transferLegalCount',
+            minKey: 'minTransferLegalCount',
+            maxKey: 'maxTransferLegalCount',
+        },
+        {
+            key: 'flTransferSumCommission',
+            valueKey: 'flTransferSum',
+            minKey: 'minFlTransferSum',
+            maxKey: 'maxFlTransferSum',
+        },
+        {
+            key: 'cashOutSumCommission',
+            valueKey: 'cashOutSum',
+            minKey: 'minCashOutSum',
+            maxKey: 'maxCashOutSum',
+        },
+        {
+            key: 'cashInSumCommission',
+            valueKey: 'cashInSum',
+            minKey: 'minCashInSum',
+            maxKey: 'maxCashInSum',
+        },
+    ];
+    const INPUTS_CONFIG = [
+        {
+            key: 'flTransferSum',
+            title: 'Сумма переводов на счета ФЛ в месяц, ₽',
+            step: 50000,
+        },
+        {
+            key: 'cashInSum',
+            title: 'Внесение наличных через кассу в месяц, ₽',
+            step: 50000,
+        },
+        {
+            key: 'cashOutSum',
+            title: 'Снятие наличных в кассе банка в месяц, ₽',
+            step: 50000,
+        },
+    ];
+
+    const RKO_COMMISSIONS_TITLE_MAP = {
+        tariffName: 'Название тарифа',
+        accountServiceFee: 'Обслуживание счета',
+        transferLegalCountCommission: 'Переводы Юрлицам и ИП',
+        flTransferSumCommission: 'Переводы физлицам',
+        cashOutSumCommission: 'Снятие наличных',
+        cashInSumCommission: 'Внесение наличных',
+        totalCommission: 'Итоговая комиссия',
+    };
+    const RKO_COLUMNS_ORDER = [
+        'accountServiceFee',
+        'transferLegalCountCommission',
+        'flTransferSumCommission',
+        'cashOutSumCommission',
+        'cashInSumCommission',
+        'totalCommission',
+    ];
+
+    const getSortedCommissionTypes = (items) => {
+        if (!items || items.length === 0) {
+            return [];
+        }
+        return RKO_COLUMNS_ORDER.filter((key) => key in items[0]);
+    };
+
+    const renderRkoTariffsTableHeader = ({ params, className }) => {
+        return params ? (jsxs("div", { className: style(className), children: [jsx(Text, { size: "text-xs", font: "font-medium", className: "col-span-2", children: RKO_COMMISSIONS_TITLE_MAP['tariffName'] }), params.map((param, index) => (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-medium", children: RKO_COMMISSIONS_TITLE_MAP[param] }) }, index)))] })) : null;
+    };
+
+    const renderCommissionSum = (value, currency, className) => (jsxs(Text, { className: className, children: [value?.toLocaleString(), "\u00A0", (currency ?? RKO_DEFAULT_CURRENCY).text] }));
+
+    const renderDesktopCard = (commissions, currency) => commissions.map((commission, index) => (jsx("div", { children: renderCommissionSum(commission, currency) }, index)));
+
+    const renderHiddenCommission = ({ commission, currency, commissionType, index, }) => (jsxs("div", { className: "flex justify-between align-center", children: [jsx(Text, { children: RKO_COMMISSIONS_TITLE_MAP[commissionType ?? ''] }), renderCommissionSum(commission, currency)] }, index));
+
+    const renderMobileCard = ({ commissions, currency, isUnfolded, handleFold, commissionTypes, isBest = false, }) => {
+        const totalCommission = commissionTypes?.at(-1) ?? '';
+        return (jsxs(Foldable, { className: "py-4", children: [jsxs("div", { className: "w-full space-y-xl", children: [jsx(FoldableSection, { isUnfolded: isUnfolded, className: "space-y-xl", children: commissions.map((commission, index) => index !== commissions.length - 1 &&
+                                renderHiddenCommission({
+                                    commission,
+                                    currency,
+                                    commissionType: commissionTypes?.[index],
+                                    index,
+                                })) }), jsxs("div", { className: "flex justify-between items-center", children: [jsx(Text, { font: "font-medium", children: RKO_COMMISSIONS_TITLE_MAP[totalCommission] }), renderCommissionSum(commissions.at(-1) ?? 0, currency, 'text-h2')] })] }), jsx(DefaultFoldButton, { className: "mt-m mx-auto", label: isUnfolded ? 'Скрыть' : 'Подробнее', isUnfolded: isUnfolded, embedded: true, labelColorStyle: isBest ? 'white' : '', onClick: handleFold, short: true })] }));
+    };
+
+    const renderRecommendedLabel = (isBest) => {
+        return isBest ? (jsx("div", { className: "absolute block rounded-xl min-h-xs flex justify-center align-center bg-orange py-1 px-2 lg:ml-xl top-[-10px]", children: jsx(Text, { size: "text-xs", children: "\u0420\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0443\u0435\u043C" }) })) : null;
+    };
+
+    const RkoTariffCard = JSX(({ tariffName, tariffDesc, className, transferLegalCountCommission, flTransferSumCommission, cashInSumCommission, accountServiceFee, cashOutSumCommission, totalCommission, currency, isBest = false, commissionTypes, }) => {
+        const [isUnfolded, { toggle }] = useBool(false);
+        const tariffData = {
+            accountServiceFee,
+            transferLegalCountCommission,
+            flTransferSumCommission,
+            cashOutSumCommission,
+            cashInSumCommission,
+            totalCommission,
+        };
+        const commissions = RKO_COLUMNS_ORDER.map((key) => tariffData[key]);
+        const isMobileMode = useMobileMode();
+        const handleOpenDepositClick = () => globalThis?.sessionStorage.setItem('rkoTariffName', tariffName);
+        return (jsxs("div", { className: style(className, 'rounded-xl min-h-24 items-center min-w-0 lg:p-xl p-3xl', isBest
+                ? 'bg-primary-main text-white relative'
+                : 'bg-white text-primary-text border border-solid border-gray'), children: [jsxs("div", { className: "col-span-2", children: [jsx(Heading, { headingType: isMobileMode ? 'h2' : 'h6', title: tariffName }), jsx(Text, { size: "text-xs", children: tariffDesc })] }), isMobileMode
+                    ? renderMobileCard({
+                        commissions,
+                        currency,
+                        isUnfolded,
+                        handleFold: toggle,
+                        commissionTypes,
+                        isBest,
+                    })
+                    : renderDesktopCard(commissions, currency), jsx("div", { className: "flex flex-wrap @xl:flex-nowrap gap-lg sm:gap-m w-full @lg:w-auto col-span-2", children: jsx(LinkButton, { version: isBest ? 'secondary' : 'primary', className: style('basis-full @lg:basis-auto w-full'), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0441\u0447\u0451\u0442", href: "/business/calculator-rko#opendeposit", onClick: handleOpenDepositClick }) }), renderRecommendedLabel(isBest)] }));
+    });
+
+    const RkoTariffCardsTable = JSX(({ items = [], currency = RKO_DEFAULT_CURRENCY, buttons = [] }) => {
+        const isMobileMode = useMobileMode();
+        const commissionTypes = getSortedCommissionTypes(items) ?? [];
+        const columnsCount = commissionTypes.length + 4; // 2 на "Название тарифа" и 2 на кнопку
+        const tableLayoutStyle = `lg:grid lg:grid-cols-${String(columnsCount)} gap-m`;
+        return (jsxs("div", { className: "lg:space-y-m space-y-xl w-full", children: [isMobileMode
+                    ? null
+                    : renderRkoTariffsTableHeader({
+                        params: commissionTypes,
+                        className: tableLayoutStyle,
+                    }), items.map((item, index) => (jsx("div", { children: jsx(RkoTariffCard, { ...item, className: tableLayoutStyle, currency: currency, buttons: buttons, commissionTypes: commissionTypes }) }, index)))] }));
+    });
+
+    const filterByClientType = (data, clientType) => {
+        if (Array.isArray(data)) {
+            return data.filter((item) => item?.clientType === clientType);
+        }
+        if (data && typeof data === 'object') {
+            const result = {};
+            for (const key in data) {
+                if (Object.hasOwn(data, key)) {
+                    const value = data[key];
+                    // eslint-disable-next-line max-depth
+                    if (Array.isArray(value)) {
+                        result[key] = value.filter((item) => item?.clientType === clientType);
+                    }
+                    else {
+                        result[key] = value;
+                    }
+                }
+            }
+            return result;
+        }
+        // На всякий случай
+        return data;
+    };
+
+    const SLICE_CORRECTION = 1; // если диапазон включает обе границы
+    const getCalculatedCommission = ({ ranges = [], value = 0, minKey = 'min', maxKey = 'max', }) => {
+        const amount = Number(value);
+        if (isNaN(amount) || amount <= 0) {
+            return 0;
+        }
+        const groupedTariffs = groupRangesByTariff(ranges);
+        const result = {};
+        for (const tariff in groupedTariffs) {
+            result[tariff] = calculateTariffCommission({
+                ranges: groupedTariffs[tariff],
+                value: amount,
+                minKey,
+                maxKey,
+            });
+        }
+        return result;
+    };
+    const calculateTariffCommission = ({ ranges = [], value = 0, minKey = 'min', maxKey = 'max', }) => {
+        const validRanges = getValidTariffRanges(ranges, minKey);
+        let totalCommission = 0;
+        let minCommission = 0;
+        for (const range of validRanges) {
+            minCommission = Number(range.minCommission) ?? 0;
+            if (!isValidRange({ range, amount: value, minKey, maxKey })) {
+                continue;
+            }
+            const sliceAmount = calculateSliceAmount({ range, amount: value, minKey, maxKey });
+            const commission = calculateCommissionByType({
+                type: range.commissionType,
+                sliceAmount,
+                commissionValue: Number(range.commissionValue),
+                context: {
+                    min: Number(range[minKey]),
+                    max: Number(range[maxKey]),
+                    amount: Number(value),
+                },
+            });
+            totalCommission += commission;
+            if (value <= range[maxKey]) {
+                break;
+            }
+        }
+        if (totalCommission < minCommission) {
+            totalCommission = minCommission;
+        }
+        return Math.round(totalCommission);
+    };
+    const calculateSliceAmount = ({ range, amount, minKey, maxKey }) => {
+        const min = range[minKey];
+        const max = range[maxKey];
+        const sliceStart = Math.max(Number(min), 0);
+        const sliceEnd = Math.min(Number(max), amount);
+        return sliceEnd - sliceStart + SLICE_CORRECTION;
+    };
+    const isValidRange = ({ range, amount, minKey, maxKey }) => {
+        const min = range[minKey];
+        const max = range[maxKey];
+        const commissionValue = Number(range.commissionValue);
+        if (min == null || max == null || isNaN(commissionValue)) {
+            return false;
+        }
+        if (amount < min) {
+            return false;
+        }
+        const sliceStart = Math.max(Number(min), 0);
+        const sliceEnd = Math.min(Number(max), amount);
+        return sliceStart <= sliceEnd;
+    };
+    const getValidTariffRanges = (ranges, minKey) => ranges
+        .filter((r) => r.commissionValue != null && r.commissionType != null)
+        .sort((a, b) => Number(a[minKey]) - Number(b[minKey]));
+    const calculateCommissionByType = ({ type, sliceAmount, commissionValue, context, }) => {
+        const { min, max, amount } = context;
+        switch (type) {
+            case 'fixedSum':
+                if (min === 0 || amount <= max) {
+                    return commissionValue;
+                }
+                return 0;
+            case 'percent':
+                return (sliceAmount * commissionValue) / 100;
+            case 'fixedAmount':
+                return Math.round(sliceAmount * commissionValue);
+            default:
+                return 0;
+        }
+    };
+    const groupRangesByTariff = (ranges) => {
+        const tariffs = {};
+        for (const range of ranges) {
+            const { tariff } = range;
+            if (!tariff) {
+                continue;
+            }
+            if (!tariffs[tariff]) {
+                tariffs[tariff] = [];
+            }
+            tariffs[tariff].push(range);
+        }
+        return tariffs;
+    };
+
+    const getInitialRkoTariffsParams = (tariffs = []) => tariffs.map((tariff) => {
+        return {
+            ...tariff,
+            flTransferSumCommission: 0,
+            cashOutSumCommission: 0,
+            cashInSumCommission: 0,
+            transferLegalCountCommission: 0,
+            totalCommission: tariff.accountServiceFee,
+            isBest: false,
+        };
+    });
+
+    const getRkoCalculatorParams = (userInputParams, rows, clientType) => {
+        const commissionsRows = rows?.[0]?.commissions;
+        const { minTransferLegalCount, maxTransferLegalCount } = getRangeByKeys(['minTransferLegalCount', 'maxTransferLegalCount'], commissionsRows?.transferLegalCountCommission.filter((item) => item.clientType === clientType));
+        const { minFlTransferSum, maxFlTransferSum } = getRangeByKeys(['minFlTransferSum', 'maxFlTransferSum'], commissionsRows?.flTransferSumCommission.filter((item) => item.clientType === clientType));
+        const { minCashInSum, maxCashInSum } = getRangeByKeys(['minCashInSum', 'maxCashInSum'], commissionsRows?.cashInSumCommission.filter((item) => item.clientType === clientType));
+        const { minCashOutSum, maxCashOutSum } = getRangeByKeys(['minCashOutSum', 'maxCashOutSum'], commissionsRows?.cashOutSumCommission.filter((item) => item.clientType === clientType));
+        return {
+            ...userInputParams,
+            minTransferLegalCount,
+            maxTransferLegalCount,
+            minFlTransferSum,
+            maxFlTransferSum,
+            minCashInSum,
+            maxCashInSum,
+            minCashOutSum,
+            maxCashOutSum,
+        };
+    };
+
+    const markBestTariff = (tariffs) => {
+        if (tariffs.length === 0) {
+            return tariffs;
+        }
+        const minCommission = Math.min(...tariffs.map((t) => t.totalCommission));
+        const minTariffIndex = tariffs.findIndex((t) => t.totalCommission === minCommission);
+        return tariffs.map((tariff, index) => ({
+            ...tariff,
+            isBest: index === minTariffIndex,
+        }));
+    };
+
+    const mergeTariffData = (commissionData, tariffs = []) => {
+        const commissionKeys = [
+            'flTransferSumCommission',
+            'cashOutSumCommission',
+            'cashInSumCommission',
+            'transferLegalCountCommission',
+        ];
+        return tariffs.map((tariff) => {
+            const { tariffName, accountServiceFee } = tariff;
+            const commissions = commissionKeys.reduce((acc, key) => {
+                acc[key] = commissionData[key]?.[tariffName] ?? 0;
+                return acc;
+            }, {});
+            const totalCommission = Object.values(commissions).reduce((sum, val) => sum + val, 0) + accountServiceFee;
+            return {
+                ...tariff,
+                ...commissions,
+                isBest: false,
+                totalCommission,
+            };
+        });
+    };
+
+    const CalculatorRko = UniBlock(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className = '', title, calcSource, footnote, clientType = 'standard', ...rest }) => {
+        const [tariffs, setTariffs] = useState([]);
+        const [userInputParams, { field }] = useForm({
+            transferLegalCount: RKO_DEFAULT_TRANSFER_LEGAL_COUNT,
+            flTransferSum: RKO_DEFAULT_TRANSFER_FL_SUM,
+            cashOutSum: RKO_DEFAULT_CASH_OUT_SUM,
+            cashInSum: RKO_DEFAULT_CASH_IN_SUM,
+        });
+        const { rows } = calcSource ?? {};
+        const calcTariffs = useMemo(() => filterByClientType(rows?.[0]?.tariffs, clientType), [rows]);
+        const calcParams = getRkoCalculatorParams(userInputParams, rows, clientType);
+        const calcCommissions = filterByClientType(rows?.[0]?.commissions, clientType);
+        useEffect(() => {
+            if (!calcCommissions) {
+                const initialRkoTariffsParams = getInitialRkoTariffsParams(calcTariffs);
+                setTariffs(initialRkoTariffsParams);
+                return;
+            }
+            const commissions = COMMISSIONS_CONFIG.reduce((acc, config) => {
+                acc[config.key] = getCalculatedCommission({
+                    ranges: calcCommissions?.[config.key],
+                    value: userInputParams?.[config.valueKey],
+                    minKey: config.minKey,
+                    maxKey: config.maxKey,
+                });
+                return acc;
+            }, {});
+            const mergedTariffs = mergeTariffData(commissions, calcTariffs);
+            const result = markBestTariff(mergedTariffs);
+            setTariffs(result);
+        }, [userInputParams, calcTariffs]);
+        return (jsxs("div", { className: style(className, 'bg-white'), children: [jsx(CalculatorLayout, { className: className, title: title, ...rest, children: jsxs("section", { className: style(CalculatorStyle.wrapperMax, className), children: [jsxs("div", { className: CalculatorStyle.inputMax, children: [renderCountInput({
+                                        title: 'Количество внешних переводов на счета ЮЛ и ИП в месяц, шт',
+                                        step: 1,
+                                        min: calcParams.minTransferLegalCount,
+                                        max: calcParams.maxTransferLegalCount,
+                                        ...field('transferLegalCount'),
+                                        value: calcParams.transferLegalCount,
+                                    }), INPUTS_CONFIG.map((config, index) => (jsx("div", { children: renderWantedSumInput({
+                                            title: config.title,
+                                            step: config.step,
+                                            min: calcParams[`min${capitalize(config.key)}`],
+                                            max: calcParams[`max${capitalize(config.key)}`],
+                                            ...field(config.key),
+                                            value: calcParams[config.key],
+                                        }) }, index)))] }), jsx("div", { className: style(CalculatorStyle.result), children: renderFootnote(footnote) })] }) }), jsxs(BlockWrapper, { className: style('flex flex-col gap-4xl items-center', className), defaultPadding: "p-4xl pt-0", ...rest, children: [renderHeading$1(), tariffs ? (jsx(RkoTariffCardsTable, { items: tariffs, currency: RKO_DEFAULT_CURRENCY })) : (jsx(Loader, { position: "static" }))] })] }));
+    });
+    const renderHeading$1 = () => (jsx(Text, { size: "text-h6", font: "font-medium", align: "text-center", className: "block lg:mb-0 mb-m", children: "\u0420\u0430\u0441\u0447\u0435\u0442\u044B \u0437\u0430 \u043E\u0434\u0438\u043D \u043C\u0435\u0441\u044F\u0446 \u043F\u043E \u0432\u0432\u0435\u0434\u0435\u043D\u043D\u044B\u043C \u0432\u044B\u0448\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C" }));
+
     const NumberInput = JSX((props) => {
         const { onChange, min, max, defaultValue = '0', fractionDigits = 0, ...inputProps } = props;
         const normalizedProps = useNormalizedInput(props, {
@@ -13035,8 +13431,6 @@
     });
     const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES[_](item)).length);
 
-    const capitalize = (text) => text ? `${text.charAt(0).toUpperCase()}${text.slice(1)}` : '';
-
     const renderAtmCard = ({ location, address, billAcceptorType, terminalType, billAcceptorEnable, atmCode = '', atmAccess = '', workTime, }, i) => {
         const additionalInfo = [
             {
@@ -13599,6 +13993,8 @@
         CreditForm,
         DebitForm,
         CashbackCalculator,
+        CalculatorRko,
+        RkoTariffCardsTable,
     };
 
     const applyAspects = (aspects) => (ev) => {
@@ -13742,7 +14138,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.995";
+    const packageVersion = "0.14.997";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;