@redneckz/wildless-cms-uni-blocks 0.14.230 → 0.14.232

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: 'Сумма, ₽',
@@ -3058,9 +3069,9 @@
                     .map((link, index) => (jsx(CarouselLinkButton, { ...link }, String(index)))) }, String(groupIndex)))) }));
     };
 
-    const LinkWrapper = JSX(({ className = '', href, target, isRemote = false, children }) => {
+    const LinkWrapper = JSX(({ className = '', href, target, isRemote = false, onClick, children }) => {
         const link = useLink({ isRemote });
-        const linkProps = link({ href, target });
+        const linkProps = link({ href, target, onClick });
         const Tag = href ? 'a' : 'div';
         return (jsx(Tag, { className: style('block', className), ...(href ? linkProps : {}), role: href ? 'link' : 'none', children: children }));
     });
@@ -4095,9 +4106,9 @@
         return (jsxs("div", { className: "flex gap-s items-center", children: [icon ? jsx(Img, { pathPrefix: "/wcms-resources/", image: icon }) : null, text ? (jsx("a", { className: "hover:text-primary-hover", href: href, target: target, onClick: onClick, children: jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text }) })) : null] }));
     });
 
-    const renderRegion = (onChangeLocation) => (region) => (jsx("div", { className: "mb-xs sm:mb-2xs", children: jsx("button", { className: "cursor-pointer hover:text-primary-hover", onClick: () => {
-                onChangeLocation && onChangeLocation(region);
-            }, type: "button", children: jsx(Text, { size: "text-l", font: "font-light", children: region.name || '' }) }) }, region.id));
+    const renderRegion = (onChangeLocation) => (region) => region.name ? (jsx(LinkWrapper, { isRemote: true, href: `/branches/${region.slug}`, className: "mb-xs sm:mb-2xs hover:text-primary-hover", onClick: () => {
+            onChangeLocation && onChangeLocation(region);
+        }, children: jsx(Text, { size: "text-l", font: "font-light", children: region.name }) }, String(region.id))) : null;
 
     const renderRegionGroup = (onChangeLocation) => ([letter, regions]) => (jsxs("div", { className: "break-inside-avoid mb-2xl w-56", children: [jsx("div", { className: "mb-s", children: jsx(Text, { size: "text-h6", children: letter }) }), regions.map(renderRegion(onChangeLocation))] }, letter));
 
@@ -4109,7 +4120,7 @@
     const SEARCH_TERM_MIN_LENGTH = 3;
     const LocationDialog = JSX(({ foreignOffices, defaultLocation }) => {
         const [currentLocation, selectCurrentLocation] = useLocation(defaultLocation);
-        const link = useLink({ isRemote: true, basePath: '/' });
+        const link = useLink({ isRemote: true });
         const { href } = link({ href: `/branches/${currentLocation.slug}` });
         const [query, setQuery] = useState('');
         const regions = cleanUpRegions(useRegions()).sort((a, b) => a.name.localeCompare(b.name));
@@ -4119,7 +4130,7 @@
             selectCurrentLocation(region);
             close();
         }, []);
-        return (jsxs(Dialog, { className: "pb-20", head: jsxs("div", { children: [jsx(Text, { size: "text-h4", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B" }), currentLocation ? (jsxs("div", { className: "mb-s", children: [jsx(Text, { size: "text-l", font: "font-light", children: "\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D:\u00A0" }), jsx(LinkButton, { href: href, onClick: () => selectCurrentLocation(currentLocation), children: jsx(Text, { color: "text-primary-main", children: currentLocation.name }) })] })) : null, jsx(SearchBar, { onSearch: setQuery, searchTerm: query })] }), children: [query && query.length >= SEARCH_TERM_MIN_LENGTH ? (jsx("div", { children: regions
+        return (jsxs(Dialog, { className: "pb-20", head: jsxs("div", { children: [jsx(Text, { size: "text-h4", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B" }), currentLocation ? (jsx("div", { className: "mb-s", children: jsxs(Paragraph, { size: "text-l", color: "text-primary-text", children: ["\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D:", jsx(LinkWrapper, { isRemote: true, href: href, className: "inline mx-2xs text-primary-main", children: currentLocation.name })] }) })) : null, jsx(SearchBar, { onSearch: setQuery, searchTerm: query })] }), children: [query && query.length >= SEARCH_TERM_MIN_LENGTH ? (jsx("div", { children: regions
                         .filter(({ name }) => name && jaroWinklerDistance(name.toLowerCase())(query.toLowerCase()) >= 0.8)
                         .map(renderRegion(handleChangeLocation)) })) : (jsx("div", { className: "columns-1 sm:columns-5", children: Array.from(regionsGroupByLetter.entries()).map(renderRegionGroup(handleChangeLocation)) })), renderForeignOffices(foreignOffices)] }));
     });
@@ -5994,7 +6005,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.229";
+    const packageVersion = "0.14.231";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;