@redneckz/wildless-cms-uni-blocks 0.10.5 → 0.10.7

package/dist/components/Calculator/BusinessDepositCalculatorForm.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BusinessDepositCalculatorForm = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 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 CalculatorValueBlock_1 = require("./CalculatorValueBlock");
@@ -15,39 +15,33 @@ const renderWantedSumInput_1 = require("./renderWantedSumInput");
 const UnknownRate_1 = require("./UnknownRate");
 const useBusinessDepositCalculatorParams_1 = require("./useBusinessDepositCalculatorParams");
 exports.BusinessDepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className = '', sourceBookDir, buttons, footnote, bottomFootnote, isShowDepositeName }) => {
-    const [moneyValue, setMoneyValue] = (0, hooks_1.useState)(constants_1.BUSINESS_DEFAULT_SUM);
-    const handleMoneyValue = (0, hooks_1.useCallback)((_) => setMoneyValue(_), []);
-    const [daysValue, setDaysValue] = (0, hooks_1.useState)(constants_1.BUSINESS_DEFAULT_DAYS);
-    const handleDaysValue = (0, hooks_1.useCallback)((_) => setDaysValue(_), []);
-    const [isReplenished, toggleIsReplenished] = (0, hooks_1.useState)(false);
-    const handleIsReplenished = (0, hooks_1.useCallback)((_) => toggleIsReplenished(_), []);
-    const [isPartialWithdrawal, toggleIsPartialWithdrawal] = (0, hooks_1.useState)(false);
-    const handleIsPartialWithdrawal = (0, hooks_1.useCallback)((_) => toggleIsPartialWithdrawal(_), []);
-    const [isSmallBusiness, toggleIsSmallBusiness] = (0, hooks_1.useState)(false);
-    const handleIsSmallBusiness = (0, hooks_1.useCallback)((_) => toggleIsSmallBusiness(_), []);
-    const [isMonthlyInterestPayment, toggleIsMonthlyInterestPayment] = (0, hooks_1.useState)(false);
-    const handleIsMonthlyInterestPayment = (0, hooks_1.useCallback)((_) => toggleIsMonthlyInterestPayment(_), []);
-    const userInputParams = {
-        moneyValue,
-        daysValue,
-        isReplenished,
-        isPartialWithdrawal,
-        isSmallBusiness,
-        isMonthlyInterestPayment,
-    };
+    const [userInputParams, { field }] = (0, useForm_1.useForm)({
+        moneyValue: constants_1.BUSINESS_DEFAULT_SUM,
+        daysValue: constants_1.BUSINESS_DEFAULT_DAYS,
+        isReplenished: false,
+        isPartialWithdrawal: false,
+        isSmallBusiness: false,
+        isMonthlyInterestPayment: false,
+    });
     const calculatorParams = (0, useBusinessDepositCalculatorParams_1.useBusinessDepositCalculatorParams)(userInputParams, sourceBookDir);
     const { income, finalSum, rate, depositeName, isShowUnknownRate } = calculatorParams;
-    return ((0, jsx_runtime_1.jsxs)("section", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[486px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)('Сумма вклада, ₽', calculatorParams, handleMoneyValue), (0, renderDaysInput_1.renderDaysInput)('Срок вклада, дни', calculatorParams, handleDaysValue), (0, jsx_runtime_1.jsxs)("div", { className: "mt-7 flex justify-between", children: [renderBusinessDepositParamsForm({
-                                        ...calculatorParams,
-                                        handleIsReplenished,
-                                        handleIsPartialWithdrawal,
-                                        handleIsSmallBusiness,
-                                    }), (0, renderInterestPayment_1.renderInterestPayment)({
-                                        isMonthlyInterestPayment,
-                                        callback: handleIsMonthlyInterestPayment,
+    return ((0, jsx_runtime_1.jsxs)("section", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[486px]", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
+                                title: 'Сумма вклада, ₽',
+                                min: calculatorParams.minSum,
+                                max: calculatorParams.maxSum,
+                                ...field('moneyValue'),
+                                value: calculatorParams.moneyValue,
+                            }), (0, renderDaysInput_1.renderDaysInput)({
+                                title: 'Срок вклада, дни',
+                                min: calculatorParams.minDays,
+                                max: calculatorParams.maxDays,
+                                ...field('daysValue'),
+                                value: calculatorParams.daysValue,
+                            }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-7 flex justify-between", children: [renderBusinessDepositParamsForm(calculatorParams, field), (0, renderInterestPayment_1.renderInterestPayment)({
                                         title: 'Выплата процентов',
                                         orientation: 'vertical',
+                                        ...field('isMonthlyInterestPayment'),
                                     })] })] }), isShowUnknownRate ? ((0, jsx_runtime_1.jsx)(UnknownRate_1.UnknownRate, {})) : ((0, jsx_runtime_1.jsx)(Rate_1.Rate, { rate: rate, depositeName: depositeName, isShowDepositeName: isShowDepositeName, 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, jsx_runtime_1.jsx)("div", { className: "mt-7", children: (0, renderFootnote_1.renderFootnote)(footnote) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5", children: (0, renderFootnote_1.renderFootnote)(bottomFootnote) })] }));
 });
-const renderBusinessDepositParamsForm = ({ isDisabledOperatingDeposit, isReplenished, isPartialWithdrawal, isSmallBusiness, handleIsReplenished, handleIsPartialWithdrawal, handleIsSmallBusiness, }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: isDisabledOperatingDeposit, checked: isReplenished, onChange: handleIsReplenished }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", disabled: isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", checked: isPartialWithdrawal, onChange: handleIsPartialWithdrawal }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043C\u0430\u043B\u044B\u043C \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u044F\u0442\u0438\u0435\u043C", checked: isSmallBusiness, onChange: handleIsSmallBusiness })] }));
+const renderBusinessDepositParamsForm = (calculatorParams, field) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043C\u0430\u043B\u044B\u043C \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u044F\u0442\u0438\u0435\u043C", ...field('isSmallBusiness'), value: calculatorParams.isSmallBusiness })] }));
 //# sourceMappingURL=BusinessDepositCalculatorForm.js.map

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

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

package/dist/components/Calculator/Calculator.js

@@ -7,6 +7,7 @@ const useCarouselControls_1 = require("../../hooks/useCarouselControls");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
 const Img_1 = require("../../ui-kit/Img/Img");
+const style_1 = require("../../utils/style");
 const renderCalculatorBlock_1 = require("./renderCalculatorBlock");
 exports.Calculator = (0, uni_jsx_1.JSX)(({ className = '', calculatorTabs = [], ...rest }) => {
     const tabsNav = calculatorTabs.map((_) => _.nav || {});
@@ -18,7 +19,7 @@ exports.Calculator = (0, uni_jsx_1.JSX)(({ className = '', calculatorTabs = [],
         itemCount: calculatorTabs?.length,
         visibleItemCount: COLUMNS_FOR_SCROLL,
     });
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `box-border overflow-hidden relative w-100 ${className}`, ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-white", children: [tabsNav.length > 1
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border overflow-hidden relative w-100', className), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-white", children: [tabsNav.length > 1
                         ? renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick: handleSlideIndexShift })
                         : null, (0, renderArrows_1.renderArrows)({
                         ...controls,
@@ -37,11 +38,10 @@ function renderNavButton({ tab, i, isActive, onClick }) {
     const iconClassName = isActive ? '' : `text-primary-main`;
     const iconVersion = tab?.icon?.iconVersion;
     const activeIconStyle = isActive ? 'white' : 'normal';
-    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onClick, "aria-label": tab?.title, className: `box-border relative border border-gray cursor-pointer text-left border-b-0 flex hover:h-[88px]
-      ${btnClassName}`, children: [(0, jsx_runtime_1.jsx)(Img_1.Img, { className: `h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`, image: {
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onClick, "aria-label": tab?.title, className: (0, style_1.style)('box-border relative border border-gray cursor-pointer text-left border-b-0 flex hover:h-[88px]', btnClassName), children: [(0, jsx_runtime_1.jsx)(Img_1.Img, { className: `h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`, image: {
                     ...tab?.icon,
                     iconVersion: iconVersion ?? activeIconStyle,
-                }, width: "24", height: "24" }), (0, jsx_runtime_1.jsxs)("div", { className: "border-0", children: [(0, jsx_runtime_1.jsx)("div", { className: `${btnTitleClassName}`, children: tab?.title }), (0, jsx_runtime_1.jsx)("div", { className: `${btnDescClassName}`, children: tab.description })] })] }, String(i)));
+                }, width: "24", height: "24" }), (0, jsx_runtime_1.jsxs)("div", { className: "border-0", children: [(0, jsx_runtime_1.jsx)("div", { className: btnTitleClassName, children: tab?.title }), (0, jsx_runtime_1.jsx)("div", { className: btnDescClassName, children: tab.description })] })] }, String(i)));
 }
 function renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick }) {
     const CARD_SHIFT = 388;

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

@@ -1 +1 @@
-{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../src/components/Calculator/Calculator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../src/components/Calculator/Calculator.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,yEAAsE;AAEtE,4DAAyD;AACzD,mEAAgE;AAChE,8CAA2C;AAC3C,6CAA0C;AAE1C,mEAAgE;AAkBnD,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,IAAK,EAAoB,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,cAAc,CAAC,GAAG,CACzC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,eAAe,IAAK,EAAyB,CACvE,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpF,MAAM,kBAAkB,GAAG,CAAC,CAAC;IAE7B,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,SAAS,EAAE,cAAc,EAAE,MAAM;QACjC,gBAAgB,EAAE,kBAAkB;KACrC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,2CAA2C,EAAE,SAAS,CAAC,KACpE,IAAI,aAER,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,MAAM,GAAG,CAAC;wBACjB,CAAC,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;wBACvF,CAAC,CAAC,IAAI,EACP,IAAA,2BAAY,EAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,OAAO;qBACnB,CAAC,IACE,EACN,gCACE,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,MAAM,EAAE,EAC1D,IAAI,EAAC,MAAM,YAEV,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,6CAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,GAC1E,IACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAkB;IACpE,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,6EAA6E;QAC/E,CAAC,CAAC,4FAA4F,CAAC;IACjG,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC1E,MAAM,gBAAgB,GAAG,QAAQ;QAC/B,CAAC,CAAC,yBAAyB;QAC3B,CAAC,CAAC,kCAAkC,CAAC;IACvC,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC1D,MAAM,WAAW,GAAG,GAAG,EAAE,IAAI,EAAE,WAAW,CAAC;IAC3C,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtD,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,GAAG,EAAE,KAAK,EACtB,SAAS,EAAE,IAAA,aAAK,EACd,gGAAgG,EAChG,YAAY,CACb,aAED,uBAAC,SAAG,IACF,SAAS,EAAE,gCAAgC,aAAa,EAAE,EAC1D,KAAK,EAAE;oBACL,GAAG,GAAG,EAAE,IAAI;oBACZ,WAAW,EAAE,WAAW,IAAI,eAAe;iBAC5C,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCAAK,SAAS,EAAC,UAAU,aACvB,gCAAK,SAAS,EAAE,iBAAiB,YAAG,GAAG,EAAE,KAAK,GAAO,EACrD,gCAAK,SAAS,EAAE,gBAAgB,YAAG,GAAG,CAAC,WAAW,GAAO,IACrD,KApBD,MAAM,CAAC,CAAC,CAAC,CAqBP,CACV,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAa;IAC/E,MAAM,UAAU,GAAG,GAAG,CAAC;IAEvB,OAAO,CACL,4CACE,gCACE,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,SAAS,EAAC,gFAAgF,YAE1F,gCAAK,SAAS,EAAC,yCAAyC,YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CACtB,eAAe,CAAC;wBACd,GAAG;wBACH,CAAC;wBACD,QAAQ,EAAE,OAAO,CAAC,CAAC,KAAK,eAAe,CAAC;wBACxC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,CACH,GACG,GACF,EACN,gCAAK,SAAS,EAAC,4BAA4B,GAAG,IAC1C,CACP,CAAC;AACJ,CAAC"}

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", checked: 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", checked: 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", checked: 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", checked: 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