@redneckz/wildless-cms-uni-blocks 0.14.3 → 0.14.4

package/bundle/bundle.umd.js

@@ -1507,13 +1507,13 @@
 
     const BusinessBlock = JSX(({ className, title, cards, ...rest }) => (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl space-y-3xl", ...rest, children: [jsx(Heading, { headingType: "h3", title: title, className: "text-center" }), jsx("div", { className: "flex gap-lg", children: cards?.length ? cards.map((_, i) => jsx(BusinessCard, { ..._ }, String(i))) : null })] })));
 
-    const alignStyleMap = {
+    const alignStyleMap$1 = {
         start: 'justify-start',
         center: 'justify-center',
         end: 'justify-end',
     };
     const ButtonsBlock = JSX(({ buttons, className = '', align, ...rest }) => {
-        const alignStyle = align ? style('flex', alignStyleMap[align]) : '';
+        const alignStyle = align ? style('flex', alignStyleMap$1[align]) : '';
         return (jsx(BlockWrapper, { className: style('!bg-transparent', alignStyle, className), defaultPadding: "p-0", ...rest, children: renderButtonsSection(buttons) }));
     });
 
@@ -1687,7 +1687,7 @@
         };
     };
 
-    const BonusCalculatorForm = JSX(({ className = '', sourceBookDir = '', buttons, footnote }) => {
+    const BonusCalculatorForm = JSX(({ className = '', sourceBookDir, buttons, footnote }) => {
         const [userInputParams, { field }] = useForm({
             travelExpenseValue: DEFAULT_TRAVEL_MIN_SUM,
             restExpenseValue: DEFAULT_REST_MIN_SUM,
@@ -1856,7 +1856,7 @@
         }
     };
 
-    const BusinessDepositCalculatorForm = JSX(({ className = '', sourceBookDir, buttons, footnote, bottomFootnote, isShowDepositeName }) => {
+    const BusinessDepositCalculatorForm = JSX(({ className = '', rateParams, buttons, footnote, bottomFootnote, isShowDepositeName }) => {
         const [userInputParams, { field }] = useForm({
             moneyValue: BUSINESS_DEFAULT_SUM,
             daysValue: BUSINESS_DEFAULT_DAYS,
@@ -1865,7 +1865,7 @@
             isSmallBusiness: false,
             isMonthlyInterestPayment: false,
         });
-        const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, sourceBookDir);
+        const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, rateParams?.sourceBookDir);
         const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
         return (jsxs("section", { className: style('flex flex-col justify-between @5xl:flex-row gap-m', className), children: [jsxs("div", { className: "flex flex-col gap-y-m sm:max-w-md gap-2xl", children: [renderWantedSumInput({
                             title: 'Сумма, ₽',
@@ -1898,6 +1898,15 @@
     const renderMonthsInput = ({ min = 0, max = 0, availableMonths, ...rest }) => (jsx(InputRange, { items: [`От ${monthText(min)}`, `До ${monthText(max)}`], step: STEP_MONTHS, ...(availableMonths?.length ? { list: availableMonths } : { min, max }), ...rest }));
     const monthText = (month) => `${month} ${Number(month) % 10 === 1 ? 'месяца' : 'месяцев'}`;
 
+    const renderPaymentType = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        radioGroupClassName: 'sm:flex-col',
+        items: [
+            { id: 'annuity', text: 'Аннуитетный' },
+            { id: 'differential', text: 'Дифференцированный' },
+        ],
+    });
+
     const checkCreditSourceBookRowCommonParams = (props) => checkRowParam$1({
         ...props,
         fieldKey: 'isSalaryClient',
@@ -1994,15 +2003,6 @@
         }), [userInputParams, data]);
     };
 
-    const renderPaymentType = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        radioGroupClassName: 'sm:flex-col',
-        items: [
-            { id: 'annuity', text: 'Аннуитетный' },
-            { id: 'differential', text: 'Дифференцированный' },
-        ],
-    });
-
     const CreditCalculatorForm = JSX(({ className, sourceBookDir, buttons, footnote, paramsViewSettings, isMobile }) => {
         const [userInputParams, { field }] = useForm({
             isAnnuity: true,
@@ -2038,6 +2038,14 @@
     });
     const renderCreditParamsForm$1 = (params, field) => (jsxs("div", { className: "flex flex-col gap-y-2xl", children: [params.isShowSalaryClient ? (jsx(Checkbox, { text: `Получаю зарплату на счёт\nв Россельхозбанке`, ...field('isSalaryClient'), value: params.isSalaryClient, className: "whitespace-pre-line sm:whitespace-normal" })) : null, params.isShowStateEmployee ? (jsx(Checkbox, { 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 ? (jsx(Checkbox, { 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 ? (jsx(Checkbox, { 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] }));
 
+    const renderRegistrationType = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        items: [
+            { id: 'remote', text: 'Дистанционно' },
+            { id: 'office', text: 'Офис Банка' },
+        ],
+    });
+
     const arrayByRange = (start, stop, step = 1) => Array.from({ length: Math.abs(stop - start) / step + 1 }, (value, index) => stop >= start ? start + index * step : start - index * step);
 
     const useDepositCalculatorParams = (userInputParams, sourceBookDir, paramsViewSettings) => {
@@ -2092,14 +2100,6 @@
     const checkRowByParam = ({ row, userInputParams, paramKey, isExclude }) => isExclude || userInputParams[paramKey] === row[paramKey];
     const getMiddleMonth = (minMonths, maxMonths) => minMonths + Math.round((maxMonths - minMonths) / 2);
 
-    const renderRegistrationType = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        items: [
-            { id: 'remote', text: 'Дистанционно' },
-            { id: 'office', text: 'Офис Банка' },
-        ],
-    });
-
     const DepositCalculatorForm = JSX(({ className, sourceBookDir, buttons, footnote, paramsViewSettings }) => {
         const [userInputParams, { field }] = useForm({
             moneyValue: DEPOSIT_DEFAULT_SUM,
@@ -2280,7 +2280,12 @@
         return (jsx("section", { className: "box-border relative bg-white flex shrink-0 self-start basis-full", role: "listitem", children: jsxs("div", { className: "box-border p-4xl w-full space-y-xl", children: [block?.title ? jsx(Heading, { className: "text-center", title: block.title }) : null, jsx(EmbeddedBlock, { ...block })] }) }, String(i)));
     };
 
-    const Calculator = JSX(({ className = '', calculatorTabs = [], ...rest }) => {
+    const alignStyleMap = {
+        start: 'justify-start',
+        center: 'justify-center',
+        end: 'justify-end',
+    };
+    const Calculator = JSX(({ className = '', tabAlign, calculatorTabs = [], ...rest }) => {
         const tabsNav = calculatorTabs.map((_) => _.nav || {});
         const calculatorBlocks = calculatorTabs.map(({ calculatorBlock }) => calculatorBlock || {});
         const [slideIndexShift, setSlideIndexShift] = useState(0);
@@ -2291,7 +2296,13 @@
             visibleItemCount: COLUMNS_FOR_SCROLL,
         });
         return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden relative', className), defaultPadding: "p-0", ...rest, children: [jsxs("div", { className: "bg-white", children: [tabsNav.length > 1
-                            ? renderTabs$1({ activeIndex, tabsNav, slideIndexShift, onClick: handleSlideIndexShift })
+                            ? renderTabs$1({
+                                activeIndex,
+                                tabsNav,
+                                tabAlign,
+                                slideIndexShift,
+                                onClick: handleSlideIndexShift,
+                            })
                             : null, renderArrows({
                             ...controls,
                             btnClass: ['left-3', 'right-3'],
@@ -2314,9 +2325,10 @@
                         iconVersion: iconVersion ?? activeIconStyle,
                     }, width: "24", height: "24" }), jsxs("div", { className: "border-0", children: [jsx("div", { className: btnTitleClassName, children: tab?.title }), jsx("div", { className: btnDescClassName, children: tab.description })] })] }, String(i)));
     }
-    function renderTabs$1({ activeIndex, tabsNav, slideIndexShift, onClick }) {
+    function renderTabs$1({ activeIndex, tabsNav, tabAlign, slideIndexShift, onClick }) {
         const CARD_SHIFT = 388;
-        return (jsxs("div", { children: [jsx("div", { style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, className: "flex flex-col justify-end items-center h-32 pt-4xl box-border duration-1000", children: jsx("div", { className: "w-full flex flex-nowrap items-end gap-xs", children: tabsNav.map((tab, i) => renderNavButton$3({
+        const alignStyle = tabAlign ? alignStyleMap[tabAlign] : '';
+        return (jsxs("div", { children: [jsx("div", { style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, className: "flex flex-col justify-end items-center h-32 pt-4xl box-border duration-1000", children: jsx("div", { className: style('w-full flex flex-nowrap items-end gap-xs', alignStyle), children: tabsNav.map((tab, i) => renderNavButton$3({
                             tab,
                             i,
                             isActive: Boolean(i === slideIndexShift),
@@ -5367,7 +5379,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.3";
+    const packageVersion = "0.14.4";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;