@redneckz/wildless-cms-uni-blocks 0.14.105 → 0.14.106

package/bundle/bundle.umd.js

@@ -2022,6 +2022,8 @@
                     : null, jsxs("div", { className: "flex flex-col gap-y-4xl @xl:w-96", children: [yearBonus >= 0 ? jsx(CalculatorValueBlock, { title: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0437\u0430 \u0433\u043E\u0434", value: yearBonus }) : null, renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }));
     });
 
+    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;
@@ -2133,29 +2135,29 @@
         });
         const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, rateParams?.rateType && rateParams.sourceBookDir);
         const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
-        return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsxs("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: [renderWantedSumInput({
-                            title: 'Сумма, ₽',
-                            min: calculatorParams.minSum,
-                            max: calculatorParams.maxSum,
-                            ...field('moneyValue'),
-                            value: calculatorParams.moneyValue,
-                        }), renderDaysInput({
-                            title: 'Срок, дней',
-                            min: calculatorParams.minDays,
-                            max: calculatorParams.maxDays,
-                            ...field('daysValue'),
-                            value: calculatorParams.daysValue,
-                        }), jsxs("div", { className: "flex flex-col sm:flex-row gap-y-4 gap-x-14", children: [renderBusinessDepositParamsForm(calculatorParams, field), renderInterestPayment({
-                                    title: 'Выплата процентов',
-                                    orientation: 'vertical',
-                                    ...field('isMonthlyInterestPayment'),
-                                    radioGroupClassName: 'sm:flex-col',
-                                })] })] }), jsx("div", { className: "border-b border-main-divider md:hidden" }), renderRate({
-                    rate,
-                    depositeName,
-                    isShowDepositeName,
-                    isUnavailableByTerm,
-                }), jsxs("div", { className: "flex flex-col gap-2xl sm:w-96", children: [renderDepositResults(finalSum, income), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote), renderFootnote(bottomFootnote)] })] }));
+        return (jsx(CalculatorFormLayout, { className: className, inputChildren: jsxs("div", { children: [renderWantedSumInput({
+                        title: 'Сумма, ₽',
+                        min: calculatorParams.minSum,
+                        max: calculatorParams.maxSum,
+                        ...field('moneyValue'),
+                        value: calculatorParams.moneyValue,
+                    }), renderDaysInput({
+                        title: 'Срок, дней',
+                        min: calculatorParams.minDays,
+                        max: calculatorParams.maxDays,
+                        ...field('daysValue'),
+                        value: calculatorParams.daysValue,
+                    }), jsxs("div", { className: "flex flex-col sm:flex-row gap-y-4 gap-x-14", children: [renderBusinessDepositParamsForm(calculatorParams, field), renderInterestPayment({
+                                title: 'Выплата процентов',
+                                orientation: 'vertical',
+                                ...field('isMonthlyInterestPayment'),
+                                radioGroupClassName: 'sm:flex-col',
+                            })] })] }), rateChildren: renderRate({
+                rate,
+                depositeName,
+                isShowDepositeName,
+                isUnavailableByTerm,
+            }), resultChildren: jsxs("div", { children: [renderDepositResults(finalSum, income), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote), renderFootnote(bottomFootnote)] }) }));
     });
     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", 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" })] }));
@@ -2286,22 +2288,22 @@
             orientation: 'vertical',
             ...field('isAnnuity'),
         });
-        return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsxs("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: [renderWantedSumInput({
-                            title: 'Сумма кредита, ₽',
-                            step: 500,
-                            min: calculatorParams.minSum,
-                            max: calculatorParams.maxSum,
-                            ...field('moneyValue'),
-                            value: calculatorParams.moneyValue,
-                        }), renderMonthsInput({
-                            title: 'Срок кредита, месяцев',
-                            min: calculatorParams.minMonths,
-                            max: calculatorParams.maxMonths,
-                            ...field('monthsValue'),
-                            value: calculatorParams.monthsValue,
-                        }), renderCreditParamsForm$1({ ...calculatorParams, ...paramsViewSettings }, field), jsx("div", { className: "sm:hidden", children: paymentTypeElement })] }), jsx("div", { className: "border-b border-main-divider md:hidden" }), renderRate({
-                    rate: calculatorParams.rate,
-                }), jsxs("div", { className: "flex flex-col gap-2xl sm:w-96", children: [jsx(CalculatorValueBlock, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), jsx("div", { className: "hidden sm:block", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }));
+        return (jsx(CalculatorFormLayout, { className: className, inputChildren: jsxs("div", { children: [renderWantedSumInput({
+                        title: 'Сумма кредита, ₽',
+                        step: 500,
+                        min: calculatorParams.minSum,
+                        max: calculatorParams.maxSum,
+                        ...field('moneyValue'),
+                        value: calculatorParams.moneyValue,
+                    }), renderMonthsInput({
+                        title: 'Срок кредита, месяцев',
+                        min: calculatorParams.minMonths,
+                        max: calculatorParams.maxMonths,
+                        ...field('monthsValue'),
+                        value: calculatorParams.monthsValue,
+                    }), renderCreditParamsForm$1({ ...calculatorParams, ...paramsViewSettings }, field), jsx("div", { className: "sm:hidden", children: paymentTypeElement })] }), rateChildren: renderRate({
+                rate: calculatorParams.rate,
+            }), resultChildren: jsxs("div", { children: [jsx(CalculatorValueBlock, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), jsx("div", { className: "hidden sm:block", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] }) }));
     });
     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] }));
 
@@ -2397,22 +2399,22 @@
         useEffect(() => {
             !userInputParams.monthsValue && setMonthsValue && setMonthsValue(defaultMonth);
         }, [defaultMonth]);
-        return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsxs("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: [renderWantedSumInput({
-                            title: 'Сумма, ₽',
-                            min: calculatorParams.minSum,
-                            max: calculatorParams.maxSum,
-                            ...field('moneyValue'),
-                            value: calculatorParams.moneyValue,
-                        }), renderMonthsInput({
-                            title: 'Срок, месяцев',
-                            min: calculatorParams.minMonths,
-                            max: calculatorParams.maxMonths,
-                            availableMonths: calculatorParams.availableMonths,
-                            ...field('monthsValue'),
-                            value: calculatorParams.monthsValue,
-                        }), renderDepositParamsForm({ ...calculatorParams, ...paramsViewSettings }, field)] }), jsx("div", { className: "border-b border-main-divider md:hidden" }), renderRate({
-                    rate,
-                }), jsxs("div", { className: "flex flex-col gap-2xl sm:w-96", 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" }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }));
+        return (jsx(CalculatorFormLayout, { className: className, inputChildren: jsxs("div", { children: [renderWantedSumInput({
+                        title: 'Сумма, ₽',
+                        min: calculatorParams.minSum,
+                        max: calculatorParams.maxSum,
+                        ...field('moneyValue'),
+                        value: calculatorParams.moneyValue,
+                    }), renderMonthsInput({
+                        title: 'Срок, месяцев',
+                        min: calculatorParams.minMonths,
+                        max: calculatorParams.maxMonths,
+                        availableMonths: calculatorParams.availableMonths,
+                        ...field('monthsValue'),
+                        value: calculatorParams.monthsValue,
+                    }), renderDepositParamsForm({ ...calculatorParams, ...paramsViewSettings }, field)] }), rateChildren: renderRate({
+                rate,
+            }), resultChildren: jsxs("div", { 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" }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] }) }));
     });
     const renderDepositParamsForm = (params, field) => (jsxs("div", { className: "flex flex-col gap-y-2xl", children: [params.isShowMonthlyInterestPayment
                 ? renderInterestPayment({
@@ -2517,39 +2519,39 @@
             orientation: 'vertical',
             ...field('isAnnuity'),
         });
-        return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsxs("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: [renderWantedSumInput({
-                            title: 'Остаток долга в других банках, ₽ ',
+        return (jsx(CalculatorFormLayout, { className: className, inputChildren: jsxs("div", { children: [renderWantedSumInput({
+                        title: 'Остаток долга в других банках, ₽ ',
+                        step: 500,
+                        min: calculatorParams.minSum,
+                        max: calculatorParams.maxSum - calculatorParams.maxSumExtra,
+                        ...field('moneyValue'),
+                        value: calculatorParams.moneyValue,
+                    }), renderWantedSumInput({
+                        title: 'Ежемесячный платёж в других банках, ₽',
+                        step: 500,
+                        min: calculatorParams.minSumOld,
+                        max: calculatorParams.maxSumOld,
+                        ...field('oldMonthlyPayment'),
+                        value: calculatorParams.oldMonthlyPayment,
+                    }), renderMonthsInput({
+                        title: 'Новый срок кредита, месяцев',
+                        min: calculatorParams.minMonths,
+                        max: calculatorParams.maxMonths,
+                        ...field('monthsValue'),
+                        value: calculatorParams.monthsValue,
+                    }), renderCreditParamsForm({ ...calculatorParams, ...paramsViewSettings }, field), calculatorParams.isExtraMoney
+                        ? renderWantedSumInput({
+                            title: 'Дополнительная сумма, ₽ ',
                             step: 500,
-                            min: calculatorParams.minSum,
-                            max: calculatorParams.maxSum - calculatorParams.maxSumExtra,
-                            ...field('moneyValue'),
-                            value: calculatorParams.moneyValue,
-                        }), renderWantedSumInput({
-                            title: 'Ежемесячный платёж в других банках, ₽',
-                            step: 500,
-                            min: calculatorParams.minSumOld,
-                            max: calculatorParams.maxSumOld,
-                            ...field('oldMonthlyPayment'),
-                            value: calculatorParams.oldMonthlyPayment,
-                        }), renderMonthsInput({
-                            title: 'Новый срок кредита, месяцев',
-                            min: calculatorParams.minMonths,
-                            max: calculatorParams.maxMonths,
-                            ...field('monthsValue'),
-                            value: calculatorParams.monthsValue,
-                        }), renderCreditParamsForm({ ...calculatorParams, ...paramsViewSettings }, field), calculatorParams.isExtraMoney
-                            ? renderWantedSumInput({
-                                title: 'Дополнительная сумма, ₽ ',
-                                step: 500,
-                                min: calculatorParams.minSumExtra,
-                                max: calculatorParams.maxSumExtra,
-                                ...field('moneyExtra'),
-                                value: calculatorParams.moneyExtra,
-                            })
-                            : null, jsx("div", { className: "sm:hidden pt-1 pb-4 border-b border-main-divider", children: paymentTypeElement })] }), renderRate({
-                    rate: calculatorParams.rate,
-                    fractionDigits: 1,
-                }), jsxs("div", { className: "flex flex-col gap-2xl mt-2 sm:w-96 sm:mt-0", children: [jsx(CalculatorValueBlock, { title: 'Ежемесячный платёж', value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), calculatorParams.benefit > 0 ? (jsx(CalculatorValueBlock, { title: 'Выгода в месяц', value: calculatorParams.benefit, postfix: "\u20BD" })) : null, jsx("div", { className: "hidden sm:block", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }));
+                            min: calculatorParams.minSumExtra,
+                            max: calculatorParams.maxSumExtra,
+                            ...field('moneyExtra'),
+                            value: calculatorParams.moneyExtra,
+                        })
+                        : null, jsx("div", { className: "sm:hidden pt-1 pb-4 border-b border-main-divider", children: paymentTypeElement })] }), rateChildren: renderRate({
+                rate: calculatorParams.rate,
+                fractionDigits: 1,
+            }), resultChildren: jsxs("div", { children: [jsx(CalculatorValueBlock, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), calculatorParams.benefit > 0 ? (jsx(CalculatorValueBlock, { title: 'Выгода в месяц', value: calculatorParams.benefit, postfix: "\u20BD" })) : null, jsx("div", { className: "hidden sm:block", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] }) }));
     });
     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 })] }));
 
@@ -5794,7 +5796,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.104";
+    const packageVersion = "0.14.105";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;