@redneckz/wildless-cms-uni-blocks 0.8.20 → 0.8.22

package/bundle/bundle.umd.js

@@ -1317,8 +1317,8 @@
 
     const CalculatorValueBlock = JSX(({ title, value, postfix = '', prefix, className = '' }) => (jsxs("div", { className: style('mb-7', className), children: [title ? (jsx(Text, { size: "text-l-light", color: "text-secondary-text", children: title })) : null, value ? (jsx("div", { children: jsxs(Text, { size: "text-h3", children: [prefix, " ", addSpacesBetweenNumbers(Math.round(value)), " ", postfix] }) })) : (jsx("div", { children: jsx(Text, { size: "text-h3", children: "-" }) }))] })));
 
-    const DEFAULT_MIN_SUM = 60000;
-    const DEFAULT_MAX_SUM = 2000000;
+    const DEFAULT_MIN_SUM = 30000;
+    const DEFAULT_MAX_SUM = 5000000;
     const DEFAULT_SUM = (DEFAULT_MAX_SUM - DEFAULT_MIN_SUM) / 2;
     const DEFAULT_MIN_MONTHS = 13;
     const DEFAULT_MAX_MONTHS = 60;
@@ -1337,12 +1337,10 @@
         maxSum: DEFAULT_MAX_SUM,
         minMonths: DEFAULT_MIN_MONTHS,
         maxMonths: DEFAULT_MAX_MONTHS,
-        rateBottomRange: 12,
-        rateTopRange: 7,
+        rate: 0,
         isSalaryClient: true,
         isStateEmployee: true,
         isInsurance: true,
-        sumBorder: 999999,
     };
     const DEFAULT_TRAVEL_MIN_SUM = 6000;
     const DEFAULT_REST_MIN_SUM = 6000;
@@ -1363,15 +1361,16 @@
         maxSum: 5000000,
         minMonths: 2,
         maxMonths: 120,
-        rate: 7,
+        rate: 0,
         isMonthlyInterestPayment: true,
+        isRemoteRegistration: true,
     };
     const DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS = {
         minSum: 1000,
         maxSum: 500000,
         minDays: BUSINESS_MIN_DAYS,
         maxDays: BUSINESS_MAX_DAYS,
-        rate: 6.6,
+        rate: 0,
         isMonthlyInterestPayment: true,
         isReplenished: false,
         isPartialWithdrawal: false,
@@ -1463,7 +1462,11 @@
         return (jsx(InputRange, { className: "mt-7", title: title, items: [`От ${daysText(minDays)}`, `До ${daysText(maxDays)}`], min: minDays, max: maxDays, step: STEP_DAYS, value: clamp(daysValue, minDays, maxDays), onChange: callback }));
     }
 
-    const RadioButtonGroup = JSX(({ items, checkedItem, onChange: onChangeCheckedItem }) => (jsx("div", { className: "flex flex-col gap-3", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, checked: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id) }, String(id)))) })));
+    const orientationStyleMap = {
+        horizontal: 'gap-10',
+        vertical: 'flex-col gap-3',
+    };
+    const RadioButtonGroup = JSX(({ items, checkedItem, onChange: onChangeCheckedItem, orientation = 'horizontal' }) => (jsx("div", { className: `flex ${orientationStyleMap[orientation]}`, children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, checked: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id) }, String(id)))) })));
 
     const EVERY_MONTH = 'everyMonth';
     const AT_END_TERM = 'atEndTerm';
@@ -1477,8 +1480,8 @@
             text: 'В конце срока',
         },
     ];
-    function renderInterestPayment(isMonthlyInterestPayment, callback, title) {
-        return (jsxs("div", { children: [title ? (jsx(Text, { color: "text-secondary-text", font: "font-light", children: title })) : null, jsx("div", { className: "mt-3", children: jsx(RadioButtonGroup, { items: depositTypeItems, checkedItem: isMonthlyInterestPayment ? EVERY_MONTH : AT_END_TERM, onChange: (text) => callback && callback(text === EVERY_MONTH) }) })] }));
+    function renderInterestPayment({ isMonthlyInterestPayment, callback, title, orientation = 'horizontal', }) {
+        return (jsxs("div", { children: [title ? (jsx("div", { className: "mb-3", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, jsx("div", { children: jsx(RadioButtonGroup, { orientation: orientation, items: depositTypeItems, checkedItem: isMonthlyInterestPayment ? EVERY_MONTH : AT_END_TERM, onChange: (text) => callback && callback(text === EVERY_MONTH) }) })] }));
     }
 
     const UnknownRate = JSX(({ title = 'Ставка' }) => (jsxs("div", { children: [jsx(Text, { size: "text-l-light", color: "text-secondary-text", children: title }), jsx("div", { className: "mt-1 pt-1 pl-5 pb-1.5", children: jsx(ImgInner, { image: { icon: 'PercentIcon' }, width: "90", height: "85", asSVG: true }) }), jsx("div", { className: "w-[250px] mt-3.5", children: jsxs(Paragraph, { size: "text-xl-light", color: "text-primary-text", children: ["\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u043D\u0430\u044F \u0441\u0442\u0430\u0432\u043A\u0430 \u0434\u043B\u044F \u0441\u0440\u043E\u043A\u0430 ", jsx("strong", { children: "1-30 \u0434\u043D\u0435\u0439" }), " \u0443\u0441\u0442\u0430\u043D\u0430\u0432\u043B\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0438 \u0432 \u0411\u0430\u043D\u043A"] }) })] })));
@@ -1492,7 +1495,7 @@
         [minKey]: rows.length ? minBy()(rows.map((row) => row[minKey])) : 0,
         [maxKey]: rows.length ? maxBy()(rows.map((row) => row[maxKey])) : 0,
     });
-    const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value < sourceBookRow[maxKey];
+    const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value <= sourceBookRow[maxKey];
 
     const useBusinessDepositCalculatorParams = (userInputParams, sourceBookDir) => {
         const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isSmallBusiness, isMonthlyInterestPayment, } = userInputParams;
@@ -1504,7 +1507,7 @@
                 ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
                 ...userInputParams,
                 isDisabledOperatingDeposit,
-                rate: 0,
+                isShowUnknownRate: true,
             };
         }
         const businessDepositCalculatorSourceBookParams = data?.rows?.find((_) => {
@@ -1566,13 +1569,18 @@
             isMonthlyInterestPayment,
         };
         const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, sourceBookDir);
-        const { income, finalSum, rate, depositeName } = calculatorParams;
+        const { income, finalSum, rate, depositeName, isShowUnknownRate } = calculatorParams;
         return (jsxs("section", { className: className, children: [jsxs("div", { className: "flex justify-between", children: [jsxs("div", { className: "w-[486px]", children: [renderWantedSumInput('Сумма вклада, ₽', calculatorParams, handleMoneyValue), renderDaysInput('Срок вклада, дни', calculatorParams, handleDaysValue), jsxs("div", { className: "mt-7 flex justify-between", children: [renderBusinessDepositParamsForm({
                                             ...calculatorParams,
                                             handleIsReplenished,
                                             handleIsPartialWithdrawal,
                                             handleIsSmallBusiness,
-                                        }), renderInterestPayment(isMonthlyInterestPayment, handleIsMonthlyInterestPayment, 'Выплата процентов')] })] }), rate ? (jsx(Rate, { rate: rate, depositeName: depositeName, isShowDepositeName: isShowDepositeName, rateBlockClassName: "tracking-[-25px]", unit: "%" })) : (jsx(UnknownRate, {})), jsxs("div", { className: "w-full max-w-[350px]", children: [jsx(CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u043F\u043E \u0432\u043A\u043B\u0430\u0434\u0443", value: income, postfix: "\u20BD", prefix: "+" }), jsx(CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), renderButtonsSection(buttons, { className: 'mt-7', isVertical: true }), jsx("div", { className: "mt-7", children: renderFootnote(footnote) })] })] }), jsx("div", { className: "mt-5", children: renderFootnote(bottomFootnote) })] }));
+                                        }), renderInterestPayment({
+                                            isMonthlyInterestPayment,
+                                            callback: handleIsMonthlyInterestPayment,
+                                            title: 'Выплата процентов',
+                                            orientation: 'vertical',
+                                        })] })] }), isShowUnknownRate ? (jsx(UnknownRate, {})) : (jsx(Rate, { rate: rate, depositeName: depositeName, isShowDepositeName: isShowDepositeName, rateBlockClassName: "tracking-[-25px]", unit: "%" })), jsxs("div", { className: "w-full max-w-[350px]", children: [jsx(CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u043F\u043E \u0432\u043A\u043B\u0430\u0434\u0443", value: income, postfix: "\u20BD", prefix: "+" }), jsx(CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), renderButtonsSection(buttons, { className: 'mt-7', isVertical: true }), jsx("div", { className: "mt-7", children: renderFootnote(footnote) })] })] }), jsx("div", { className: "mt-5", children: renderFootnote(bottomFootnote) })] }));
     });
     const renderBusinessDepositParamsForm = ({ isDisabledOperatingDeposit, isReplenished, isPartialWithdrawal, isSmallBusiness, handleIsReplenished, handleIsPartialWithdrawal, handleIsSmallBusiness, }) => (jsxs("div", { children: [jsx(Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: isDisabledOperatingDeposit, checked: isReplenished, onChange: handleIsReplenished }), jsx(Checkbox, { className: "mt-3", disabled: isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", checked: isPartialWithdrawal, onChange: handleIsPartialWithdrawal }), jsx(Checkbox, { className: "mt-3", text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043C\u0430\u043B\u044B\u043C \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u044F\u0442\u0438\u0435\u043C", checked: isSmallBusiness, onChange: handleIsSmallBusiness })] }));
 
@@ -1586,6 +1594,22 @@
         return (jsx(InputRange, { className: "mt-7", title: title, items: [`От ${monthText(minMonths)}`, `До ${monthText(maxMonths)}`], min: minMonths, max: maxMonths, step: STEP_MONTHS, value: clamp(monthsValue, minMonths, maxMonths), onChange: callback }));
     }
 
+    const ANNUITY = 'annuity';
+    const DIFFERENTIAL = 'differential';
+    const paymentTypeItems = [
+        {
+            id: ANNUITY,
+            text: 'Аннуитетный',
+        },
+        {
+            id: DIFFERENTIAL,
+            text: 'Дифференцированный',
+        },
+    ];
+    function renderPaymentType({ isAnnuity, callback, title, orientation = 'horizontal', }) {
+        return (jsxs("div", { children: [title ? (jsx("div", { className: "mb-3", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: paymentTypeItems, checkedItem: isAnnuity ? ANNUITY : DIFFERENTIAL, onChange: (text) => callback && callback(text === ANNUITY) })] }));
+    }
+
     /**
      * Формулы расчёта аннуитетных и дифференцированных платежей:
      * https://finuslugi.ru/potrebitelskie_kredity/stat_annuitetnye_i_differentsirovannye_platezhi
@@ -1611,32 +1635,18 @@
                 checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
                 checkRangeByKeys(monthsValue, ['minMonths', 'maxMonths'], _));
         }) || DEFAULT_CREDIT_CALCULATOR_PARAMS;
-        const { rateBottomRange, rateTopRange, sumBorder } = creditCalculatorSourceBookParams;
-        const finalRate = moneyValue <= sumBorder ? rateBottomRange : rateTopRange;
-        const monthlyPayment = getMonthlyPayment(finalRate, userInputParams);
+        const { rate } = creditCalculatorSourceBookParams;
+        const monthlyPayment = getMonthlyPayment(rate, userInputParams);
         const sourceBookRows = data?.rows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
         return {
             ...creditCalculatorSourceBookParams,
             ...getRangeByKeys(['minSum', 'maxSum'], sourceBookRows),
             ...getRangeByKeys(['minMonths', 'maxMonths'], sourceBookRows),
             ...userInputParams,
-            finalRate,
             monthlyPayment,
         };
     };
 
-    const ANNUITY = 'annuity';
-    const DIFFERENTIAL = 'differential';
-    const paymentTypeItems = [
-        {
-            id: ANNUITY,
-            text: 'Аннуитетный',
-        },
-        {
-            id: DIFFERENTIAL,
-            text: 'Дифференцированный',
-        },
-    ];
     const CreditCalculatorForm = JSX(({ className = '', sourceBookDir, buttons, footnote }) => {
         const [isAnnuity, toggleIsAnnuity] = useState(false);
         const [isInsurance, toggleIsInsurance] = useState(true);
@@ -1655,13 +1665,34 @@
             monthsValue,
         };
         const calculatorParams = useCreditCalculatorParams(userInputParams, sourceBookDir);
-        return (jsxs("section", { className: style('flex justify-between', className), children: [jsxs("div", { className: "w-[468px]", children: [renderWantedSumInput('Сумма кредита, ₽', { ...calculatorParams, step: 500 }, handleMoneyValue), renderMonthsInput('Срок кредита, месяцев', calculatorParams, handleMonthsValue), jsxs("div", { className: "mt-7", children: [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", checked: isSalaryClient, onChange: toggleIsSalaryClient }), jsx(Checkbox, { className: "mt-3", text: "\u0420\u0430\u0431\u043E\u0442\u0430\u044E \u0432 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0439 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", checked: isStateEmployee, onChange: toggleIsStateEmployee }), jsx(Checkbox, { className: "mt-3", 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", checked: isInsurance, onChange: toggleIsInsurance })] })] }), jsx(Rate, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", rate: calculatorParams.finalRate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), jsxs("div", { className: "w-full max-w-[350px]", children: [jsx(CalculatorValueBlock, { title: isAnnuity ? 'Ежемесячный платеж' : 'Платёж в первый месяц', value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), jsx(RadioButtonGroup, { items: paymentTypeItems, checkedItem: isAnnuity ? ANNUITY : DIFFERENTIAL, onChange: (text) => toggleIsAnnuity(text === ANNUITY) }), renderButtonsSection(buttons, { className: 'mt-7', isVertical: true }), renderFootnote(footnote)] })] }));
+        return (jsxs("section", { className: style('flex justify-between', className), children: [jsxs("div", { className: "w-[468px]", children: [renderWantedSumInput('Сумма кредита, ₽', { ...calculatorParams, step: 500 }, handleMoneyValue), renderMonthsInput('Срок кредита, месяцев', calculatorParams, handleMonthsValue), jsxs("div", { className: "mt-7", children: [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", checked: isSalaryClient, onChange: toggleIsSalaryClient }), jsx(Checkbox, { className: "mt-3", text: "\u0420\u0430\u0431\u043E\u0442\u0430\u044E \u0432 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0439 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", checked: isStateEmployee, onChange: toggleIsStateEmployee }), jsx(Checkbox, { className: "mt-3", 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", checked: isInsurance, onChange: toggleIsInsurance })] })] }), jsx(Rate, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", rate: calculatorParams.rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), jsxs("div", { className: "w-full max-w-[350px]", children: [jsx(CalculatorValueBlock, { title: 'Ежемесячный платеж', value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), renderPaymentType({
+                            isAnnuity,
+                            orientation: 'vertical',
+                            callback: toggleIsAnnuity,
+                        }), renderButtonsSection(buttons, { className: 'mt-7', isVertical: true }), renderFootnote(footnote)] })] }));
     });
 
+    const REMOTE_REGISTRATION = 'remote';
+    const OFFICE_REGISTRATION = 'office';
+    const registrationTypeItems = [
+        {
+            id: OFFICE_REGISTRATION,
+            text: 'Офис Банка',
+        },
+        {
+            id: REMOTE_REGISTRATION,
+            text: 'Дистанционно',
+        },
+    ];
+    function renderRegistrationType({ isRemoteRegistration, callback, title, orientation = 'horizontal', }) {
+        return (jsxs("div", { children: [title ? (jsx("div", { className: "mb-3", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, jsx("div", { children: jsx(RadioButtonGroup, { orientation: orientation, items: registrationTypeItems, checkedItem: isRemoteRegistration ? REMOTE_REGISTRATION : OFFICE_REGISTRATION, onChange: (text) => callback && callback(text === REMOTE_REGISTRATION) }) })] }));
+    }
+
     const useDepositCalculatorParams = (userInputParams, sourceBookDir) => {
-        const { isMonthlyInterestPayment, moneyValue, monthsValue } = userInputParams;
+        const { isMonthlyInterestPayment, isRemoteRegistration, moneyValue, monthsValue } = userInputParams;
         const data = useCalculatorParams(sourceBookDir || DEPOSIT_CALC_DEFAULT_DIR);
         const depositCalculatorSourceBookParams = data?.rows?.find((_) => isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
+            isRemoteRegistration === _.isRemoteRegistration &&
             checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
             checkRangeByKeys(monthsValue, ['minMonths', 'maxMonths'], _)) || DEFAULT_DEPOSIT_CALCULATOR_PARAMS;
         const { rate } = depositCalculatorSourceBookParams;
@@ -1696,10 +1727,13 @@
         const [monthsValue, setMonthsValue] = useState(DEFAULT_MONTHS);
         const [isMonthlyInterestPayment, toggleIsMonthlyInterestPayment] = useState(false);
         const handleIsMonthlyInterestPayment = useCallback((_) => toggleIsMonthlyInterestPayment(_), []);
+        const [isRemoteRegistration, toggleIsRemoteRegistration] = useState(false);
+        const handleIsRemoteRegistration = useCallback((_) => toggleIsRemoteRegistration(_), []);
         const userInputParams = {
             moneyValue,
             monthsValue,
             isMonthlyInterestPayment,
+            isRemoteRegistration,
         };
         const handleMonthsValue = useCallback((_) => setMonthsValue(_), []);
         const calculatorParams = useDepositCalculatorParams(userInputParams, sourceBookDir);
@@ -1708,7 +1742,15 @@
                             ...calculatorParams,
                         }, handleMoneyValue), renderMonthsInput('Срок вклада, месяцев', {
                             ...calculatorParams,
-                        }, handleMonthsValue)] }), jsx(Rate, { rate: rate || 1, rateBlockClassName: "tracking-[-25px]", unit: "%" }), jsxs("div", { className: "w-full max-w-[350px]", children: [income ? (jsx(CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u043F\u043E \u0432\u043A\u043B\u0430\u0434\u0443", value: income, postfix: "\u20BD", prefix: "+" })) : null, finalSum ? (jsx(CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" })) : null, renderInterestPayment(isMonthlyInterestPayment, handleIsMonthlyInterestPayment), renderButtonsSection(buttons, { className: 'mt-7', isVertical: true }), renderFootnote(footnote)] })] }));
+                        }, handleMonthsValue), jsxs("div", { className: "mt-7 flex flex-col  gap-y-7", children: [renderInterestPayment({
+                                    isMonthlyInterestPayment,
+                                    callback: handleIsMonthlyInterestPayment,
+                                    title: 'Выплата процентов',
+                                }), renderRegistrationType({
+                                    isRemoteRegistration,
+                                    callback: handleIsRemoteRegistration,
+                                    title: 'Оформление',
+                                })] })] }), jsx(Rate, { rate: rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), jsxs("div", { className: "w-full max-w-[350px]", children: [jsx(CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u043F\u043E \u0432\u043A\u043B\u0430\u0434\u0443", value: income, postfix: "\u20BD", prefix: "+" }), jsx(CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), renderButtonsSection(buttons, { className: 'mt-7', isVertical: true }), renderFootnote(footnote)] })] }));
     });
 
     const EmbeddableCalcBlocks = {
@@ -2540,7 +2582,7 @@
 
     const SearchBar$1 = JSX((props) => jsx(SearchBarInner, { ...props }));
 
-    const Contacts = JSX(({ className = '', items, hasButton }) => (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", href: "/", target: "_blank", ariaLabel: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C", text: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C" })) : null] })));
+    const Contacts = JSX(({ className = '', items, hasButton }) => (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", href: "https://www.rshb.ru/feedback/question/", target: "_blank", ariaLabel: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C", text: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C" })) : null] })));
     const renderContact = (item, index) => {
         const { type, text, description } = item;
         return (jsxs("div", { className: "mb-4", children: [jsx("div", { children: renderText(type, text) }), jsx("div", { className: "mt-1 text-s-light text-secondary-text", children: description })] }, String(index)));
@@ -2568,18 +2610,19 @@
     });
 
     const Sitemap = JSX(({ className = '', fallback }) => {
-        const link = useLink();
+        const link = useLink(true);
         const sitemap = useSWRResource(projectSettings.SITEMAP || 'sitemap', fallback);
         return (jsx("div", { className: `flex flex-grow items-start justify-between gap-[54px] xl:gap-5 ${className}`, children: sitemap.topItems?.map((_, i) => renderColumn(link(_), i)) }));
     });
     const renderColumn = (menuItem, index) => {
         const { text, items, href, target, onClick } = menuItem;
-        return (jsxs("div", { className: "flex flex-col w-1/5 last:w-1/4 gap-3.5", children: [jsx("a", { className: "block leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }), items?.map((_, i) => (jsx(ColumnItem, { ..._, index: i }, String(i))))] }, String(index)));
+        return (jsxs("div", { className: "flex flex-col w-1/5 last:w-1/4 gap-3.5", children: [jsx("a", { className: "block leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }), items?.map((_, i) => (jsx(ColumnItem, { ..._, basePath: href, index: i }, String(i))))] }, String(index)));
     };
-    const ColumnItem = JSX(({ text, index, ...rest }) => {
-        const link = useLink();
+    const ColumnItem = JSX(({ text, index, basePath, ...rest }) => {
+        const isAnotherPortal = projectSettings.BASE_PATH && basePath ? !projectSettings.BASE_PATH.startsWith(basePath) : false;
+        const link = useLink(isAnotherPortal);
         const { href, target, onClick } = link(rest);
-        return (jsx("a", { className: "block text-l-light text-secondary-text hover:text-primary-main no-underline", href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }));
+        return (jsx("a", { className: "block text-l-light text-secondary-text hover:text-primary-main no-underline", href: isAnotherPortal ? joinPath(basePath, href) : href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }));
     });
 
     const TextInformationLink = JSX(({ className = '', index, ...rest }) => {
@@ -3873,56 +3916,27 @@
     };
     const getContainerWidth = (length) => (length < 5 ? 'w-[276px]' : 'w-[210px]');
 
-    const STEPS_BLOCK_STYLE_MAPS = {
-        primary: {
-            description: '!text-secondary-text text-l-light',
-            iconText: 'text-secondary-text',
-            iconBackground: 'bg-main-divider',
-            iconConnector: 'bg-secondary-light',
-            dot: 'bg-secondary-text',
-        },
-        secondary: {
-            description: '!text-white/80 text-l-light',
-            iconText: 'text-white',
-            iconBackground: 'bg-white/30',
-            iconConnector: 'bg-white',
-            dot: 'bg-white/80',
-        },
-        gray: {
-            // TODO Replace this Map with group-data-*
-            description: '!text-white/80 text-l-light',
-            iconText: 'text-white',
-            iconBackground: 'bg-white/30',
-            iconConnector: 'bg-white',
-            dot: 'bg-white/80',
-        },
-        transparent: {
-            description: '!text-white/80 text-l-light',
-            iconText: 'text-white',
-            iconBackground: 'bg-white/30',
-            iconConnector: 'bg-white',
-            dot: 'bg-white/80',
-        },
-        '': {
-            // TODO Replace this Map with group-data-*
-            description: '!text-white/80 text-l-light',
-            iconText: 'text-white',
-            iconBackground: 'bg-white/30',
-            iconConnector: 'bg-white',
-            dot: 'bg-white/80',
-        },
+    const STEPS_BLOCK_STYLE = {
+        description: 'text-white/80 text-l-light group-data-primary:text-secondary-text',
+        iconText: 'text-white group-data-primary:text-secondary-text',
+        iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
+        iconConnector: 'bg-white group-data-primary:bg-secondary-light',
+        dot: 'bg-white/80 group-data-primary:bg-secondary-text',
     };
 
     const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
     const getPaddingX = (steps) => (steps < 5 ? 'px-[88px]' : 'px-[55px]');
-    const StepsBlock = JSX(({ className = '', showLines = true, steps = [], button, version = 'primary', title, ...rest }) => {
+    const StepsBlock = JSX(({ className = '', showLines = true, steps = [], button, size = 'normal', version = 'primary', stepVersion = 'gray', title, ...rest }) => {
         const shortGaps = steps.length > 3;
-        const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
+        const styleMap = STEPS_BLOCK_STYLE;
         const lineOpacity = getLineOpacity(showLines);
         const paddingX = getPaddingX(steps.length);
-        return (jsxs(BlockWrapper, { className: style('box-border py-12', shortGaps ? 'px-20' : 'px-[70px]', 'flex flex-col items-center overflow-hidden', className), version: version, ...rest, children: [title ? (jsx(Heading, { headingType: "h3", className: "max-w-[752px] text-center mb-9", title: title })) : null, steps?.length ? (jsxs("div", { className: "box-border", children: [jsx("div", { className: style('flex items-center', paddingX), children: joinList(jsx("div", { className: style('h-0.5 w-full bg-secondary-light', lineOpacity) }))(steps.map(renderStepIcon(styleMap, version))) }), jsx("div", { className: style('flex justify-between mt-4', shortGaps ? 'gap-x-3' : 'gap-x-[101px]'), children: steps.map(renderStep({ styleMap, isMainButton: Boolean(button?.text), version })) })] })) : null, button?.text ? jsx(Button, { className: "mt-8 min-w-60", version: "primary", ...button }) : null] }));
+        return (jsxs(BlockWrapper, { className: style('box-border py-12', shortGaps ? 'px-20' : 'px-[70px]', 'flex flex-col items-center overflow-hidden', className), version: version, ...rest, children: [title ? (jsx(Heading, { headingType: "h4", className: "max-w-[752px] text-center mb-9", title: title })) : null, steps?.length ? (jsxs("div", { className: "box-border", children: [jsx("div", { className: style('flex items-center', paddingX), children: joinList(jsx("div", { className: style('h-0.5 w-full bg-secondary-light flex-1', lineOpacity) }))(steps.map(renderStepIcon(styleMap, size, stepVersion))) }), jsx("div", { className: style('flex justify-between mt-4', shortGaps ? 'gap-x-3' : 'gap-x-[101px]'), children: steps.map(renderStep({ styleMap, isMainButton: Boolean(button?.text), version })) })] })) : null, button?.text ? renderButtonsSection([button], { className: 'mt-8 min-w-60' }) : null] }));
     });
-    const renderStepIcon = (styleMap, version) => ({ icon }, i) => (jsx("div", { className: "flex flex-col items-center text-center", children: jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center ${styleMap.iconBackground}`, children: checkCanRenderIcon(icon) ? (jsx(ImgInner, { image: getIconWithVersion(icon || {}, version), width: "48", height: "48", asSVG: true })) : (jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
+    const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
+        const styleStepIconSize = size === 'normal' ? 'h-[100px] w-[100px]' : 'h-[63px] w-[63px]';
+        return (jsx(BlockWrapper, { className: `${styleStepIconSize} flex justify-center items-center text-center rounded-full p-[26px] box-border z-10`, version: stepVersion, children: checkCanRenderIcon(icon) ? (jsx(ImgInner, { image: getIconWithVersion(icon || {}, stepVersion), width: "48", height: "48", asSVG: true })) : (jsx("span", { className: `text-h4 group-data-transparent:${styleMap.iconText} text-primary-text`, children: i + 1 })) }, String(i)));
+    };
 
     const containerStyles = {
         'horizontal-list': 'mx-auto mt-5 w-fit',
@@ -4527,7 +4541,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.8.20";
+    const packageVersion = "0.8.22";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;