@redneckz/wildless-cms-uni-blocks 0.14.18 → 0.14.19

package/bundle/BlockRenderer/BlockRendererOptions.d.ts

@@ -1,6 +1,6 @@
-import type { BlockAncestors, BlockDecorator } from '../model/BlockDecorator';
-import type { BlocksRegistry } from '../model/BlocksRegistry';
-import type { ContentPageDef, Slot } from '../model/ContentPageDef';
+import { type BlockAncestors, type BlockDecorator } from '../model/BlockDecorator';
+import { type BlocksRegistry } from '../model/BlocksRegistry';
+import { type ContentPageDef, type Slot } from '../model/ContentPageDef';
 export interface BlockRendererOptions {
     key?: string;
     page?: ContentPageDef;

package/bundle/BlockRenderer/defaultBlockDecorator.d.ts

@@ -1,2 +1,2 @@
-import type { BlockDecorator } from '../model/BlockDecorator';
+import { type BlockDecorator } from '../model/BlockDecorator';
 export declare const defaultBlockDecorator: BlockDecorator;

package/bundle/BlockRenderer/getParentBlockContent.d.ts

@@ -1,2 +1,2 @@
-import type { BlockRendererOptions } from './BlockRendererOptions';
+import { type BlockRendererOptions } from './BlockRendererOptions';
 export declare function getParentBlockContent<C extends Record<string, any>>(options: BlockRendererOptions | undefined, defaultContent: C): C;

package/bundle/BlockRenderer/getParentBlockDef.d.ts

@@ -1,3 +1,3 @@
-import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
-import type { BlockDef } from '../model/ContentPageDef';
+import { type BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
+import { type BlockDef } from '../model/ContentPageDef';
 export declare function getParentBlockDef(options: BlockRendererOptions | undefined): BlockDef;

package/bundle/BlockRenderer/renderBlock.d.ts

@@ -1,5 +1,5 @@
-import type { BlockDef } from '../model/ContentPageDef';
-import type { UniBlockProps } from '../model/JSXBlock';
-import type { BlockRendererOptions } from './BlockRendererOptions';
+import { type BlockDef } from '../model/ContentPageDef';
+import { type UniBlockProps } from '../model/JSXBlock';
+import { type BlockRendererOptions } from './BlockRendererOptions';
 export declare type ExtraProps = Partial<Record<string, any>> & UniBlockProps;
 export declare function renderBlock(block: BlockDef, options: BlockRendererOptions, { className, ...extraProps }?: ExtraProps): any;

package/bundle/BlockRenderer/renderBlockList.d.ts

@@ -1,8 +1,8 @@
-import type { SlotName } from '../model/BlockDecorator';
-import type { BlockDef } from '../model/ContentPageDef';
-import type { VNode } from '../model/VNode';
-import type { BlockRendererOptions } from './BlockRendererOptions';
-import { ExtraProps } from './renderBlock';
+import { type SlotName } from '../model/BlockDecorator';
+import { type BlockDef } from '../model/ContentPageDef';
+import { type VNode } from '../model/VNode';
+import { type BlockRendererOptions } from './BlockRendererOptions';
+import { type ExtraProps } from './renderBlock';
 export declare type ChildRenderProps = (block: BlockDef, options: BlockRendererOptions, i?: number) => VNode;
 export interface BlocksListRendererProps extends BlockRendererOptions {
     slotName?: SlotName;

package/bundle/BlockRenderer/renderChildren.d.ts

@@ -1,7 +1,7 @@
-import type { UniBlockProps } from '../model/JSXBlock';
-import type { VNode } from '../model/VNode';
-import type { ExtraProps } from './renderBlock';
-import { ChildRenderProps } from './renderBlockList';
+import { type UniBlockProps } from '../model/JSXBlock';
+import { type VNode } from '../model/VNode';
+import { type ExtraProps } from './renderBlock';
+import { type ChildRenderProps } from './renderBlockList';
 interface ChildrenRendererProps extends UniBlockProps {
     children?: VNode;
     extraProps?: ExtraProps;

package/bundle/EventBus/defaultEventBus.d.ts

@@ -1,7 +1,7 @@
-import type { TabActivationEvent } from '../components/Tabs/TabActivationEvent';
-import type { RegionData } from '../hooks/useLocation';
-import type { DialogAction } from '../ui-kit/DialogManager/DialogAction';
-import type { PopupAction } from '../ui-kit/PopupManager/PopupAction';
+import { type TabActivationEvent } from '../components/Tabs/TabActivationEvent';
+import { type RegionData } from '../hooks/useLocation';
+import { type DialogAction } from '../ui-kit/DialogManager/DialogAction';
+import { type PopupAction } from '../ui-kit/PopupManager/PopupAction';
 import { EventBus } from './EventBus';
 interface GlobalEventMap {
     location: RegionData;

package/bundle/EventBus/useLatestEvent.d.ts

@@ -1,2 +1,2 @@
-import type { EventBus } from './EventBus';
+import { type EventBus } from './EventBus';
 export declare const useLatestEvent: <EM extends Record<string, any>, K extends keyof EM>(eventBus: EventBus<EM>, type: K, initialEvent?: EM[K] | undefined) => [EM[K] | null, (_: EM[K]) => void];

package/bundle/bundle.umd.js

@@ -1488,7 +1488,7 @@
         return isVisible ? (jsxs("div", { children: [canDec ? (jsx(ArrowButton, { className: `absolute z-40 ${btnClass[0]} ${className}`, onClick: dec, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left", disabled: !canDec })) : null, canInc ? (jsx(ArrowButton, { className: `absolute z-40 rotate-180 ${btnClass[1]} ${className}`, onClick: inc, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right", disabled: !canInc })) : null] })) : null;
     }
 
-    const calculatorValueBlockStyle = 'flex justify-between md:flex-col';
+    const calculatorValueBlockStyle = 'flex justify-between @xl:flex-col';
     const CalculatorValueBlock = JSX(({ title, value, postfix = '', prefix, className = '' }) => (jsxs("div", { className: style(calculatorValueBlockStyle, className), children: [title ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title })) : null, value ? (jsx("div", { children: jsxs(Text, { size: "text-h3", children: [prefix, " ", toLocalNumberFormat(2)(Math.round(value)), " ", postfix] }) })) : (jsx("div", { children: jsx(Text, { size: "text-h3", children: "-" }) }))] })));
 
     const DEFAULT_MIN_SUM$1 = 10000;
@@ -1581,10 +1581,21 @@
     const BUSINESS_DEPOSIT_CALC_DEFAULT_DIR = 'business-calculator-data';
     const REFINANCING_CALC_DEFAULT_DIR = 'refinancing-calculator-data';
 
-    const Rate = JSX(({ rate, title = 'Ставка', unit, depositeName, isShowDepositeName, rateBlockClassName, fractionDigits = 2, }) => (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: style('font-mohave text-title-huge pr-xl -mt-m', rateBlockClassName), children: String(rate.toFixed(fractionDigits)).replace('.', ',') }), unit ? jsx("span", { className: "text-7xl", children: unit }) : null] }), depositeName && isShowDepositeName ? (jsx("div", { className: "absolute bottom-7 w-full text-center whitespace-nowrap", children: depositeName })) : null] })] })));
-
     const renderFootnote = (text) => text ? (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: text })) : null;
 
+    const Rate = JSX(({ rate, title = 'Ставка', unit, depositeName, isShowDepositeName, fractionDigits = 2 }) => (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: String(rate.toFixed(fractionDigits)).replace('.', ',') }), unit ? jsx("span", { className: "text-7xl", children: unit }) : null] }), depositeName && isShowDepositeName ? (jsx("div", { className: "absolute bottom-7 w-full text-center 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 renderDesktopRate = ({ rate, depositeName, fractionDigits, isShowDepositeName, title, unit, }) => (jsx(Rate, { rate: rate, depositeName: depositeName, fractionDigits: fractionDigits, isShowDepositeName: isShowDepositeName, unit: unit, title: title }));
+    const renderMobileRate = ({ rate, title, unit }) => (jsx(CalculatorValueBlock, { title: title, value: rate, postfix: unit }));
+    const renderRate = ({ isUnknownRateShown = true, isUnavailableByTerm = false, title = 'Ставка', unit = '%', rate = 0, ...rest }) => {
+        if (isUnknownRateShown && rate === 0) {
+            return jsx(UnknownRate, { isUnavailableByTerm: isUnavailableByTerm, title: title });
+        }
+        return (jsxs("div", { children: [jsx("div", { className: "hidden @xl:block", children: renderDesktopRate({ title, unit, rate, ...rest }) }), jsx("div", { className: "@xl:hidden", children: renderMobileRate({ title, unit, rate, ...rest }) })] }));
+    };
+
     const DEFAULT_MONEY_STEP = 1000;
     function renderWantedSumInput({ isShowItems = true, step = DEFAULT_MONEY_STEP, ...rest }) {
         const items = [
@@ -1630,7 +1641,7 @@
             restExpenseValue: DEFAULT_REST_MIN_SUM,
         });
         const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } = useBonusCalculatorParams(userInputParams, sourceBookDir);
-        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({
+        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,
@@ -1644,7 +1655,15 @@
                             step: 500,
                             isShowItems: false,
                             ...field('restExpenseValue'),
-                        })] }), monthBonus >= 0 ? (jsx(Rate, { title: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0437\u0430 \u043C\u0435\u0441\u044F\u0446", rate: monthBonus, rateBlockClassName: "tracking-[-14px]", fractionDigits: 0 })) : null, jsxs("div", { className: "flex flex-col gap-2xl sm: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)] })] }));
+                        })] }), monthBonus >= 0
+                    ? renderRate({
+                        title: 'Баллов за месяц',
+                        rate: monthBonus,
+                        fractionDigits: 0,
+                        isUnknownRateShown: false,
+                        unit: '',
+                    })
+                    : null, jsxs("div", { className: "flex flex-col gap-y-4xl @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 SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
@@ -1692,17 +1711,6 @@
         ],
     });
 
-    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 renderDesktopRate = ({ rate, depositeName, fractionDigits, isShowDepositeName, }) => (jsx(Rate, { rate: rate, depositeName: depositeName, fractionDigits: fractionDigits, isShowDepositeName: isShowDepositeName, rateBlockClassName: "tracking-[-25px]", unit: "%" }));
-    const renderMobileRate = ({ rate }) => (jsx(CalculatorValueBlock, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", value: rate, postfix: "%" }));
-    const renderRate = (props) => {
-        if (props.rate === 0) {
-            return jsx(UnknownRate, { isUnavailableByTerm: props.isUnavailableByTerm });
-        }
-        return (jsxs("div", { children: [jsx("div", { className: "hidden md:block", children: renderDesktopRate(props) }), jsx("div", { className: "md:hidden", children: renderMobileRate(props) })] }));
-    };
-
     const defaultDiscriminator = (_) => _;
     const maxBy = (discriminator = defaultDiscriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
     const max = maxBy();
@@ -5655,7 +5663,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.18";
+    const packageVersion = "0.14.19";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;