@redneckz/wildless-cms-uni-blocks 0.10.6 → 0.10.8

package/dist/components/Calculator/CreditCalculatorForm.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreditCalculatorForm = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+/* eslint-disable max-lines, max-lines-per-function */
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useForm_1 = require("../../hooks/useForm");
 const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
 const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
-const clamp_1 = require("../../utils/clamp");
 const style_1 = require("../../utils/style");
 const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
 const constants_1 = require("./constants");
@@ -15,47 +15,31 @@ const renderMonthsInput_1 = require("./renderMonthsInput");
 const renderPaymentType_1 = require("./renderPaymentType");
 const renderWantedSumInput_1 = require("./renderWantedSumInput");
 const useCreditCalculatorParams_1 = require("./useCreditCalculatorParams");
-exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ className = '', sourceBookDir, buttons, footnote, paramsViewSettings }) => {
-    const [isAnnuity, toggleIsAnnuity] = (0, hooks_1.useState)(false);
-    const [isSalaryClient, toggleIsSalaryClient] = (0, hooks_1.useState)(false);
-    const handleIsSalaryClient = (0, hooks_1.useCallback)((_) => toggleIsSalaryClient(_), []);
-    const [isStateEmployee, toggleIsStateEmployee] = (0, hooks_1.useState)(false);
-    const handleIsStateEmployee = (0, hooks_1.useCallback)((_) => toggleIsStateEmployee(_), []);
-    const [isPensionClient, toggleIsPensionClient] = (0, hooks_1.useState)(false);
-    const handleIsPensionClient = (0, hooks_1.useCallback)((_) => toggleIsPensionClient(_), []);
-    const [isInsurance, toggleIsInsurance] = (0, hooks_1.useState)(true);
-    const handleIsInsurance = (0, hooks_1.useCallback)((_) => toggleIsInsurance(_), []);
-    const [moneyValue, setMoneyValue] = (0, hooks_1.useState)(constants_1.CREDIT_DEFAULT_SUM);
-    const handleMoneyValue = (0, hooks_1.useCallback)((_) => setMoneyValue(_), []);
-    const [monthsValue, setMonthsValue] = (0, hooks_1.useState)(constants_1.DEFAULT_MONTHS);
-    const handleMonthsValue = (0, hooks_1.useCallback)((_) => setMonthsValue(_), []);
-    const userInputParams = {
-        isAnnuity,
-        isInsurance,
-        isSalaryClient,
-        isPensionClient,
-        isStateEmployee,
-        moneyValue,
-        monthsValue,
-    };
+exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, buttons, footnote, paramsViewSettings }) => {
+    const [userInputParams, { field }] = (0, useForm_1.useForm)({
+        isAnnuity: false,
+        isInsurance: true,
+        isSalaryClient: false,
+        isPensionClient: false,
+        isStateEmployee: false,
+        moneyValue: constants_1.CREDIT_DEFAULT_SUM,
+        monthsValue: constants_1.DEFAULT_MONTHS,
+    });
     const calculatorParams = (0, useCreditCalculatorParams_1.useCreditCalculatorParams)(userInputParams, sourceBookDir, paramsViewSettings);
-    (0, hooks_1.useEffect)(() => {
-        setMoneyValue((0, clamp_1.clamp)(moneyValue, calculatorParams.minSum, calculatorParams.maxSum));
-        setMonthsValue((0, clamp_1.clamp)(monthsValue, calculatorParams.minMonths, calculatorParams.maxMonths));
-    }, [calculatorParams]);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex justify-between', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[468px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)('Сумма кредита, ₽', { ...calculatorParams, step: 500 }, handleMoneyValue), (0, renderMonthsInput_1.renderMonthsInput)('Срок кредита, месяцев', calculatorParams, handleMonthsValue), (0, jsx_runtime_1.jsx)("div", { className: "mt-7", children: renderCreditParamsForm({
-                            ...calculatorParams,
-                            ...paramsViewSettings,
-                            handleIsSalaryClient,
-                            handleIsStateEmployee,
-                            handleIsPensionClient,
-                            handleIsInsurance,
-                        }) })] }), renderRate(calculatorParams.rate), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[350px]", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: 'Ежемесячный платеж', value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), (0, renderPaymentType_1.renderPaymentType)({
-                        isAnnuity,
-                        orientation: 'vertical',
-                        callback: toggleIsAnnuity,
-                    }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-7', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex justify-between', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[468px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
+                        title: 'Сумма кредита, ₽',
+                        step: 500,
+                        min: calculatorParams.minSum,
+                        max: calculatorParams.maxSum,
+                        ...field('moneyValue'),
+                        value: calculatorParams.moneyValue,
+                    }), (0, renderMonthsInput_1.renderMonthsInput)({
+                        title: 'Срок кредита, месяцев',
+                        min: calculatorParams.minMonths,
+                        max: calculatorParams.maxMonths,
+                        ...field('monthsValue'),
+                        value: calculatorParams.monthsValue,
+                    }), (0, jsx_runtime_1.jsx)("div", { className: "mt-7", children: renderCreditParamsForm({ ...calculatorParams, ...paramsViewSettings }, field) })] }), (0, jsx_runtime_1.jsx)(Rate_1.Rate, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", rate: calculatorParams.rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[350px]", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: 'Ежемесячный платеж', value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), (0, renderPaymentType_1.renderPaymentType)({ orientation: 'vertical', ...field('isAnnuity') }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-7', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
 });
-const renderRate = (rate) => ((0, jsx_runtime_1.jsx)(Rate_1.Rate, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", rate: rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }));
-const renderCreditParamsForm = ({ isSalaryClient, isStateEmployee, isPensionClient, isInsurance, isShowSalaryClient, isShowStateEmployee, isShowPensionClient, isShowInsurance, handleIsSalaryClient, handleIsStateEmployee, handleIsPensionClient, handleIsInsurance, }) => ((0, jsx_runtime_1.jsxs)("div", { children: [isShowSalaryClient ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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", value: isSalaryClient, onChange: handleIsSalaryClient })) : null, isShowStateEmployee ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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", value: isStateEmployee, onChange: handleIsStateEmployee })) : null, isShowPensionClient ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", 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", value: isPensionClient, onChange: handleIsPensionClient })) : null, isShowInsurance ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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", value: isInsurance, onChange: handleIsInsurance })) : null] }));
+const renderCreditParamsForm = (params, field) => ((0, jsx_runtime_1.jsxs)("div", { children: [params.isShowSalaryClient ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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.isShowStateEmployee ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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", ...field('isStateEmployee'), value: params.isStateEmployee })) : null, params.isShowPensionClient ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", 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 ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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", ...field('isInsurance'), value: params.isInsurance })) : null] }));
 //# sourceMappingURL=CreditCalculatorForm.js.map

package/dist/components/Calculator/CreditCalculatorForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/CreditCalculatorForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreditCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/CreditCalculatorForm.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calculator/DepositCalculatorForm.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DepositCalculatorForm = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-// TEMP
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useForm_1 = require("../../hooks/useForm");
 const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
 const style_1 = require("../../utils/style");
 const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
@@ -15,48 +15,45 @@ const renderMonthsInput_1 = require("./renderMonthsInput");
 const renderRegistrationType_1 = require("./renderRegistrationType");
 const renderWantedSumInput_1 = require("./renderWantedSumInput");
 const useDepositCalculatorParams_1 = require("./useDepositCalculatorParams");
-exports.DepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className = '', sourceBookDir, buttons, footnote, paramsViewSettings }) => {
-    const [moneyValue, setMoneyValue] = (0, hooks_1.useState)(constants_1.DEPOSIT_DEFAULT_SUM);
-    const handleMoneyValue = (0, hooks_1.useCallback)((_) => setMoneyValue(_), []);
-    const [monthsValue, setMonthsValue] = (0, hooks_1.useState)(0);
-    const [isMonthlyInterestPayment, toggleIsMonthlyInterestPayment] = (0, hooks_1.useState)(false);
-    const handleIsMonthlyInterestPayment = (0, hooks_1.useCallback)((_) => toggleIsMonthlyInterestPayment(_), []);
-    const [isRemoteRegistration, toggleIsRemoteRegistration] = (0, hooks_1.useState)(false);
-    const handleIsRemoteRegistration = (0, hooks_1.useCallback)((_) => toggleIsRemoteRegistration(_), []);
-    const userInputParams = {
-        moneyValue,
-        monthsValue,
-        isMonthlyInterestPayment,
-        isRemoteRegistration,
-    };
-    const handleMonthsValue = (0, hooks_1.useCallback)((_) => setMonthsValue(_), []);
+exports.DepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, buttons, footnote, paramsViewSettings }) => {
+    const [userInputParams, { field }] = (0, useForm_1.useForm)({
+        moneyValue: constants_1.DEPOSIT_DEFAULT_SUM,
+        monthsValue: 0,
+        isMonthlyInterestPayment: false,
+        isRemoteRegistration: false,
+    });
     const calculatorParams = (0, useDepositCalculatorParams_1.useDepositCalculatorParams)(userInputParams, sourceBookDir, paramsViewSettings);
     const { defaultMonth, income, finalSum, rate } = calculatorParams;
+    const { onChange: setMonthsValue } = field('monthsValue');
     (0, hooks_1.useEffect)(() => {
-        setMonthsValue(defaultMonth);
+        setMonthsValue && setMonthsValue(defaultMonth);
     }, [defaultMonth]);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex justify-between', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[468px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)('Сумма вклада, ₽', {
-                        ...calculatorParams,
-                    }, handleMoneyValue), (0, renderMonthsInput_1.renderMonthsInput)('Срок вклада, месяцев', {
-                        ...calculatorParams,
-                    }, handleMonthsValue), (0, jsx_runtime_1.jsx)("div", { className: "mt-7", children: renderDepositParamsForm({
-                            ...calculatorParams,
-                            ...paramsViewSettings,
-                            handleIsMonthlyInterestPayment,
-                            handleIsRemoteRegistration,
-                        }) })] }), (0, jsx_runtime_1.jsx)(Rate_1.Rate, { rate: rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[350px]", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u043F\u043E \u0432\u043A\u043B\u0430\u0434\u0443", value: income, postfix: "\u20BD", prefix: "+" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-7', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex justify-between', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[468px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
+                        title: 'Сумма вклада, ₽',
+                        min: calculatorParams.minSum,
+                        max: calculatorParams.maxSum,
+                        ...field('moneyValue'),
+                        value: calculatorParams.moneyValue,
+                    }), (0, renderMonthsInput_1.renderMonthsInput)({
+                        title: 'Срок вклада, месяцев',
+                        min: calculatorParams.minMonths,
+                        max: calculatorParams.maxMonths,
+                        availableMonths: calculatorParams.availableMonths,
+                        ...field('monthsValue'),
+                        value: calculatorParams.monthsValue,
+                    }), (0, jsx_runtime_1.jsx)("div", { className: "mt-7", children: renderDepositParamsForm({ ...calculatorParams, ...paramsViewSettings }, field) })] }), (0, jsx_runtime_1.jsx)(Rate_1.Rate, { rate: rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[350px]", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u043F\u043E \u0432\u043A\u043B\u0430\u0434\u0443", value: income, postfix: "\u20BD", prefix: "+" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-7', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
 });
-const renderDepositParamsForm = ({ isMonthlyInterestPayment, isRemoteRegistration, isShowMonthlyInterestPayment, isShowRemoteRegistration, handleIsMonthlyInterestPayment, handleIsRemoteRegistration, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-7", children: [isShowMonthlyInterestPayment
+const renderDepositParamsForm = (params, field) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-7", children: [params.isShowMonthlyInterestPayment
             ? (0, renderInterestPayment_1.renderInterestPayment)({
-                isMonthlyInterestPayment,
-                callback: handleIsMonthlyInterestPayment,
                 title: 'Выплата процентов',
+                ...field('isMonthlyInterestPayment'),
+                value: params.isMonthlyInterestPayment,
             })
-            : null, isShowRemoteRegistration
+            : null, params.isShowRemoteRegistration
             ? (0, renderRegistrationType_1.renderRegistrationType)({
-                isRemoteRegistration,
-                callback: handleIsRemoteRegistration,
                 title: 'Оформление',
+                ...field('isRemoteRegistration'),
+                value: params.isRemoteRegistration,
             })
             : null] }));
 //# sourceMappingURL=DepositCalculatorForm.js.map

package/dist/components/Calculator/DepositCalculatorForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepositCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/DepositCalculatorForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DepositCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/DepositCalculatorForm.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calculator/Rate.d.ts

@@ -5,5 +5,6 @@ export interface RateProps {
     depositeName?: string;
     isShowDepositeName?: boolean;
     rateBlockClassName?: string;
+    fractionDigits?: number;
 }
 export declare const Rate: import("@redneckz/uni-jsx").UNIComponent<RateProps, any, any>;

package/dist/components/Calculator/Rate.js

@@ -4,5 +4,5 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const Text_1 = require("../../ui-kit/Text/Text");
 const style_1 = require("../../utils/style");
-exports.Rate = (0, uni_jsx_1.JSX)(({ rate, title = 'Ставка', unit, depositeName, isShowDepositeName, rateBlockClassName }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l-light", color: "text-secondary-text", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-start", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('block gradient-color-text font-mohave text-title-huge pr-6 -mt-4', rateBlockClassName), children: String(rate.toFixed(2)).replace('.', ',') }), unit ? ((0, jsx_runtime_1.jsx)("span", { className: "gradient-color-text text-[65px] leading-[75px]", children: unit })) : ('')] }), depositeName && isShowDepositeName ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-7 w-full text-center whitespace-nowrap", children: depositeName })) : null] })] })));
+exports.Rate = (0, uni_jsx_1.JSX)(({ rate, title = 'Ставка', unit, depositeName, isShowDepositeName, rateBlockClassName, fractionDigits = 2, }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l-light", color: "text-secondary-text", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-start gradient-color-text", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('font-mohave text-title-huge pr-6 -mt-4', rateBlockClassName), children: String(rate.toFixed(fractionDigits)).replace('.', ',') }), unit ? (0, jsx_runtime_1.jsx)("span", { className: "text-7xl", children: unit }) : null] }), depositeName && isShowDepositeName ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-7 w-full text-center whitespace-nowrap", children: depositeName })) : null] })] })));
 //# sourceMappingURL=Rate.js.map

package/dist/components/Calculator/Rate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rate.js","sourceRoot":"","sources":["../../../src/components/Calculator/Rate.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAW7B,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAC1F,4CACE,uBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,YAClD,KAAK,GACD,EACP,iCAAK,SAAS,EAAC,UAAU,aACvB,iCAAK,SAAS,EAAC,oBAAoB,aACjC,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,kEAAkE,EAClE,kBAAkB,CACnB,YAEA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GACrC,EACN,IAAI,CAAC,CAAC,CAAC,CACN,iCAAM,SAAS,EAAC,gDAAgD,YAAE,IAAI,GAAQ,CAC/E,CAAC,CAAC,CAAC,CACF,EAAE,CACH,IACG,EACL,YAAY,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpC,gCAAK,SAAS,EAAC,wDAAwD,YACpE,YAAY,GACT,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CACF,CAAC"}
+{"version":3,"file":"Rate.js","sourceRoot":"","sources":["../../../src/components/Calculator/Rate.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAY7B,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EACC,IAAI,EACJ,KAAK,GAAG,QAAQ,EAChB,IAAI,EACJ,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,GAAG,CAAC,GACnB,EAAE,EAAE,CAAC,CACJ,4CACE,uBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,YAClD,KAAK,GACD,EACP,iCAAK,SAAS,EAAC,UAAU,aACvB,iCAAK,SAAS,EAAC,wCAAwC,aACrD,iCAAM,SAAS,EAAE,IAAA,aAAK,EAAC,wCAAwC,EAAE,kBAAkB,CAAC,YACjF,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAClD,EACN,IAAI,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,UAAU,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnD,EACL,YAAY,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpC,gCAAK,SAAS,EAAC,wDAAwD,YACpE,YAAY,GACT,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CACF,CAAC"}

package/dist/components/Calculator/renderBinaryRadioButtonGroup.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ListOrientation } from '../../model/ListOrientation';
+import { RadioButtonItem } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
+export interface BinaryRadioButtonGroupProps {
+    items: [truthy: RadioButtonItem, falsy: RadioButtonItem];
+    title?: string;
+    orientation?: ListOrientation;
+    value?: boolean;
+    onChange?: (value: boolean) => void;
+}
+export declare const renderBinaryRadioButtonGroup: ({ items, title, orientation, value, onChange, }: BinaryRadioButtonGroupProps) => JSX.Element;

package/dist/components/Calculator/renderBinaryRadioButtonGroup.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderBinaryRadioButtonGroup = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const RadioButtonGroup_1 = require("../../ui-kit/RadioButtonGroup/RadioButtonGroup");
+const Text_1 = require("../../ui-kit/Text/Text");
+const renderBinaryRadioButtonGroup = ({ items, title, orientation = 'horizontal', value, onChange, }) => ((0, jsx_runtime_1.jsxs)("div", { children: [title ? ((0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, (0, jsx_runtime_1.jsx)(RadioButtonGroup_1.RadioButtonGroup, { orientation: orientation, items: items, checkedItem: items[value ? 0 : 1].id, onChange: (_) => onChange && onChange(_ === items[0].id) })] }));
+exports.renderBinaryRadioButtonGroup = renderBinaryRadioButtonGroup;
+//# sourceMappingURL=renderBinaryRadioButtonGroup.js.map

package/dist/components/Calculator/renderBinaryRadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBinaryRadioButtonGroup.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderBinaryRadioButtonGroup.tsx"],"names":[],"mappings":";;;AACA,qFAAmG;AACnG,iDAA8C;AAUvC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,KAAK,EACL,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,KAAK,EACL,QAAQ,GACoB,EAAE,EAAE,CAAC,CACjC,4CACG,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,WAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mCAAgB,IACf,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GACxD,IACE,CACP,CAAC;AAtBW,QAAA,4BAA4B,gCAsBvC"}

package/dist/components/Calculator/renderDaysInput.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-interface RenderDaysInputParams {
-    minDays: number;
-    maxDays: number;
-    daysValue: number;
-}
-export declare function renderDaysInput(title: string, params: RenderDaysInputParams, callback?: (value: number) => void): JSX.Element;
-export {};
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+export declare const renderDaysInput: (props: InputRangeProps) => JSX.Element;

package/dist/components/Calculator/renderDaysInput.js

@@ -2,15 +2,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderDaysInput = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const InputRange_1 = require("../../ui-kit/InputRange/InputRange");
-const clamp_1 = require("../../utils/clamp");
 const STEP_DAYS = 1;
-function renderDaysInput(title, params, callback) {
-    const { minDays, maxDays, daysValue } = params;
-    const daysText = (days) => {
-        const text = Number(days) % 10 === 1 ? 'дня' : 'дней';
-        return `${days} ${text}`;
-    };
-    return ((0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { className: "mt-7", title: title, items: [`От ${daysText(minDays)}`, `До ${daysText(maxDays)}`], min: minDays, max: maxDays, step: STEP_DAYS, value: (0, clamp_1.clamp)(daysValue, minDays, maxDays), onChange: callback }));
-}
+const renderDaysInput = (props) => ((0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { className: "mt-7", items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
 exports.renderDaysInput = renderDaysInput;
+const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
 //# sourceMappingURL=renderDaysInput.js.map

package/dist/components/Calculator/renderDaysInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderDaysInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderDaysInput.tsx"],"names":[],"mappings":";;;AAAA,mEAAgE;AAChE,6CAA0C;AAE1C,MAAM,SAAS,GAAG,CAAC,CAAC;AAQpB,SAAgB,eAAe,CAC7B,KAAa,EACb,MAA6B,EAC7B,QAAkC;IAElC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC/C,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAEtD,OAAO,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,MAAM,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAC7D,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,IAAA,aAAK,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,EACzC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAxBD,0CAwBC"}
+{"version":3,"file":"renderDaysInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderDaysInput.tsx"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGhE,MAAM,SAAS,GAAG,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CACzD,uBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAC3E,IAAI,EAAE,SAAS,KACX,KAAK,GACT,CACH,CAAC;AAPW,QAAA,eAAe,mBAO1B;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC"}

package/dist/components/Calculator/renderInterestPayment.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import { ListOrientation } from '../../model/ListOrientation';
-interface InterestPaymentProps {
-    isMonthlyInterestPayment: boolean;
-    callback?: (value: boolean) => void;
-    title?: string;
-    orientation?: ListOrientation;
-}
-export declare function renderInterestPayment({ isMonthlyInterestPayment, callback, title, orientation, }: InterestPaymentProps): JSX.Element;
-export {};
+import { BinaryRadioButtonGroupProps } from './renderBinaryRadioButtonGroup';
+export declare const renderInterestPayment: (props: Partial<BinaryRadioButtonGroupProps>) => JSX.Element;

package/dist/components/Calculator/renderInterestPayment.js

@@ -1,22 +1,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderInterestPayment = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const RadioButtonGroup_1 = require("../../ui-kit/RadioButtonGroup/RadioButtonGroup");
-const Text_1 = require("../../ui-kit/Text/Text");
-const EVERY_MONTH = 'everyMonth';
-const AT_END_TERM = 'atEndTerm';
-const depositTypeItems = [
-    {
-        id: EVERY_MONTH,
-        text: 'Ежемесячно',
-    },
-    {
-        id: AT_END_TERM,
-        text: 'В конце срока',
-    },
-];
-function renderInterestPayment({ isMonthlyInterestPayment, callback, title, orientation = 'horizontal', }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [title ? ((0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(RadioButtonGroup_1.RadioButtonGroup, { orientation: orientation, items: depositTypeItems, checkedItem: isMonthlyInterestPayment ? EVERY_MONTH : AT_END_TERM, onChange: (text) => callback && callback(text === EVERY_MONTH) }) })] }));
-}
+const renderBinaryRadioButtonGroup_1 = require("./renderBinaryRadioButtonGroup");
+const renderInterestPayment = (props) => (0, renderBinaryRadioButtonGroup_1.renderBinaryRadioButtonGroup)({
+    ...props,
+    items: [
+        { id: 'everyMonth', text: 'Ежемесячно' },
+        { id: 'atEndTerm', text: 'В конце срока' },
+    ],
+});
 exports.renderInterestPayment = renderInterestPayment;
 //# sourceMappingURL=renderInterestPayment.js.map

package/dist/components/Calculator/renderInterestPayment.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderInterestPayment.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderInterestPayment.tsx"],"names":[],"mappings":";;;AACA,qFAAkF;AAClF,iDAA8C;AAE9C,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,WAAW,GAAG,WAAW,CAAC;AAEhC,MAAM,gBAAgB,GAAG;IACvB;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,YAAY;KACnB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;KACtB;CACF,CAAC;AASF,SAAgB,qBAAqB,CAAC,EACpC,wBAAwB,EACxB,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,YAAY,GACL;IACrB,OAAO,CACL,4CACG,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,WAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EAER,0CACE,uBAAC,mCAAgB,IACf,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,gBAAgB,EACvB,WAAW,EAAE,wBAAwB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EACjE,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAC,GACtE,GACE,IACF,CACP,CAAC;AACJ,CAAC;AA1BD,sDA0BC"}
+{"version":3,"file":"renderInterestPayment.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderInterestPayment.tsx"],"names":[],"mappings":";;AAAA,iFAGwC;AAEjC,MAAM,qBAAqB,GAAG,CAAC,KAA2C,EAAE,EAAE,CACnF,IAAA,2DAA4B,EAAC;IAC3B,GAAG,KAAK;IACR,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;QACxC,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,EAAE;KAC3C;CACF,CAAC,CAAC;AAPQ,QAAA,qBAAqB,yBAO7B"}

package/dist/components/Calculator/renderMonthsInput.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-interface RenderMonthsInputParams {
-    minMonths: number;
-    maxMonths: number;
-    monthsValue: number;
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+interface MonthsInputParams extends InputRangeProps {
     availableMonths?: Array<number>;
 }
-export declare function renderMonthsInput(title: string, params: RenderMonthsInputParams, callback?: (value: number) => void): JSX.Element;
+export declare const renderMonthsInput: ({ min, max, availableMonths, ...rest }: MonthsInputParams) => JSX.Element;
 export {};

package/dist/components/Calculator/renderMonthsInput.js

@@ -1,17 +1,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderMonthsInput = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const InputListRange_1 = require("../../ui-kit/InputListRange/InputListRange");
 const InputRange_1 = require("../../ui-kit/InputRange/InputRange");
-const clamp_1 = require("../../utils/clamp");
 const STEP_MONTHS = 1;
-function renderMonthsInput(title, params, callback) {
-    const { minMonths, maxMonths, monthsValue, availableMonths } = params;
-    const monthText = (month) => {
-        const text = Number(month) % 10 === 1 ? 'месяца' : 'месяцев';
-        return `${month} ${text}`;
-    };
-    return availableMonths?.length ? ((0, jsx_runtime_1.jsx)(InputListRange_1.InputListRange, { className: "mt-7", title: title, items: [`От ${monthText(minMonths)}`, `До ${monthText(maxMonths)}`], list: availableMonths, value: (0, clamp_1.clamp)(monthsValue, minMonths, maxMonths), onChange: callback })) : ((0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { className: "mt-7", title: title, items: [`От ${monthText(minMonths)}`, `До ${monthText(maxMonths)}`], min: minMonths, max: maxMonths, step: STEP_MONTHS, value: (0, clamp_1.clamp)(monthsValue, minMonths, maxMonths), onChange: callback }));
-}
+const renderMonthsInput = ({ min = 0, max = 0, availableMonths, ...rest }) => ((0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { className: "mt-7", items: [`От ${monthText(min)}`, `До ${monthText(max)}`], step: STEP_MONTHS, ...(availableMonths?.length ? { list: availableMonths } : { min, max }), ...rest }));
 exports.renderMonthsInput = renderMonthsInput;
+const monthText = (month) => `${month} ${Number(month) % 10 === 1 ? 'месяца' : 'месяцев'}`;
 //# sourceMappingURL=renderMonthsInput.js.map

package/dist/components/Calculator/renderMonthsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderMonthsInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderMonthsInput.tsx"],"names":[],"mappings":";;;AAAA,+EAA4E;AAC5E,mEAAgE;AAChE,6CAA0C;AAE1C,MAAM,WAAW,GAAG,CAAC,CAAC;AAStB,SAAgB,iBAAiB,CAC/B,KAAa,EACb,MAA+B,EAC/B,QAAkC;IAElC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IACtE,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7D,OAAO,GAAG,KAAK,IAAI,IAAI,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,CAC/B,uBAAC,+BAAc,IACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,EACnE,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,IAAA,aAAK,EAAC,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,EACnE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,IAAA,aAAK,EAAC,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAjCD,8CAiCC"}
+{"version":3,"file":"renderMonthsInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderMonthsInput.tsx"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGhE,MAAM,WAAW,GAAG,CAAC,CAAC;AAMf,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,CAAC,EACP,eAAe,EACf,GAAG,IAAI,EACW,EAAE,EAAE,CAAC,CACvB,uBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EACvD,IAAI,EAAE,WAAW,KACb,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KACpE,IAAI,GACR,CACH,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AAEF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC"}

package/dist/components/Calculator/renderPaymentType.d.ts

@@ -1,12 +1,3 @@
 /// <reference types="react" />
-import { ListOrientation } from '../../model/ListOrientation';
-export declare const ANNUITY = "annuity";
-export declare const DIFFERENTIAL = "differential";
-interface PaymentTypeProps {
-    isAnnuity: boolean;
-    callback?: (value: boolean) => void;
-    title?: string;
-    orientation?: ListOrientation;
-}
-export declare function renderPaymentType({ isAnnuity, callback, title, orientation, }: PaymentTypeProps): JSX.Element;
-export {};
+import { BinaryRadioButtonGroupProps } from './renderBinaryRadioButtonGroup';
+export declare const renderPaymentType: (props: Partial<BinaryRadioButtonGroupProps>) => JSX.Element;

package/dist/components/Calculator/renderPaymentType.js

@@ -1,22 +1,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderPaymentType = exports.DIFFERENTIAL = exports.ANNUITY = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const RadioButtonGroup_1 = require("../../ui-kit/RadioButtonGroup/RadioButtonGroup");
-const Text_1 = require("../../ui-kit/Text/Text");
-exports.ANNUITY = 'annuity';
-exports.DIFFERENTIAL = 'differential';
-const paymentTypeItems = [
-    {
-        id: exports.ANNUITY,
-        text: 'Аннуитетный',
-    },
-    {
-        id: exports.DIFFERENTIAL,
-        text: 'Дифференцированный',
-    },
-];
-function renderPaymentType({ isAnnuity, callback, title, orientation = 'horizontal', }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [title ? ((0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, (0, jsx_runtime_1.jsx)(RadioButtonGroup_1.RadioButtonGroup, { orientation: orientation, items: paymentTypeItems, checkedItem: isAnnuity ? exports.ANNUITY : exports.DIFFERENTIAL, onChange: (text) => callback && callback(text === exports.ANNUITY) })] }));
-}
+exports.renderPaymentType = void 0;
+const renderBinaryRadioButtonGroup_1 = require("./renderBinaryRadioButtonGroup");
+const renderPaymentType = (props) => (0, renderBinaryRadioButtonGroup_1.renderBinaryRadioButtonGroup)({
+    ...props,
+    items: [
+        { id: 'annuity', text: 'Аннуитетный' },
+        { id: 'differential', text: 'Дифференцированный' },
+    ],
+});
 exports.renderPaymentType = renderPaymentType;
 //# sourceMappingURL=renderPaymentType.js.map

package/dist/components/Calculator/renderPaymentType.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderPaymentType.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderPaymentType.tsx"],"names":[],"mappings":";;;AACA,qFAAkF;AAClF,iDAA8C;AAEjC,QAAA,OAAO,GAAG,SAAS,CAAC;AACpB,QAAA,YAAY,GAAG,cAAc,CAAC;AAE3C,MAAM,gBAAgB,GAAG;IACvB;QACE,EAAE,EAAE,eAAO;QACX,IAAI,EAAE,aAAa;KACpB;IACD;QACE,EAAE,EAAE,oBAAY;QAChB,IAAI,EAAE,oBAAoB;KAC3B;CACF,CAAC;AASF,SAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,YAAY,GACT;IACjB,OAAO,CACL,4CACG,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,WAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mCAAgB,IACf,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,gBAAgB,EACvB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,eAAO,CAAC,CAAC,CAAC,oBAAY,EAC/C,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,eAAO,CAAC,GAClE,IACE,CACP,CAAC;AACJ,CAAC;AAvBD,8CAuBC"}
+{"version":3,"file":"renderPaymentType.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderPaymentType.tsx"],"names":[],"mappings":";;AAAA,iFAGwC;AAEjC,MAAM,iBAAiB,GAAG,CAAC,KAA2C,EAAE,EAAE,CAC/E,IAAA,2DAA4B,EAAC;IAC3B,GAAG,KAAK;IACR,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE;QACtC,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,oBAAoB,EAAE;KACnD;CACF,CAAC,CAAC;AAPQ,QAAA,iBAAiB,qBAOzB"}

package/dist/components/Calculator/renderRegistrationType.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import { ListOrientation } from '../../model/ListOrientation';
-interface RegistrationTypeProps {
-    isRemoteRegistration: boolean;
-    callback?: (value: boolean) => void;
-    title?: string;
-    orientation?: ListOrientation;
-}
-export declare function renderRegistrationType({ isRemoteRegistration, callback, title, orientation, }: RegistrationTypeProps): JSX.Element;
-export {};
+import { BinaryRadioButtonGroupProps } from './renderBinaryRadioButtonGroup';
+export declare const renderRegistrationType: (props: Partial<BinaryRadioButtonGroupProps>) => JSX.Element;

package/dist/components/Calculator/renderRegistrationType.js

@@ -1,22 +1,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderRegistrationType = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const RadioButtonGroup_1 = require("../../ui-kit/RadioButtonGroup/RadioButtonGroup");
-const Text_1 = require("../../ui-kit/Text/Text");
-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 ((0, jsx_runtime_1.jsxs)("div", { children: [title ? ((0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(RadioButtonGroup_1.RadioButtonGroup, { orientation: orientation, items: registrationTypeItems, checkedItem: isRemoteRegistration ? REMOTE_REGISTRATION : OFFICE_REGISTRATION, onChange: (text) => callback && callback(text === REMOTE_REGISTRATION) }) })] }));
-}
+const renderBinaryRadioButtonGroup_1 = require("./renderBinaryRadioButtonGroup");
+const renderRegistrationType = (props) => (0, renderBinaryRadioButtonGroup_1.renderBinaryRadioButtonGroup)({
+    ...props,
+    items: [
+        { id: 'remote', text: 'Дистанционно' },
+        { id: 'office', text: 'Офис Банка' },
+    ],
+});
 exports.renderRegistrationType = renderRegistrationType;
 //# sourceMappingURL=renderRegistrationType.js.map

package/dist/components/Calculator/renderRegistrationType.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderRegistrationType.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRegistrationType.tsx"],"names":[],"mappings":";;;AACA,qFAAkF;AAClF,iDAA8C;AAE9C,MAAM,mBAAmB,GAAG,QAAQ,CAAC;AACrC,MAAM,mBAAmB,GAAG,QAAQ,CAAC;AAErC,MAAM,qBAAqB,GAAG;IAC5B;QACE,EAAE,EAAE,mBAAmB;QACvB,IAAI,EAAE,YAAY;KACnB;IACD;QACE,EAAE,EAAE,mBAAmB;QACvB,IAAI,EAAE,cAAc;KACrB;CACF,CAAC;AASF,SAAgB,sBAAsB,CAAC,EACrC,oBAAoB,EACpB,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,YAAY,GACJ;IACtB,OAAO,CACL,4CACG,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,WAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,0CACE,uBAAC,mCAAgB,IACf,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,qBAAqB,EAC5B,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EAC7E,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,mBAAmB,CAAC,GAC9E,GACE,IACF,CACP,CAAC;AACJ,CAAC;AAzBD,wDAyBC"}
+{"version":3,"file":"renderRegistrationType.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRegistrationType.tsx"],"names":[],"mappings":";;AAAA,iFAGwC;AAEjC,MAAM,sBAAsB,GAAG,CAAC,KAA2C,EAAE,EAAE,CACpF,IAAA,2DAA4B,EAAC;IAC3B,GAAG,KAAK;IACR,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE;QACtC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE;KACrC;CACF,CAAC,CAAC;AAPQ,QAAA,sBAAsB,0BAO9B"}

package/dist/components/Calculator/renderWantedSumInput.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-interface RenderWantedSumParams {
-    minSum: number;
-    maxSum: number;
-    moneyValue: number;
-    className?: string;
-    step?: number;
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+interface RenderWantedSumParams extends InputRangeProps {
     isShowItems?: boolean;
 }
-export declare function renderWantedSumInput(title: string, params: RenderWantedSumParams, callback?: (value: number) => void): JSX.Element;
+export declare function renderWantedSumInput({ isShowItems, step, ...rest }: RenderWantedSumParams): JSX.Element;
 export {};