@redneckz/wildless-cms-uni-blocks 0.14.293 → 0.14.294

package/bundle/bundle.umd.js

@@ -2490,6 +2490,25 @@
                         .filter(Boolean)
                         .join(' ') }) })) : (jsx("div", { children: jsx(Text, { size: "text-h3", children: "-" }) }))] })));
 
+    const renderFootnote = (text) => text ? (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: text })) : null;
+
+    const UnknownRate = JSX(({ title = 'Ставка', isUnavailableByTerm = false }) => (jsxs("div", { className: "space-y-s", children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title }), jsx(Icon, { className: "w-10 h-10 @5xl:h-auto @5xl:w-40", name: "PercentIcon" }), jsx("div", { className: "w-64", children: isUnavailableByTerm ? (jsxs(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: ["\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u043D\u0430\u044F \u0441\u0442\u0430\u0432\u043A\u0430 \u0434\u043B\u044F \u0441\u0440\u043E\u043A\u0430 ", jsx("strong", { children: "1-30 \u0434\u043D\u0435\u0439" }), " \u0443\u0441\u0442\u0430\u043D\u0430\u0432\u043B\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0438 \u0432 \u0411\u0430\u043D\u043A"] })) : (jsx(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u0443\u044E \u0441\u0443\u043C\u043C\u0443 \u0438\u043B\u0438 \u0441\u0440\u043E\u043A" })) })] })));
+
+    const Rate = JSX(({ rate = 0, title = 'Ставка', unit, fractionDigits = 2, depositeName, isShowDepositeName }) => (jsxs("div", { children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title }), jsxs("div", { className: "relative", children: [jsxs("div", { className: "flex justify-start gradient-color-text", children: [jsx("span", { className: "font-mohave text-title-huge pr-xl -mt-m tracking-[-15px]", children: toLocalNumberFormat(fractionDigits, { fixed: true })(rate) }), unit ? jsx("span", { className: "text-7xl", children: unit }) : null] }), depositeName && isShowDepositeName ? (jsx("div", { className: "absolute bottom-2 w-full text-left whitespace-nowrap", children: depositeName })) : null] })] })));
+
+    const renderRate = ({ title = 'Ставка', rate = 0, unit = '%', fractionDigits = 2, isUnknownRateShown = true, ...rest }) => isUnknownRateShown && rate === 0 ? (jsx(UnknownRate, { title: title, ...rest })) : (jsxs("div", { children: [jsx("div", { className: "hidden @xl:block", children: jsx(Rate, { title: title, rate: rate, unit: unit, fractionDigits: fractionDigits, ...rest }) }), jsx("div", { className: "@xl:hidden", children: jsx(CalculatorValueBlock, { title: title, value: rate, postfix: unit, fractionDigits: fractionDigits, fixed: true, ...rest }) })] }));
+
+    const DEFAULT_MONEY_STEP = 1000;
+    function renderWantedSumInput({ isShowItems = true, step = DEFAULT_MONEY_STEP, ...rest }) {
+        const items = [
+            `От ${toLocalNumberFormat(2)(rest.min || 0)} ₽`,
+            `До ${toLocalNumberFormat(2)(rest.max || 0)} ₽`,
+        ];
+        return jsx(InputRange, { items: isShowItems ? items : [], step: step, ...rest });
+    }
+
+    const CalculatorFormLayout = JSX(({ className, inputChildren, rateChildren, resultChildren }) => (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsx("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: inputChildren }), jsx("div", { className: "border-b border-main-divider md:hidden" }), rateChildren, jsx("div", { className: "flex flex-col gap-2xl sm:w-96 max-w-full", children: resultChildren })] })));
+
     const DEFAULT_MIN_SUM$1 = 10000;
     const DEFAULT_MAX_SUM$1 = 5000000;
     const CREDIT_DEFAULT_SUM = 200000;
@@ -2513,8 +2532,8 @@
     const BUSINESS_OPERATING_MIN_DAYS = 90;
     const BUSINESS_OPERATING_MAX_DAYS = 730;
     const BUSINESS_DEFAULT_DAYS = 60;
-    const MONTHS_IN_YEAR = 12;
-    const MONTHLY_INTEREST_RATE = MONTHS_IN_YEAR * 100;
+    const MONTHS_IN_YEAR$1 = 12;
+    const MONTHLY_INTEREST_RATE = MONTHS_IN_YEAR$1 * 100;
     const DEFAULT_CREDIT_CALCULATOR_PARAMS = {
         minSum: DEFAULT_MIN_SUM$1,
         maxSum: DEFAULT_MAX_SUM$1,
@@ -2540,20 +2559,6 @@
         isSalaryClient: false,
         isInsurance: true,
     };
-    const DEFAULT_TRAVEL_MIN_SUM = 6000;
-    const DEFAULT_REST_MIN_SUM = 6000;
-    const DEFAULT_BONUS_CALCULATOR_PARAMS = {
-        minSumTravel: 6000,
-        maxSumTravel: 200000,
-        minSumOther: 6000,
-        maxSumOther: 200000,
-        maxBonus: 5000,
-        prefMonthsNum: 2,
-        prefTravelBonusRate: 0.015,
-        prefRestBonusRate: 0.01,
-        travelBonusRate: 0.015,
-        restBonusRate: 0.01,
-    };
     const DEFAULT_DEPOSIT_CALCULATOR_PARAMS = {
         minSum: 50000,
         maxSum: 100000001,
@@ -2575,76 +2580,6 @@
         depositeName: "Депозит 'Стабильный'",
     };
 
-    const getBonus = (params, bonusTravelValue, bonusOtherValue) => {
-        const { maxBonus = 5000, prefMonthsNum = DEFAULT_BONUS_CALCULATOR_PARAMS.prefMonthsNum, prefTravelBonusRate = DEFAULT_BONUS_CALCULATOR_PARAMS.prefTravelBonusRate, prefRestBonusRate = 0.01, travelBonusRate = 0.015, restBonusRate = 0.01, } = params;
-        const prefBonus = Math.min(Math.round(prefTravelBonusRate * bonusTravelValue) +
-            Math.round(prefRestBonusRate * bonusOtherValue), maxBonus);
-        const bonus = Math.min(Math.round(travelBonusRate * bonusTravelValue) + Math.round(restBonusRate * bonusOtherValue), maxBonus);
-        const yearBonus = prefBonus * prefMonthsNum + bonus * (MONTHS_IN_YEAR - prefMonthsNum);
-        return [prefBonus, yearBonus];
-    };
-
-    const getBonusCalculatorParams = (userInputParams, calcSource) => {
-        const { travelExpenseValue, restExpenseValue } = userInputParams;
-        const [monthBonus, yearBonus] = getBonus(calcSource || DEFAULT_BONUS_CALCULATOR_PARAMS, travelExpenseValue, restExpenseValue);
-        return {
-            ...calcSource,
-            ...userInputParams,
-            monthBonus,
-            yearBonus,
-        };
-    };
-
-    const renderFootnote = (text) => text ? (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: text })) : null;
-
-    const Rate = JSX(({ rate = 0, title = 'Ставка', unit, fractionDigits = 2, depositeName, isShowDepositeName }) => (jsxs("div", { children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title }), jsxs("div", { className: "relative", children: [jsxs("div", { className: "flex justify-start gradient-color-text", children: [jsx("span", { className: "font-mohave text-title-huge pr-xl -mt-m tracking-[-15px]", children: toLocalNumberFormat(fractionDigits, { fixed: true })(rate) }), unit ? jsx("span", { className: "text-7xl", children: unit }) : null] }), depositeName && isShowDepositeName ? (jsx("div", { className: "absolute bottom-2 w-full text-left whitespace-nowrap", children: depositeName })) : null] })] })));
-
-    const UnknownRate = JSX(({ title = 'Ставка', isUnavailableByTerm = false }) => (jsxs("div", { className: "space-y-s", children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title }), jsx(Icon, { className: "w-10 h-10 @5xl:h-auto @5xl:w-40", name: "PercentIcon" }), jsx("div", { className: "w-64", children: isUnavailableByTerm ? (jsxs(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: ["\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u043D\u0430\u044F \u0441\u0442\u0430\u0432\u043A\u0430 \u0434\u043B\u044F \u0441\u0440\u043E\u043A\u0430 ", jsx("strong", { children: "1-30 \u0434\u043D\u0435\u0439" }), " \u0443\u0441\u0442\u0430\u043D\u0430\u0432\u043B\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0438 \u0432 \u0411\u0430\u043D\u043A"] })) : (jsx(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u0443\u044E \u0441\u0443\u043C\u043C\u0443 \u0438\u043B\u0438 \u0441\u0440\u043E\u043A" })) })] })));
-
-    const renderRate = ({ title = 'Ставка', rate = 0, unit = '%', fractionDigits = 2, isUnknownRateShown = true, ...rest }) => isUnknownRateShown && rate === 0 ? (jsx(UnknownRate, { title: title, ...rest })) : (jsxs("div", { children: [jsx("div", { className: "hidden @xl:block", children: jsx(Rate, { title: title, rate: rate, unit: unit, fractionDigits: fractionDigits, ...rest }) }), jsx("div", { className: "@xl:hidden", children: jsx(CalculatorValueBlock, { title: title, value: rate, postfix: unit, fractionDigits: fractionDigits, fixed: true, ...rest }) })] }));
-
-    const DEFAULT_MONEY_STEP = 1000;
-    function renderWantedSumInput({ isShowItems = true, step = DEFAULT_MONEY_STEP, ...rest }) {
-        const items = [
-            `От ${toLocalNumberFormat(2)(rest.min || 0)} ₽`,
-            `До ${toLocalNumberFormat(2)(rest.max || 0)} ₽`,
-        ];
-        return jsx(InputRange, { items: isShowItems ? items : [], step: step, ...rest });
-    }
-
-    const BonusCalculatorForm = JSX(({ className = '', calcSource, buttons, footnote }) => {
-        const [userInputParams, { field }] = useForm({
-            travelExpenseValue: DEFAULT_TRAVEL_MIN_SUM,
-            restExpenseValue: DEFAULT_REST_MIN_SUM,
-        });
-        const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } = getBonusCalculatorParams(userInputParams, calcSource);
-        return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-y-4xl', className), children: [jsxs("div", { className: "flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0", children: [renderWantedSumInput({
-                            title: 'Сумма покупок в категории путешествия, ₽',
-                            min: minSumTravel,
-                            max: maxSumTravel,
-                            step: 500,
-                            isShowItems: false,
-                            ...field('travelExpenseValue'),
-                        }), renderWantedSumInput({
-                            title: 'Сумма покупок в остальных категориях, ₽',
-                            min: minSumOther,
-                            max: maxSumOther,
-                            step: 500,
-                            isShowItems: false,
-                            ...field('restExpenseValue'),
-                        })] }), monthBonus >= 0
-                    ? renderRate({
-                        title: 'Баллов за месяц',
-                        rate: monthBonus,
-                        fractionDigits: 0,
-                        isUnknownRateShown: false,
-                        unit: '',
-                    })
-                    : null, jsxs("div", { className: "flex flex-col gap-y-xl @xl:w-96", children: [yearBonus >= 0 ? jsx(CalculatorValueBlock, { title: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0437\u0430 \u0433\u043E\u0434", value: yearBonus }) : null, renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }));
-    });
-
-    const CalculatorFormLayout = JSX(({ className, inputChildren, rateChildren, resultChildren }) => (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsx("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: inputChildren }), jsx("div", { className: "border-b border-main-divider md:hidden" }), rateChildren, jsx("div", { className: "flex flex-col gap-2xl sm:w-96 max-w-full", children: resultChildren })] })));
-
     const getMoneyDefaultValue = (defaultParams, defaultMoney = 0) => defaultParams?.sum ? defaultParams.sum : defaultMoney;
     const getMonthsDefaultValue = (defaultParams, defaultMonth = 0) => defaultParams?.period &&
         defaultParams.period >= DEFAULT_MIN_MONTHS &&
@@ -2842,7 +2777,7 @@
             }
         }
         else {
-            return Math.round(moneyValue / monthsValue) + moneyValue * (rate / (MONTHS_IN_YEAR * 100)); // Используется значение ставки (rate) в процентах, делённое на сто.
+            return Math.round(moneyValue / monthsValue) + moneyValue * (rate / (MONTHS_IN_YEAR$1 * 100)); // Используется значение ставки (rate) в процентах, делённое на сто.
         }
     };
 
@@ -3194,7 +3129,6 @@
         CreditCalculatorForm,
         DepositCalculatorForm,
         BusinessDepositCalculatorForm,
-        BonusCalculatorForm,
         RefinancingCalculatorForm,
     };
 
@@ -3258,6 +3192,86 @@
                         })) }) }), jsx("div", { className: "w-full h-2 bg-primary-main" })] }));
     }
 
+    const CalculatorLayout = JSX(({ className, title, children, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-xl', className), defaultPadding: "p-4xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title }) : null, children] })));
+
+    const DEFAULT_BONUS_CALCULATOR_PARAMS$1 = {
+        minSumTravel: 6000,
+        maxSumTravel: 200000,
+        minSumOther: 6000,
+        maxSumOther: 200000,
+        maxBonus: 5000,
+        prefMonthsNum: 2,
+        prefTravelBonusRate: 0.015,
+        prefRestBonusRate: 0.01,
+        travelBonusRate: 0.015,
+        restBonusRate: 0.01,
+    };
+    const MONTHS_IN_YEAR = 12;
+    const getBonus = (params, bonusTravelValue, bonusOtherValue) => {
+        const { maxBonus = 5000, prefMonthsNum = DEFAULT_BONUS_CALCULATOR_PARAMS$1.prefMonthsNum, prefTravelBonusRate = DEFAULT_BONUS_CALCULATOR_PARAMS$1.prefTravelBonusRate, prefRestBonusRate = 0.01, travelBonusRate = 0.015, restBonusRate = 0.01, } = params;
+        const prefBonus = Math.min(Math.round(prefTravelBonusRate * bonusTravelValue) +
+            Math.round(prefRestBonusRate * bonusOtherValue), maxBonus);
+        const bonus = Math.min(Math.round(travelBonusRate * bonusTravelValue) + Math.round(restBonusRate * bonusOtherValue), maxBonus);
+        const yearBonus = prefBonus * prefMonthsNum + bonus * (MONTHS_IN_YEAR - prefMonthsNum);
+        return [prefBonus, yearBonus];
+    };
+
+    const DEFAULT_BONUS_CALCULATOR_PARAMS = {
+        minSumTravel: 6000,
+        maxSumTravel: 200000,
+        minSumOther: 6000,
+        maxSumOther: 200000,
+        maxBonus: 5000,
+        prefMonthsNum: 2,
+        prefTravelBonusRate: 0.015,
+        prefRestBonusRate: 0.01,
+        travelBonusRate: 0.015,
+        restBonusRate: 0.01,
+    };
+    const getBonusCalculatorParams = (userInputParams, calcSource) => {
+        const { travelExpenseValue, restExpenseValue } = userInputParams;
+        const [monthBonus, yearBonus] = getBonus(calcSource || DEFAULT_BONUS_CALCULATOR_PARAMS, travelExpenseValue, restExpenseValue);
+        return {
+            ...calcSource,
+            ...userInputParams,
+            monthBonus,
+            yearBonus,
+        };
+    };
+
+    const DEFAULT_TRAVEL_MIN_SUM = 6000;
+    const DEFAULT_REST_MIN_SUM = 6000;
+    const CalculatorBonus = UniBlock(({ className = '', title, calcSource, buttons, footnote, ...rest }) => {
+        const [userInputParams, { field }] = useForm({
+            travelExpenseValue: DEFAULT_TRAVEL_MIN_SUM,
+            restExpenseValue: DEFAULT_REST_MIN_SUM,
+        });
+        const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } = getBonusCalculatorParams(userInputParams, calcSource);
+        return (jsx(CalculatorLayout, { className: className, title: title, ...rest, children: jsxs("section", { className: style('flex flex-col justify-between @4xl:flex-row gap-y-4xl', className), children: [jsxs("div", { className: "flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0", children: [renderWantedSumInput({
+                                title: 'Сумма покупок в категории путешествия, ₽',
+                                min: minSumTravel,
+                                max: maxSumTravel,
+                                step: 500,
+                                isShowItems: false,
+                                ...field('travelExpenseValue'),
+                            }), renderWantedSumInput({
+                                title: 'Сумма покупок в остальных категориях, ₽',
+                                min: minSumOther,
+                                max: maxSumOther,
+                                step: 500,
+                                isShowItems: false,
+                                ...field('restExpenseValue'),
+                            })] }), monthBonus >= 0
+                        ? renderRate({
+                            title: 'Баллов за месяц',
+                            rate: monthBonus,
+                            fractionDigits: 0,
+                            isUnknownRateShown: false,
+                            unit: '',
+                        })
+                        : null, jsxs("div", { className: "flex flex-col gap-y-xl @xl:w-96", children: [yearBonus >= 0 ? (jsx(CalculatorValueBlock, { title: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0437\u0430 \u0433\u043E\u0434", value: yearBonus })) : null, renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
+    });
+
     const NumberInput = JSX((props) => {
         const { onChange, min, max, defaultValue = '0', fractionDigits = 0, ...inputProps } = props;
         const normalizedProps = useNormalizedInput(props, {
@@ -5939,6 +5953,7 @@
         BonusBenefitsBlock,
         ButtonsBlock,
         Calculator,
+        CalculatorBonus,
         CardTransfer,
         Carousel,
         CarouselBankHistoryCard,
@@ -6155,7 +6170,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.292";
+    const packageVersion = "0.14.293";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;