@redneckz/wildless-cms-uni-blocks 0.14.184 → 0.14.185

package/mobile/bundle/bundle.umd.js

@@ -647,7 +647,7 @@
     }).format(Number(_) || 0);
 
     const PriceList = JSX(({ priceList }) => priceList?.length ? (jsx("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", children: priceList.map(renderPriceListItem) })) : null);
-    const renderPriceListItem = ({ label, amount }) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: label }), amount ? (jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(amount), " \u20BD"] })) : null] }));
+    const renderPriceListItem = ({ label, amount }, i) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: label }), amount ? (jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(amount), " \u20BD"] })) : null] }, String(i)));
 
     const Tags = JSX(({ className, tags }) => tags?.length ? (jsx("div", { className: style('flex flex-wrap gap-xs', className), role: "list", children: tags.map(renderTag) })) : null);
     const renderTag = (tag, key) => (jsx("div", { className: "p-xs border-solid border rounded-md border-gray", role: "listitem", children: jsx(Text, { size: "text-m", font: "font-light", children: tag }) }, String(key)));
@@ -2314,7 +2314,7 @@
     const BUSINESS_RATE_MIN_DAYS = 30; // порог количества дней, при которых ставка не доступна
     const BUSINESS_OPERATING_MIN_DAYS = 90;
     const BUSINESS_OPERATING_MAX_DAYS = 730;
-    const BUSINESS_DEFAULT_DAYS = 90;
+    const BUSINESS_DEFAULT_DAYS = 60;
     const MONTHS_IN_YEAR = 12;
     const MONTHLY_INTEREST_RATE = MONTHS_IN_YEAR * 100;
     const DEFAULT_CREDIT_CALCULATOR_PARAMS = {
@@ -2376,11 +2376,26 @@
         isPartialWithdrawal: false,
         depositeName: "Депозит 'Стабильный'",
     };
-    const CREDIT_CALC_DEFAULT_DIR = 'credit-calculator-data';
-    const BONUS_CALC_DEFAULT_DIR = 'bonus-calculator-data';
-    const DEPOSIT_CALC_DEFAULT_DIR = 'deposit-calculator-data';
-    const BUSINESS_DEPOSIT_CALC_DEFAULT_DIR = 'business-calculator-data';
-    const REFINANCING_CALC_DEFAULT_DIR = 'refinancing-calculator-data';
+
+    const getBonus = (params, bonusTravelValue, bonusOtherValue) => {
+        const { maxBonus = 5000, prefMonthsNum = DEFAULT_BONUS_CALCULATOR_PARAMS.prefMonthsNum, prefTravelBonusRate = DEFAULT_BONUS_CALCULATOR_PARAMS.prefTravelBonusRate, prefRestBonusRate = 0.01, travelBonusRate = 0.015, restBonusRate = 0.01, } = params;
+        const prefBonus = Math.min(Math.round(prefTravelBonusRate * bonusTravelValue) +
+            Math.round(prefRestBonusRate * bonusOtherValue), maxBonus);
+        const bonus = Math.min(Math.round(travelBonusRate * bonusTravelValue) + Math.round(restBonusRate * bonusOtherValue), maxBonus);
+        const yearBonus = prefBonus * prefMonthsNum + bonus * (MONTHS_IN_YEAR - prefMonthsNum);
+        return [prefBonus, yearBonus];
+    };
+
+    const getBonusCalculatorParams = (userInputParams, calcSource) => {
+        const { travelExpenseValue, restExpenseValue } = userInputParams;
+        const [monthBonus, yearBonus] = getBonus(calcSource || DEFAULT_BONUS_CALCULATOR_PARAMS, travelExpenseValue, restExpenseValue);
+        return {
+            ...calcSource,
+            ...userInputParams,
+            monthBonus,
+            yearBonus,
+        };
+    };
 
     const renderFootnote = (text) => text ? (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: text })) : null;
 
@@ -2399,39 +2414,12 @@
         return jsx(InputRange, { items: isShowItems ? items : [], step: step, ...rest });
     }
 
-    const getBonus = (params, bonusTravelValue, bonusOtherValue) => {
-        const { maxBonus, prefMonthsNum, prefTravelBonusRate, prefRestBonusRate, travelBonusRate, restBonusRate, } = params;
-        const prefBonus = Math.min(Math.round(prefTravelBonusRate * bonusTravelValue) +
-            Math.round(prefRestBonusRate * bonusOtherValue), maxBonus);
-        const bonus = Math.min(Math.round(travelBonusRate * bonusTravelValue) + Math.round(restBonusRate * bonusOtherValue), maxBonus);
-        const yearBonus = prefBonus * prefMonthsNum + bonus * (MONTHS_IN_YEAR - prefMonthsNum);
-        return [prefBonus, yearBonus];
-    };
-
-    function useCalculatorParams(dir) {
-        const { data } = useAsyncData(`/wcms-resources/${dir}.json`, fetchJSONUnsafe);
-        return data;
-    }
-
-    const useBonusCalculatorParams = (userInputParams, sourceBookDir) => {
-        const { travelExpenseValue, restExpenseValue } = userInputParams;
-        const bonusCalculatorSourceBookParams = useCalculatorParams(sourceBookDir || BONUS_CALC_DEFAULT_DIR) ||
-            DEFAULT_BONUS_CALCULATOR_PARAMS;
-        const [monthBonus, yearBonus] = getBonus(bonusCalculatorSourceBookParams, travelExpenseValue, restExpenseValue);
-        return {
-            ...bonusCalculatorSourceBookParams,
-            ...userInputParams,
-            monthBonus,
-            yearBonus,
-        };
-    };
-
-    const BonusCalculatorForm = JSX(({ className = '', sourceBookDir, buttons, footnote }) => {
+    const BonusCalculatorForm = JSX(({ className = '', calcSource, buttons, footnote }) => {
         const [userInputParams, { field }] = useForm({
             travelExpenseValue: DEFAULT_TRAVEL_MIN_SUM,
             restExpenseValue: DEFAULT_REST_MIN_SUM,
         });
-        const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } = useBonusCalculatorParams(userInputParams, sourceBookDir);
+        const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } = getBonusCalculatorParams(userInputParams, calcSource);
         return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-y-4xl', className), children: [jsxs("div", { className: "flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0", children: [renderWantedSumInput({
                             title: 'Сумма покупок в категории путешествия, ₽',
                             min: minSumTravel,
@@ -2459,35 +2447,6 @@
 
     const CalculatorFormLayout = JSX(({ className, inputChildren, rateChildren, resultChildren }) => (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsx("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: inputChildren }), jsx("div", { className: "border-b border-main-divider md:hidden" }), rateChildren, jsx("div", { className: "flex flex-col gap-2xl sm:w-96 max-w-full", children: resultChildren })] })));
 
-    const getMoneyDefaultValue = (defaultParams, defaultMoney = 0) => defaultParams?.sum && defaultParams.sum >= DEFAULT_MIN_SUM$1 && defaultParams.sum <= DEFAULT_MAX_SUM$1
-        ? defaultParams.sum
-        : defaultMoney;
-    const getMonthsDefaultValue = (defaultParams, defaultMonth = 0) => defaultParams?.period &&
-        defaultParams.period >= DEFAULT_MIN_MONTHS &&
-        defaultParams.period <= DEFAULT_MAX_MONTHS
-        ? defaultParams.period
-        : defaultMonth;
-
-    const STEP_DAYS = 1;
-    const renderDaysInput = (props) => (jsx(InputRange, { items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
-    const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
-
-    const orientationStyleMap = {
-        horizontal: 'gap-5xl',
-        vertical: 'flex-col gap-s',
-    };
-    const RadioButtonGroup = JSX(({ items, checkedItem, className, onChange: onChangeCheckedItem, orientation = 'horizontal', }) => (jsx("div", { className: style(`flex ${orientationStyleMap[orientation]}`, className), children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id) }, String(id)))) })));
-
-    const renderBinaryRadioButtonGroup = ({ items, title, mobileTitle = title, orientation = 'horizontal', value, radioGroupClassName, onChange, }) => (jsxs("div", { className: "space-y-s", children: [title ? (jsx("div", { className: "hidden @5xl:block", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, mobileTitle ? (jsx("div", { className: "@5xl:hidden", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: mobileTitle }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: items, checkedItem: items[value ? 0 : 1].id, className: style('flex-col sm:flex-row', radioGroupClassName), onChange: (_) => onChange && onChange(_ === items[0].id) })] }));
-
-    const renderInterestPayment = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        items: [
-            { id: 'everyMonth', text: 'Ежемесячно' },
-            { id: 'atEndTerm', text: 'В конце срока' },
-        ],
-    });
-
     const getLimitRangeByKeys = ([minKey, maxKey], limitParams, rateRows = []) => limitParams && limitParams[minKey] && limitParams[maxKey]
         ? {
             [minKey]: limitParams[minKey],
@@ -2504,9 +2463,8 @@
     });
     const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value <= sourceBookRow[maxKey];
 
-    const useBusinessDepositCalculatorParams = (userInputParams, sourceBookDir) => {
+    const getBusinessDepositCalculatorParams = (userInputParams, calcSource) => {
         const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isMonthlyInterestPayment } = userInputParams;
-        const data = useCalculatorParams(sourceBookDir || BUSINESS_DEPOSIT_CALC_DEFAULT_DIR);
         const isOperatingDeposit = isReplenished || isPartialWithdrawal;
         const isDisabledOperatingDeposit = daysValue < BUSINESS_OPERATING_MIN_DAYS || daysValue > BUSINESS_OPERATING_MAX_DAYS;
         if (daysValue <= BUSINESS_RATE_MIN_DAYS) {
@@ -2517,7 +2475,7 @@
                 isUnavailableByTerm: true,
             };
         }
-        const businessDepositCalculatorSourceBookParams = data?.rateRows?.find((_) => {
+        const businessDepositCalculatorSourceBookParams = calcSource?.rateRows?.find((_) => {
             return (isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
                 checkIsOperatingDeposit(isOperatingDeposit, _) &&
                 checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
@@ -2526,7 +2484,7 @@
         const { rate } = businessDepositCalculatorSourceBookParams;
         const income = getDepositIncome$1(rate, userInputParams);
         const finalSum = moneyValue + income;
-        const sourceBookRows = data?.rateRows || [DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS];
+        const sourceBookRows = calcSource?.rateRows || [DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS];
         return {
             ...businessDepositCalculatorSourceBookParams,
             ...getRangeByKeys(['minSum', 'maxSum'], sourceBookRows),
@@ -2553,7 +2511,36 @@
         }
     };
 
-    const BusinessDepositCalculatorForm = JSX(({ className = '', rateParams, buttons, footnote, bottomFootnote, isShowDepositeName, defaultParams, }) => {
+    const getMoneyDefaultValue = (defaultParams, defaultMoney = 0) => defaultParams?.sum && defaultParams.sum >= DEFAULT_MIN_SUM$1 && defaultParams.sum <= DEFAULT_MAX_SUM$1
+        ? defaultParams.sum
+        : defaultMoney;
+    const getMonthsDefaultValue = (defaultParams, defaultMonth = 0) => defaultParams?.period &&
+        defaultParams.period >= DEFAULT_MIN_MONTHS &&
+        defaultParams.period <= DEFAULT_MAX_MONTHS
+        ? defaultParams.period
+        : defaultMonth;
+
+    const STEP_DAYS = 1;
+    const renderDaysInput = (props) => (jsx(InputRange, { items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
+    const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
+
+    const orientationStyleMap = {
+        horizontal: 'gap-5xl',
+        vertical: 'flex-col gap-s',
+    };
+    const RadioButtonGroup = JSX(({ items, checkedItem, className, onChange: onChangeCheckedItem, orientation = 'horizontal', }) => (jsx("div", { className: style(`flex ${orientationStyleMap[orientation]}`, className), children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id) }, String(id)))) })));
+
+    const renderBinaryRadioButtonGroup = ({ items, title, mobileTitle = title, orientation = 'horizontal', value, radioGroupClassName, onChange, }) => (jsxs("div", { className: "space-y-s", children: [title ? (jsx("div", { className: "hidden @5xl:block", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, mobileTitle ? (jsx("div", { className: "@5xl:hidden", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: mobileTitle }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: items, checkedItem: items[value ? 0 : 1].id, className: style('flex-col sm:flex-row', radioGroupClassName), onChange: (_) => onChange && onChange(_ === items[0].id) })] }));
+
+    const renderInterestPayment = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        items: [
+            { id: 'everyMonth', text: 'Ежемесячно' },
+            { id: 'atEndTerm', text: 'В конце срока' },
+        ],
+    });
+
+    const BusinessDepositCalculatorForm = JSX(({ className = '', buttons, footnote, bottomFootnote, isShowDepositeName, defaultParams, calcSource, }) => {
         const [userInputParams, { field }] = useForm({
             moneyValue: getMoneyDefaultValue(defaultParams, BUSINESS_DEFAULT_SUM),
             daysValue: getMonthsDefaultValue(defaultParams, BUSINESS_DEFAULT_DAYS),
@@ -2561,7 +2548,7 @@
             isPartialWithdrawal: Boolean(defaultParams?.isPartialWithdrawal),
             isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
         });
-        const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, rateParams?.rateType && rateParams.sourceBookDir);
+        const calculatorParams = getBusinessDepositCalculatorParams(userInputParams, calcSource);
         const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
         return (jsx(CalculatorFormLayout, { className: className, inputChildren: jsxs("div", { children: [renderWantedSumInput({
                         title: 'Сумма, ₽',
@@ -2590,19 +2577,6 @@
     const renderBusinessDepositParamsForm = (calculatorParams, field) => (jsxs("div", { className: "space-y-s", children: [jsx(Text, { color: "text-secondary-text", font: "font-light", children: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B" }), jsxs("div", { className: "flex flex-col gap-y-xl sm:gap-y-s", children: [jsx(Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), jsx(Checkbox, { disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal })] })] }));
     const renderDepositResults = (finalSum, income) => (jsxs("div", { className: "flex flex-col gap-2xl sm:gap-0 mb-lg", children: [jsx(CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", 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" })] }));
 
-    const STEP_MONTHS = 1;
-    const renderMonthsInput = ({ min = 0, max = 0, availableMonths, ...rest }) => (jsx(InputRange, { items: [`От ${monthText(min)}`, `До ${monthText(max)}`], step: STEP_MONTHS, ...(availableMonths?.length ? { list: availableMonths } : { min, max }), ...rest }));
-    const monthText = (month) => `${month} ${Number(month) % 10 === 1 ? 'месяца' : 'месяцев'}`;
-
-    const renderPaymentType = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        radioGroupClassName: 'sm:flex-col',
-        items: [
-            { id: 'annuity', text: 'Аннуитетный' },
-            { id: 'differential', text: 'Дифференцированный' },
-        ],
-    });
-
     const checkCreditSourceBookRowCommonParams = (props) => checkRowParam$1({
         ...props,
         fieldKey: 'isSalaryClient',
@@ -2665,11 +2639,10 @@
         }
     };
 
-    const useCreditCalculatorParams = (userInputParams, sourceBookDir, paramsViewSettings) => {
+    const getCreditCalculatorParams = (userInputParams, calcSource, paramsViewSettings) => {
         const { moneyValue, monthsValue } = userInputParams;
-        const data = useCalculatorParams(sourceBookDir || CREDIT_CALC_DEFAULT_DIR);
-        const rateRows = data?.rateRows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
-        const limitRows = data?.limitRows || [];
+        const rateRows = calcSource?.rateRows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
+        const limitRows = calcSource?.limitRows || [];
         const creditCalculatorSourceBookLimitParams = getCreditCalculatorLimitParams({
             limitRows,
             userInputParams,
@@ -2686,7 +2659,7 @@
         });
         const { rate } = creditCalculatorRateParams;
         const monthlyPayment = getMonthlyPayment(rate, userInputParams);
-        return useMemo(() => ({
+        return {
             ...creditCalculatorRateParams,
             ...userInputParams,
             minSum,
@@ -2696,10 +2669,23 @@
             moneyValue,
             monthsValue,
             monthlyPayment,
-        }), [userInputParams, data]);
+        };
     };
 
-    const CreditCalculatorForm = JSX(({ className, sourceBookDir, buttons, footnote, paramsViewSettings, defaultParams }) => {
+    const STEP_MONTHS = 1;
+    const renderMonthsInput = ({ min = 0, max = 0, availableMonths, ...rest }) => (jsx(InputRange, { items: [`От ${monthText(min)}`, `До ${monthText(max)}`], step: STEP_MONTHS, ...(availableMonths?.length ? { list: availableMonths } : { min, max }), ...rest }));
+    const monthText = (month) => `${month} ${Number(month) % 10 === 1 ? 'месяца' : 'месяцев'}`;
+
+    const renderPaymentType = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        radioGroupClassName: 'sm:flex-col',
+        items: [
+            { id: 'annuity', text: 'Аннуитетный' },
+            { id: 'differential', text: 'Дифференцированный' },
+        ],
+    });
+
+    const CreditCalculatorForm = JSX(({ className, calcSource, buttons, footnote, paramsViewSettings, defaultParams }) => {
         const [userInputParams, { field }] = useForm({
             moneyValue: getMoneyDefaultValue(defaultParams, CREDIT_DEFAULT_SUM),
             monthsValue: getMonthsDefaultValue(defaultParams, DEFAULT_MONTHS),
@@ -2709,7 +2695,7 @@
             isPensionClient: Boolean(defaultParams?.isEnablePensionClient),
             isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
         });
-        const calculatorParams = useCreditCalculatorParams(userInputParams, sourceBookDir, paramsViewSettings);
+        const calculatorParams = getCreditCalculatorParams(userInputParams, calcSource, paramsViewSettings);
         const paymentTypeElement = renderPaymentType({
             title: '',
             mobileTitle: 'Тип платежа',
@@ -2735,14 +2721,6 @@
     });
     const renderCreditParamsForm$1 = (params, field) => (jsxs("div", { className: "flex flex-col gap-y-2xl", children: [params.isShowSalaryClient ? (jsx(Checkbox, { text: `Получаю зарплату на счёт\nв Россельхозбанке`, ...field('isSalaryClient'), value: params.isSalaryClient, className: "whitespace-pre-line sm:whitespace-normal" })) : null, params.isShowStateEmployee ? (jsx(Checkbox, { 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", ...field('isStateEmployee'), value: params.isStateEmployee })) : null, params.isShowPensionClient ? (jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u043F\u0435\u043D\u0441\u0438\u044E \u043D\u0430 \u043A\u0430\u0440\u0442\u0443 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0430", ...field('isPensionClient'), value: params.isPensionClient })) : 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] }));
 
-    const renderRegistrationType = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        items: [
-            { id: 'remote', text: 'Дистанционно' },
-            { id: 'office', text: 'Офис Банка' },
-        ],
-    });
-
     const arrayByRange = (start, stop, step = 1) => Array.from({ length: Math.abs(stop - start) / step + 1 }, (value, index) => stop >= start ? start + index * step : start - index * step);
 
     const mergeIntervals = (intervals) => {
@@ -2762,15 +2740,14 @@
         return result;
     };
 
-    const useDepositCalculatorParams = (userInputParams, sourceBookDir, paramsViewSettings) => {
+    const getDepositCalculatorParams = (userInputParams, calcSource, paramsViewSettings) => {
         const { moneyValue, monthsValue } = userInputParams;
-        const data = useCalculatorParams(sourceBookDir || DEPOSIT_CALC_DEFAULT_DIR);
-        const defaultMonth = data?.rateRows?.[0]
-            ? getMiddleMonth(data.rateRows[0].minMonths, data.rateRows[0].maxMonths)
+        const defaultMonth = calcSource?.rateRows?.[0]
+            ? getMiddleMonth(calcSource.rateRows[0].minMonths, calcSource.rateRows[0].maxMonths)
             : 0;
         const isExcludeMonthlyInterestPayment = !paramsViewSettings?.isShowMonthlyInterestPayment;
         const isExcludeRemoteRegistration = !paramsViewSettings?.isShowRemoteRegistration;
-        const depositCalculatorSourceBookParams = data?.rateRows?.find((row) => checkRowByParam({
+        const depositCalculatorSourceBookParams = calcSource?.rateRows?.find((row) => checkRowByParam({
             row,
             userInputParams,
             paramKey: 'isMonthlyInterestPayment',
@@ -2787,7 +2764,7 @@
         const { rate } = depositCalculatorSourceBookParams;
         const income = getDepositIncome(rate, userInputParams);
         const finalSum = moneyValue + income;
-        const sourceBookRows = data?.rateRows || [DEFAULT_DEPOSIT_CALCULATOR_PARAMS];
+        const sourceBookRows = calcSource?.rateRows || [DEFAULT_DEPOSIT_CALCULATOR_PARAMS];
         return {
             ...depositCalculatorSourceBookParams,
             ...getRangeByKeys(['minSum', 'maxSum'], sourceBookRows),
@@ -2814,14 +2791,23 @@
     const checkRowByParam = ({ row, userInputParams, paramKey, isExclude }) => isExclude || userInputParams[paramKey] === row[paramKey];
     const getMiddleMonth = (minMonths, maxMonths) => minMonths + Math.round((maxMonths - minMonths) / 2);
 
-    const DepositCalculatorForm = JSX(({ className, sourceBookDir, buttons, footnote, paramsViewSettings, defaultParams }) => {
+    const renderRegistrationType = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        items: [
+            { id: 'remote', text: 'Дистанционно' },
+            { id: 'office', text: 'Офис Банка' },
+        ],
+    });
+
+    const DepositCalculatorForm = JSX((props) => {
+        const { className, calcSource, buttons, footnote, paramsViewSettings, defaultParams } = props;
         const [userInputParams, { field }] = useForm({
             moneyValue: getMoneyDefaultValue(defaultParams, DEPOSIT_DEFAULT_SUM),
             monthsValue: getMonthsDefaultValue(defaultParams),
             isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
             isRemoteRegistration: Boolean(defaultParams?.isRemoteRegistration),
         });
-        const calculatorParams = useDepositCalculatorParams(userInputParams, sourceBookDir, paramsViewSettings);
+        const calculatorParams = getDepositCalculatorParams(userInputParams, calcSource, paramsViewSettings);
         const { defaultMonth, rate, income, finalSum } = calculatorParams;
         const { onChange: setMonthsValue } = field('monthsValue');
         useEffect(() => {
@@ -2889,11 +2875,10 @@
         checkRangeByKeys(moneyExtra, ['minSumExtra', 'maxSumExtra'], row) &&
         checkRangeByKeys(monthsValue, ['minMonths', 'maxMonths'], row)) || DEFAULT_REFINANCING_CALCULATOR_PARAMS;
 
-    const useRefinancingCalculatorParams = (userInputParams, sourceBookDir, paramsViewSettings) => {
+    const getRefinancingCalculatorParams = (userInputParams, calcSource, paramsViewSettings) => {
         const { moneyValue, monthsValue, oldMonthlyPayment, moneyExtra } = userInputParams;
-        const data = useCalculatorParams(sourceBookDir || REFINANCING_CALC_DEFAULT_DIR);
-        const rateRows = data?.rateRows || [DEFAULT_REFINANCING_CALCULATOR_PARAMS];
-        const limitRows = data?.limitRows || [];
+        const rateRows = calcSource?.rateRows || [DEFAULT_REFINANCING_CALCULATOR_PARAMS];
+        const limitRows = calcSource?.limitRows || [];
         const sourceBookLimitParams = getRefinancingCalculatorLimitParams({
             limitRows,
             userInputParams,
@@ -2913,7 +2898,7 @@
         const { rate } = refinancingCalculatorSourceBookRateParams;
         const monthlyPayment = getMonthlyPayment(rate, userInputParams);
         const benefit = userInputParams.oldMonthlyPayment - monthlyPayment;
-        return useMemo(() => ({
+        return {
             ...refinancingCalculatorSourceBookRateParams,
             ...userInputParams,
             minSum,
@@ -2926,10 +2911,10 @@
             moneyExtra,
             monthlyPayment,
             benefit,
-        }), [userInputParams, data]);
+        };
     };
 
-    const RefinancingCalculatorForm = JSX(({ className, sourceBookDir, buttons, footnote, paramsViewSettings }) => {
+    const RefinancingCalculatorForm = JSX(({ className, calcSource, buttons, footnote, paramsViewSettings }) => {
         const [userInputParams, { field }] = useForm({
             isAnnuity: true,
             isInsurance: true,
@@ -2940,7 +2925,7 @@
             monthsValue: DEFAULT_REFINANCING_MONTHS,
             moneyExtra: REFINANCING_OLD_DEFAULT_SUM,
         });
-        const calculatorParams = useRefinancingCalculatorParams(userInputParams, sourceBookDir, paramsViewSettings);
+        const calculatorParams = getRefinancingCalculatorParams(userInputParams, calcSource, paramsViewSettings);
         const paymentTypeElement = renderPaymentType({
             title: '',
             mobileTitle: 'Тип платежа',
@@ -2991,7 +2976,7 @@
         RefinancingCalculatorForm,
     };
 
-    const Calculator = JSX(({ className, calculatorTabs = [], ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-0", ...rest, children: renderTabs$1(calculatorTabs) })));
+    const Calculator = UniBlock(({ className, calculatorTabs = [], ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-0", ...rest, children: renderTabs$1(calculatorTabs) })));
     const renderCalculator = (tab) => {
         const type = tab.calculatorBlock?.calcType;
         if (!type || !(type in EmbeddableCalcBlocks)) {
@@ -5626,7 +5611,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.183";
+    const packageVersion = "0.14.184";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;