@redneckz/wildless-cms-uni-blocks 0.14.229 → 0.14.231

package/bundle/bundle.umd.js

@@ -2095,6 +2095,33 @@
 
     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 &&
+        defaultParams.period <= DEFAULT_MAX_MONTHS
+        ? defaultParams.period
+        : defaultMonth;
+
+    const STEP_DAYS = 1;
+    const renderDaysInput = (props) => (jsx(InputRange, { items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
+    const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
+
+    const orientationStyleMap = {
+        horizontal: 'gap-5xl',
+        vertical: 'flex-col gap-s',
+    };
+    const RadioButtonGroup = JSX(({ items, checkedItem, className, onChange: onChangeCheckedItem, orientation = 'horizontal', }) => (jsx("div", { className: style(`flex ${orientationStyleMap[orientation]}`, className), role: "radiogroup", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id) }, String(id)))) })));
+
+    const renderBinaryRadioButtonGroup = ({ items, title, mobileTitle = title, orientation = 'horizontal', value, radioGroupClassName, onChange, }) => (jsxs("div", { className: "space-y-s", children: [title ? (jsx("div", { className: "hidden @5xl:block", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, mobileTitle ? (jsx("div", { className: "@5xl:hidden", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: mobileTitle }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: items, checkedItem: items[value ? 0 : 1].id, className: style('flex-col sm:flex-row', radioGroupClassName), onChange: (_) => onChange && onChange(_ === items[0].id) })] }));
+
+    const renderInterestPayment = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        items: [
+            { id: 'everyMonth', text: 'Ежемесячно' },
+            { id: 'atEndTerm', text: 'В конце срока' },
+        ],
+    });
+
     const defaultDiscriminator = (_) => _;
     const maxBy = (discriminator = defaultDiscriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
     const max = maxBy();
@@ -2118,10 +2145,21 @@
     });
     const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value <= sourceBookRow[maxKey];
 
-    const getBusinessDepositCalculatorParams = (userInputParams, calcSource) => {
+    const DEPOSIT_RATES_SERVICE_MAP = {
+        UL: 'businessdepositrates',
+        IP: 'selfemployeddepositrates',
+    };
+    function useBusinessDepositRates(rateParams) {
+        const serviceName = rateParams?.rateType ? DEPOSIT_RATES_SERVICE_MAP[rateParams?.rateType] : '';
+        const { data } = useAsyncData(serviceName ? `/api/v1/depositrates/${serviceName}` : null, fetchJSONUnsafe);
+        return Array.isArray(data) ? data : [];
+    }
+
+    const useBusinessDepositCalculatorParams = (userInputParams, rateParams) => {
         const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isMonthlyInterestPayment } = userInputParams;
         const isOperatingDeposit = isReplenished || isPartialWithdrawal;
         const isDisabledOperatingDeposit = daysValue < BUSINESS_OPERATING_MIN_DAYS || daysValue > BUSINESS_OPERATING_MAX_DAYS;
+        const rateRows = useBusinessDepositRates(rateParams);
         if (daysValue <= BUSINESS_RATE_MIN_DAYS) {
             return {
                 ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
@@ -2130,7 +2168,7 @@
                 isUnavailableByTerm: true,
             };
         }
-        const businessDepositCalculatorSourceBookParams = calcSource?.rateRows?.find((_) => {
+        const businessDepositCalculatorSourceBookParams = rateRows?.find((_) => {
             return (isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
                 checkIsOperatingDeposit(isOperatingDeposit, _) &&
                 checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
@@ -2139,7 +2177,7 @@
         const { rate } = businessDepositCalculatorSourceBookParams;
         const income = getDepositIncome$1(rate, userInputParams);
         const finalSum = moneyValue + income;
-        const sourceBookRows = calcSource?.rateRows || [DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS];
+        const sourceBookRows = rateRows || [DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS];
         return {
             ...businessDepositCalculatorSourceBookParams,
             ...getRangeByKeys(['minSum', 'maxSum'], sourceBookRows),
@@ -2166,34 +2204,7 @@
         }
     };
 
-    const getMoneyDefaultValue = (defaultParams, defaultMoney = 0) => defaultParams?.sum ? defaultParams.sum : defaultMoney;
-    const getMonthsDefaultValue = (defaultParams, defaultMonth = 0) => defaultParams?.period &&
-        defaultParams.period >= DEFAULT_MIN_MONTHS &&
-        defaultParams.period <= DEFAULT_MAX_MONTHS
-        ? defaultParams.period
-        : defaultMonth;
-
-    const STEP_DAYS = 1;
-    const renderDaysInput = (props) => (jsx(InputRange, { items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
-    const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
-
-    const orientationStyleMap = {
-        horizontal: 'gap-5xl',
-        vertical: 'flex-col gap-s',
-    };
-    const RadioButtonGroup = JSX(({ items, checkedItem, className, onChange: onChangeCheckedItem, orientation = 'horizontal', }) => (jsx("div", { className: style(`flex ${orientationStyleMap[orientation]}`, className), role: "radiogroup", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id) }, String(id)))) })));
-
-    const renderBinaryRadioButtonGroup = ({ items, title, mobileTitle = title, orientation = 'horizontal', value, radioGroupClassName, onChange, }) => (jsxs("div", { className: "space-y-s", children: [title ? (jsx("div", { className: "hidden @5xl:block", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, mobileTitle ? (jsx("div", { className: "@5xl:hidden", children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: mobileTitle }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: items, checkedItem: items[value ? 0 : 1].id, className: style('flex-col sm:flex-row', radioGroupClassName), onChange: (_) => onChange && onChange(_ === items[0].id) })] }));
-
-    const renderInterestPayment = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        items: [
-            { id: 'everyMonth', text: 'Ежемесячно' },
-            { id: 'atEndTerm', text: 'В конце срока' },
-        ],
-    });
-
-    const BusinessDepositCalculatorForm = JSX(({ className = '', buttons, footnote, bottomFootnote, isShowDepositeName, defaultParams, calcSource, }) => {
+    const BusinessDepositCalculatorForm = JSX(({ className = '', buttons, footnote, bottomFootnote, isShowDepositeName, defaultParams, rateParams, }) => {
         const [userInputParams, { field }] = useForm({
             moneyValue: getMoneyDefaultValue(defaultParams, BUSINESS_DEFAULT_SUM),
             daysValue: getMonthsDefaultValue(defaultParams, BUSINESS_DEFAULT_DAYS),
@@ -2201,7 +2212,7 @@
             isPartialWithdrawal: Boolean(defaultParams?.isPartialWithdrawal),
             isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
         });
-        const calculatorParams = getBusinessDepositCalculatorParams(userInputParams, calcSource);
+        const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, rateParams);
         const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
         return (jsx(CalculatorFormLayout, { className: className, inputChildren: jsxs("div", { children: [renderWantedSumInput({
                         title: 'Сумма, ₽',
@@ -5994,7 +6005,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.228";
+    const packageVersion = "0.14.230";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;