@redneckz/wildless-cms-uni-blocks 0.12.14 → 0.13.0

package/bundle/components/Calculator/Calculator.mobile.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { CalculatorContent } from './CalculatorContent';
+export interface CalculatorProps extends CalculatorContent, UniBlockProps {
+}
+export declare const Calculator: import("@redneckz/uni-jsx").UNIComponent<CalculatorProps, any, any>;

package/bundle/components/Calculator/CreditCalculatorForm.d.ts

@@ -1,5 +1,6 @@
 import type { CreditCalculatorProps } from './CalculatorContent';
 export interface CreditCalculatorProp extends CreditCalculatorProps {
     className?: string;
+    isMobile?: boolean;
 }
 export declare const CreditCalculatorForm: import("@redneckz/uni-jsx").UNIComponent<CreditCalculatorProp, any, any>;

package/bundle/components/Calculator/DepositCalculatorForm.d.ts

@@ -1,4 +1,4 @@
-import { DepositCalculatorProps } from './CalculatorContent';
+import type { DepositCalculatorProps } from './CalculatorContent';
 export interface DepositCalculatorProp extends DepositCalculatorProps {
     className?: string;
 }

package/bundle/components/Calculator/RefinancingCalculatorForm.d.ts

@@ -1,4 +1,4 @@
-import { RefinancingCalculatorProps } from './CalculatorContent';
+import type { RefinancingCalculatorProps } from './CalculatorContent';
 export interface RefinancingCalculatorProp extends RefinancingCalculatorProps {
     className?: string;
 }

package/bundle/components/Calculator/renderBinaryRadioButtonGroup.d.ts

@@ -6,6 +6,7 @@ export interface BinaryRadioButtonGroupProps {
     title?: string;
     orientation?: ListOrientation;
     value?: boolean;
+    radioGroupClassName?: string;
     onChange?: (value: boolean) => void;
 }
-export declare const renderBinaryRadioButtonGroup: ({ items, title, orientation, value, onChange, }: BinaryRadioButtonGroupProps) => JSX.Element;
+export declare const renderBinaryRadioButtonGroup: ({ items, title, orientation, value, radioGroupClassName, onChange, }: BinaryRadioButtonGroupProps) => JSX.Element;

package/bundle/components/Calculator/renderRate.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface RenderRateProps {
+    rate: number;
+    depositeName?: string;
+    isShowUnknownRate?: boolean;
+    isShowDepositeName?: boolean;
+}
+export declare const renderRate: (props: RenderRateProps) => JSX.Element;
+export {};

package/bundle/components/MortgageFiltration/HotFilterRecord.d.ts

@@ -0,0 +1,11 @@
+export declare type HotFilterRecord = {
+    /** @title Тип недвижимости */
+    propertyType?: string[];
+    /** @title Этап строительства */
+    stage?: string[];
+    /** @title Категории */
+    categories?: string[];
+    /** @title Дополнительно */
+    extraOptions?: string[];
+};
+export declare const hotFilterRecordCmp: (a: Record<string, string[]> | null | undefined, b: Record<string, string[]> | null | undefined) => boolean;

package/bundle/components/MortgageFiltration/MortgageFiltrationContent.d.ts

@@ -1,4 +1,5 @@
 import type { BaseFiltrationInnerContent, StringArray } from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
+import type { HotFilterRecord } from './HotFilterRecord';
 export declare type MortgageFiltrationSchema = {
     /** @title Тип недвижимости */
     propertyType?: StringArray;
@@ -9,10 +10,21 @@ export declare type MortgageFiltrationSchema = {
     /** @title Дополнительно */
     extraOptions?: StringArray;
 };
+/**
+ * @title Кнопка фильтрации
+ */
+export interface HotFilterButton {
+    /** @title Текст */
+    text?: string;
+    /** @title Применяемые фильтры */
+    filter?: HotFilterRecord;
+}
 /**
  * @title Подборщик ипотек
  */
 export interface MortgageFiltrationContent extends BaseFiltrationInnerContent {
     /** @title Параметры фильтрации */
     filtrationSchema?: MortgageFiltrationSchema;
+    /** @title Горячие фильтры */
+    hotFilters?: HotFilterButton[];
 }

package/bundle/components/RollupItem/rollupIconVersion.mobile.d.ts

@@ -1 +1 @@
-export declare const rollupIconVersion = "normal";
+export declare const rollupIconVersion = "black";

package/bundle/components/Tabs/renderTabs.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { TabItemBase } from '../../ui-kit/TabsControl/TabItem';
+import type { TabsControlProps } from '../../ui-kit/TabsControl/TabsControlProps';
+import type { TabsMode } from './TabsContent';
+interface RenderTabsProps {
+    items: TabItemBase[];
+    value: TabItemBase;
+    onChange: TabsControlProps['onChange'];
+    tabsMode?: TabsMode;
+}
+export declare const renderTabs: ({ tabsMode, ...props }: RenderTabsProps) => JSX.Element | null;
+export {};

package/bundle/hooks/useForm.d.ts

@@ -11,6 +11,7 @@ export declare type FormFieldRegisterer<FormState> = <N extends keyof FormState,
 export declare const useForm: <FormState extends Record<string, any>>(initialState: FormState, onSubmit?: ((_: FormState) => void) | undefined) => [FormState, {
     isDirty: boolean;
     field: FormFieldRegisterer<FormState>;
+    update: (_: FormState) => void;
     reset: () => void;
     onSubmit: (e: PreventableEvent) => void;
 }];

package/bundle/icons/IconName.d.ts

@@ -28,7 +28,7 @@ export declare enum IconMap {
     CardWithGemIcon = "CardWithGemIcon",
     CarIcon = "CarIcon",
     ChartSquareIcon = "ChartSquareIcon",
-    ChevronLeft = "ChevronLeft",
+    ChevronLeftIcon = "ChevronLeftIcon",
     CinemaIcon = "CinemaIcon",
     ClientIcon = "ClientIcon",
     ClockIcon = "ClockIcon",
@@ -142,7 +142,7 @@ export declare enum IconTitleMap {
     CardWithGemIcon = "\u041A\u0430\u0440\u0442\u0430 \u0441 \u0434\u0440\u0430\u0433\u043E\u0446\u0435\u043D\u043D\u043E\u0441\u0442\u044F\u043C\u0438",
     CarIcon = "\u041C\u0430\u0448\u0438\u043D\u0430",
     ChartSquareIcon = "\u0414\u0435\u043D\u044C\u0433\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430",
-    ChevronLeft = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043B\u0435\u0432\u043E'",
+    ChevronLeftIcon = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043B\u0435\u0432\u043E'",
     CinemaIcon = "\u041A\u0438\u043D\u043E\u0442\u0435\u0430\u0442\u0440",
     ClientIcon = "\u041A\u043B\u0438\u0435\u043D\u0442",
     ClockIcon = "\u0427\u0430\u0441\u044B",
@@ -235,4 +235,4 @@ export declare enum IconTitleMap {
  *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
  * ]
  */
-export declare type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BagIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'ChevronLeft' | 'CinemaIcon' | 'ClientIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponceFailIcon' | 'ResponceOKIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon' | 'YoutubeIcon';
+export declare type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BagIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'ChevronLeftIcon' | 'CinemaIcon' | 'ClientIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponceFailIcon' | 'ResponceOKIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon' | 'YoutubeIcon';

package/bundle/ui-kit/InputRange/InputRangeProps.d.ts

@@ -8,4 +8,5 @@ export interface InputRangeProps extends ListContent, InputProps<number> {
     step?: number;
     title?: string;
     disabled?: boolean;
+    onChange?: (value: number) => void;
 }

package/bundle/ui-kit/ListControlProps.d.ts

@@ -0,0 +1,4 @@
+import type { ControlProps } from './ControlProps';
+export interface ListControlProps<T> extends ControlProps<T> {
+    items: T[];
+}

package/bundle/ui-kit/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -6,6 +6,7 @@ export interface RadioButtonItem {
 interface RadioButtonGroupProps {
     items?: RadioButtonItem[];
     checkedItem?: string;
+    className?: string;
     onChange?: (id: string) => void;
     orientation?: ListOrientation;
 }

package/bundle/ui-kit/TabsControl/ScrollableTabsControl.d.ts

@@ -0,0 +1,2 @@
+import type { TabsControlProps } from './TabsControlProps';
+export declare const ScrollableTabsControl: import("@redneckz/uni-jsx").UNIComponent<TabsControlProps, any, any>;

package/bundle/ui-kit/TabsControl/TabItem.d.ts

@@ -0,0 +1,11 @@
+import type { LinkProps } from '../../model/LinkProps';
+import type { TabsControlProps } from './TabsControlProps';
+export declare type TabItemBase = LinkProps;
+export declare type TabType = 'default' | 'underlined' | 'rounded';
+export interface TabItemProps {
+    item?: TabItemBase;
+    isActive?: boolean;
+    onClick?: TabsControlProps['onChange'];
+    type?: TabType;
+}
+export declare const TabItem: import("@redneckz/uni-jsx").UNIComponent<TabItemProps, any, any>;

package/bundle/ui-kit/TabsControl/TabsControl.d.ts

@@ -0,0 +1,2 @@
+import type { TabsControlProps } from './TabsControlProps';
+export declare const TabsControl: import("@redneckz/uni-jsx").UNIComponent<TabsControlProps, any, any>;

package/bundle/ui-kit/TabsControl/TabsControlProps.d.ts

@@ -0,0 +1,6 @@
+import type { ListControlProps } from '../ListControlProps';
+import type { TabItemBase, TabType } from './TabItem';
+export interface TabsControlProps extends ListControlProps<TabItemBase> {
+    className?: string;
+    tabsType?: TabType;
+}

package/bundle/ui-kit/TabsControl/renderTab.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TabItemBase, TabType } from './TabItem';
+import type { TabsControlProps } from './TabsControlProps';
+export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) => (tab: TabItemBase, i: number) => JSX.Element;

package/bundle/utils/BoolComparator.d.ts

@@ -0,0 +1,11 @@
+import type { Comparator } from './Comparator';
+declare type BoolComparator<T> = (a: T, b: T) => boolean;
+export declare const toBoolComparator: <T>(cmp: Comparator<T>) => BoolComparator<T>;
+export declare const scalarCmp: <T>(a: T, b: T) => boolean;
+export declare const arrCmp: <T>(cmp?: BoolComparator<T>) => (a: T[] | null | undefined, b: T[] | null | undefined) => boolean;
+export declare const objCmp: <T>(cmp: BoolComparator<T>) => (a: Record<string, T> | null | undefined, b: Record<string, T> | null | undefined) => boolean;
+export declare function combineBoolCmps<A>(comp: BoolComparator<A>): BoolComparator<A>;
+export declare function combineBoolCmps<A, B>(comp1: BoolComparator<A>, comp2: BoolComparator<B>): BoolComparator<A | B>;
+export declare function combineBoolCmps<A, B, C>(comp1: BoolComparator<A>, comp2: BoolComparator<B>, comp3: BoolComparator<C>): BoolComparator<A | B | C>;
+export declare function combineBoolCmps<A, B, C, D>(comp1: BoolComparator<A>, comp2: BoolComparator<B>, comp3: BoolComparator<C>, comp4: BoolComparator<D>): BoolComparator<A | B | C | D>;
+export {};

package/cosmos-static/icons/ArrowDownSolidIcon.svg

@@ -1 +1 @@
-<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#C8CCD0" d="M6.293 9.457a1 1 0 0 1 1.414 0L12 13.75l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z"/></svg>
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="currentColor" d="M6.293 9.457a1 1 0 0 1 1.414 0L12 13.75l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z"/></svg>

package/cosmos-static/icons/ArrowUpSolidIcon.svg

@@ -1 +1 @@
-<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#C8CCD0" d="M17.707 14.871a1 1 0 0 1-1.414 0L12 10.578l-4.293 4.293a1 1 0 0 1-1.414-1.414l5-5a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414Z"/></svg>
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="currentColor" d="M17.707 14.871a1 1 0 0 1-1.414 0L12 10.578l-4.293 4.293a1 1 0 0 1-1.414-1.414l5-5a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414Z"/></svg>

package/dist/components/Blocks.mobile.js

@@ -4,6 +4,7 @@ const ApplicationForm_1 = require("./ApplicationForm/ApplicationForm");
 const BenefitsBlock_1 = require("./BenefitsBlock/BenefitsBlock");
 const BonusBenefitsBlock_1 = require("./BonusBenefitsBlock/BonusBenefitsBlock");
 const ButtonsBlock_1 = require("./ButtonsBlock/ButtonsBlock");
+const Calculator_1 = require("./Calculator/Calculator");
 const CardTransfer_1 = require("./CardTransfer/CardTransfer");
 const Carousel_1 = require("./Carousel/Carousel");
 const CarouselBankHistoryCard_1 = require("./CarouselBankHistoryCard/CarouselBankHistoryCard");
@@ -38,6 +39,7 @@ exports.Blocks = {
     ApplicationForm: ApplicationForm_1.ApplicationForm,
     ButtonsBlock: ButtonsBlock_1.ButtonsBlock,
     BonusBenefitsBlock: BonusBenefitsBlock_1.BonusBenefitsBlock,
+    Calculator: Calculator_1.Calculator,
     CardTransfer: CardTransfer_1.CardTransfer,
     Carousel: Carousel_1.Carousel,
     CarouselCard: CarouselCard_1.CarouselCard,

package/dist/components/Blocks.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.mobile.js","sourceRoot":"","sources":["../../src/components/Blocks.mobile.ts"],"names":[],"mappings":";;AACA,uEAAoE;AACpE,iEAA8D;AAC9D,gFAA6E;AAC7E,8DAA2D;AAC3D,8DAA2D;AAC3D,kDAA+C;AAC/C,+FAA4F;AAC5F,sFAAmF;AACnF,wGAAqG;AACrG,mFAAgF;AAChF,8DAA2D;AAC3D,mFAAgF;AAChF,mFAAgF;AAChF,uEAAoE;AACpE,0EAAuE;AACvE,4CAAyC;AACzC,4CAAyC;AACzC,kDAA+C;AAC/C,0EAAuE;AACvE,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,2DAAwD;AACxD,2DAAwD;AACxD,8DAA2D;AAC3D,oEAAiE;AACjE,iEAA8D;AAC9D,wDAAqD;AACrD,6EAA0E;AAC1E,wDAAqD;AACrD,sCAAmC;AACnC,8DAA2D;AAC3D,qDAAkD;AAClD,oEAAiE;AAEpD,QAAA,MAAM,GAAmB;IACpC,eAAe,EAAf,iCAAe;IACf,YAAY,EAAZ,2BAAY;IACZ,kBAAkB,EAAlB,uCAAkB;IAClB,YAAY,EAAZ,2BAAY;IACZ,QAAQ,EAAR,mBAAQ;IACR,YAAY,EAAZ,2BAAY;IACZ,mBAAmB,EAAnB,yCAAmB;IACnB,mBAAmB,EAAnB,yCAAmB;IACnB,uBAAuB,EAAvB,iDAAuB;IACvB,mBAAmB,EAAnB,yCAAmB;IACnB,eAAe,EAAf,iCAAe;IACf,MAAM,EAAN,eAAM;IACN,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,gBAAgB,EAAhB,mCAAgB;IAChB,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,WAAW,EAAX,yBAAW;IACX,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,IAAI,EAAJ,WAAI;IACJ,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;IACT,aAAa,EAAb,6BAAa;IACb,UAAU,EAAV,uBAAU;IACV,iBAAiB,EAAjB,qCAAiB;IACjB,cAAc,EAAd,+BAAc;IACd,0BAA0B,EAA1B,uDAA0B;IAC1B,gBAAgB,EAAhB,mCAAgB;IAChB,oBAAoB,EAApB,2CAAoB;IACpB,cAAc,EAAd,+BAAc;IACd,aAAa,EAAb,6BAAa;CACd,CAAC"}
+{"version":3,"file":"Blocks.mobile.js","sourceRoot":"","sources":["../../src/components/Blocks.mobile.ts"],"names":[],"mappings":";;AACA,uEAAoE;AACpE,iEAA8D;AAC9D,gFAA6E;AAC7E,8DAA2D;AAC3D,wDAAqD;AACrD,8DAA2D;AAC3D,kDAA+C;AAC/C,+FAA4F;AAC5F,sFAAmF;AACnF,wGAAqG;AACrG,mFAAgF;AAChF,8DAA2D;AAC3D,mFAAgF;AAChF,mFAAgF;AAChF,uEAAoE;AACpE,0EAAuE;AACvE,4CAAyC;AACzC,4CAAyC;AACzC,kDAA+C;AAC/C,0EAAuE;AACvE,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,2DAAwD;AACxD,2DAAwD;AACxD,8DAA2D;AAC3D,oEAAiE;AACjE,iEAA8D;AAC9D,wDAAqD;AACrD,6EAA0E;AAC1E,wDAAqD;AACrD,sCAAmC;AACnC,8DAA2D;AAC3D,qDAAkD;AAClD,oEAAiE;AAEpD,QAAA,MAAM,GAAmB;IACpC,eAAe,EAAf,iCAAe;IACf,YAAY,EAAZ,2BAAY;IACZ,kBAAkB,EAAlB,uCAAkB;IAClB,UAAU,EAAV,uBAAU;IACV,YAAY,EAAZ,2BAAY;IACZ,QAAQ,EAAR,mBAAQ;IACR,YAAY,EAAZ,2BAAY;IACZ,mBAAmB,EAAnB,yCAAmB;IACnB,mBAAmB,EAAnB,yCAAmB;IACnB,uBAAuB,EAAvB,iDAAuB;IACvB,mBAAmB,EAAnB,yCAAmB;IACnB,eAAe,EAAf,iCAAe;IACf,MAAM,EAAN,eAAM;IACN,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,gBAAgB,EAAhB,mCAAgB;IAChB,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,WAAW,EAAX,yBAAW;IACX,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,IAAI,EAAJ,WAAI;IACJ,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;IACT,aAAa,EAAb,6BAAa;IACb,UAAU,EAAV,uBAAU;IACV,iBAAiB,EAAjB,qCAAiB;IACjB,cAAc,EAAd,+BAAc;IACd,0BAA0B,EAA1B,uDAA0B;IAC1B,gBAAgB,EAAhB,mCAAgB;IAChB,oBAAoB,EAApB,2CAAoB;IACpB,cAAc,EAAd,+BAAc;IACd,aAAa,EAAb,6BAAa;CACd,CAAC"}

package/dist/components/Calculator/BusinessDepositCalculatorForm.js

@@ -2,18 +2,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BusinessDepositCalculatorForm = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useForm_1 = require("../../hooks/useForm");
 const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
-const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
-const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
-const Rate_1 = require("./Rate");
-const UnknownRate_1 = require("./UnknownRate");
+const renderFootnote_1 = require("./renderFootnote");
+const useForm_1 = require("../../hooks/useForm");
 const constants_1 = require("./constants");
+const useBusinessDepositCalculatorParams_1 = require("./useBusinessDepositCalculatorParams");
+const renderWantedSumInput_1 = require("./renderWantedSumInput");
 const renderDaysInput_1 = require("./renderDaysInput");
-const renderFootnote_1 = require("./renderFootnote");
 const renderInterestPayment_1 = require("./renderInterestPayment");
-const renderWantedSumInput_1 = require("./renderWantedSumInput");
-const useBusinessDepositCalculatorParams_1 = require("./useBusinessDepositCalculatorParams");
+const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
+const renderRate_1 = require("./renderRate");
+const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
 exports.BusinessDepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className = '', sourceBookDir, buttons, footnote, bottomFootnote, isShowDepositeName }) => {
     const [userInputParams, { field }] = (0, useForm_1.useForm)({
         moneyValue: constants_1.BUSINESS_DEFAULT_SUM,
@@ -24,8 +23,8 @@ exports.BusinessDepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className = '', so
         isMonthlyInterestPayment: false,
     });
     const calculatorParams = (0, useBusinessDepositCalculatorParams_1.useBusinessDepositCalculatorParams)(userInputParams, sourceBookDir);
-    const { income, finalSum, rate, depositeName, isShowUnknownRate } = calculatorParams;
-    return ((0, jsx_runtime_1.jsxs)("section", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-2/5", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
+    const { income, finalSum, rate, isShowUnknownRate, depositeName } = calculatorParams;
+    return ((0, jsx_runtime_1.jsxs)("section", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between sm:flex-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-m sm:w-2/5 sm:gap-y-lg", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
                                 title: 'Сумма, ₽',
                                 min: calculatorParams.minSum,
                                 max: calculatorParams.maxSum,
@@ -37,11 +36,18 @@ exports.BusinessDepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className = '', so
                                 max: calculatorParams.maxDays,
                                 ...field('daysValue'),
                                 value: calculatorParams.daysValue,
-                            }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2xl flex justify-between", children: [renderBusinessDepositParamsForm(calculatorParams, field), (0, renderInterestPayment_1.renderInterestPayment)({
+                            }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-xl justify-between sm:flex-row sm:gap-0", children: [renderBusinessDepositParamsForm(calculatorParams, field), (0, renderInterestPayment_1.renderInterestPayment)({
                                         title: 'Выплата процентов',
                                         orientation: 'vertical',
                                         ...field('isMonthlyInterestPayment'),
-                                    })] })] }), isShowUnknownRate ? ((0, jsx_runtime_1.jsx)(UnknownRate_1.UnknownRate, {})) : ((0, jsx_runtime_1.jsx)(Rate_1.Rate, { rate: rate, depositeName: depositeName, isShowDepositeName: isShowDepositeName, rateBlockClassName: "tracking-[-25px]", unit: "%" })), (0, jsx_runtime_1.jsxs)("div", { className: "w-96", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: income, postfix: "\u20BD", prefix: "+" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-2xl', isVertical: true }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2xl", children: (0, renderFootnote_1.renderFootnote)(footnote) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5", children: (0, renderFootnote_1.renderFootnote)(bottomFootnote) })] }));
+                                        radioGroupClassName: 'sm:flex-col',
+                                    })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "border-b border-main-divider my-xl sm:hidden" }), (0, renderRate_1.renderRate)({
+                        rate,
+                        depositeName,
+                        isShowDepositeName,
+                        isShowUnknownRate,
+                    }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-xl mt-3xl sm:gap-0 sm:w-96 sm:mt-0", children: [renderDepositResults(finalSum, income), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { isVertical: true }), (0, jsx_runtime_1.jsx)("div", { className: "sm:mt-2xl", children: (0, renderFootnote_1.renderFootnote)(footnote) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-lg", children: (0, renderFootnote_1.renderFootnote)(bottomFootnote) })] }));
 });
-const renderBusinessDepositParamsForm = (calculatorParams, field) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", text: "\u0418\u041F / \u043C\u0430\u043B\u043E\u0435 \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u044F\u0442\u0438\u0435", ...field('isSmallBusiness'), value: calculatorParams.isSmallBusiness })] }));
+const renderBusinessDepositParamsForm = (calculatorParams, field) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-xl sm:gap-y-s", children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u0418\u041F / \u043C\u0430\u043B\u043E\u0435 \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u044F\u0442\u0438\u0435", ...field('isSmallBusiness'), value: calculatorParams.isSmallBusiness })] }));
+const renderDepositResults = (finalSum, income) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2xl sm:gap-0", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: income, postfix: "\u20BD", prefix: "+" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" })] }));
 //# sourceMappingURL=BusinessDepositCalculatorForm.js.map

package/dist/components/Calculator/BusinessDepositCalculatorForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusinessDepositCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/BusinessDepositCalculatorForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BusinessDepositCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/BusinessDepositCalculatorForm.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calculator/Calculator.mobile.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { CalculatorContent } from './CalculatorContent';
+export interface CalculatorProps extends CalculatorContent, UniBlockProps {
+}
+export declare const Calculator: import("@redneckz/uni-jsx").UNIComponent<CalculatorProps, any, any>;

package/dist/components/Calculator/Calculator.mobile.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calculator = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const Foldable_1 = require("../../ui-kit/Foldable/Foldable");
+const FoldableSection_1 = require("../../ui-kit/Foldable/FoldableSection");
+const Icon_1 = require("../../ui-kit/Icon/Icon");
+const Text_1 = require("../../ui-kit/Text/Text");
+const EmbeddableCalcBlocks_1 = require("./EmbeddableCalcBlocks");
+exports.Calculator = (0, uni_jsx_1.JSX)(({ className, calculatorTabs = [] }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: className, defaultPadding: "p-0", children: renderTabs(calculatorTabs) })));
+const renderCalculator = (tab) => {
+    const type = tab.calculatorBlock?.calcType;
+    if (!type || !(type in EmbeddableCalcBlocks_1.EmbeddableCalcBlocks)) {
+        return null;
+    }
+    const EmbeddedBlock = EmbeddableCalcBlocks_1.EmbeddableCalcBlocks[type];
+    return (0, jsx_runtime_1.jsx)(EmbeddedBlock, { ...tab.calculatorBlock, isMobile: true });
+};
+const renderTabs = (tabs) => {
+    if (!tabs || !tabs.length) {
+        return null;
+    }
+    const isSingleTab = tabs.length === 1;
+    if (isSingleTab) {
+        return (0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { children: renderCalculator(tabs[0]) });
+    }
+    return tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(Foldable_1.Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: index === 0, renderFoldableSection: ({ isUnfolded }) => ((0, jsx_runtime_1.jsx)(FoldableSection_1.FoldableSection, { isUnfolded: isUnfolded, children: (0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { children: renderCalculator(tab) }) })), renderFoldButton: renderFoldButton(tab) }, index.toString())));
+};
+const renderFoldButton = (tab) => ({ isUnfolded, onToggle }) => {
+    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onToggle, className: "w-full p-xl bg-green flex items-center border-b border-white", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-11 h-11 bg-white rounded-md flex justify-center items-center", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: tab.nav?.icon?.icon, iconVersion: "color", width: "24", height: "24" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex flex-col pl-s", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { align: "text-left", color: "text-white", children: tab.nav?.title }), (0, jsx_runtime_1.jsx)(Text_1.Text, { align: "text-left", size: "text-s", color: "text-white", font: "font-light", children: tab.nav?.description })] }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', iconVersion: "white", width: "24", height: "24" })] }));
+};
+//# sourceMappingURL=Calculator.mobile.js.map

package/dist/components/Calculator/Calculator.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calculator.mobile.js","sourceRoot":"","sources":["../../../src/components/Calculator/Calculator.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,6DAA0D;AAE1D,2EAAwE;AACxE,iDAA8C;AAC9C,iDAA8C;AAE9C,iEAA8D;AAIjD,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACrF,uBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAC,KAAK,YACrD,UAAU,CAAC,cAAc,CAAC,GACd,CAChB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,CAAC,GAAkB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC;IAE3C,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,2CAAoB,CAAC,EAAE;QAC5C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC,CAAC;IAEjD,OAAO,uBAAC,aAAa,OAAK,GAAG,CAAC,eAAe,EAAE,QAAQ,SAAG,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QACzB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAEtC,IAAI,WAAW,EAAE;QACf,OAAO,uBAAC,2BAAY,cAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAgB,CAAC;KACjE;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,uBAAC,mBAAQ,IAEP,iBAAiB,QACjB,iBAAiB,EAAE,KAAK,KAAK,CAAC,EAC9B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,uBAAC,iCAAe,IAAC,UAAU,EAAE,UAAU,YACrC,uBAAC,2BAAY,cAAE,gBAAgB,CAAC,GAAG,CAAC,GAAgB,GACpC,CACnB,EACD,gBAAgB,EAAE,gBAAgB,CAAC,GAAG,CAAC,IARlC,KAAK,CAAC,QAAQ,EAAE,CASrB,CACH,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,gBAAgB,GACpB,CAAC,GAAkB,EAAE,EAAE,CACvB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC9C,OAAO,CACL,oCACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,8DAA8D,aAExE,gCAAK,SAAS,EAAC,gEAAgE,YAC7E,uBAAC,WAAI,IAAC,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC1E,EACN,iCAAK,SAAS,EAAC,2BAA2B,aACxC,uBAAC,WAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,YAAY,YACvC,GAAG,CAAC,GAAG,EAAE,KAAK,GACV,EACP,uBAAC,WAAI,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,YACvE,GAAG,CAAC,GAAG,EAAE,WAAW,GAChB,IACH,EACN,uBAAC,WAAI,IACH,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,WAAW,EAAC,OAAO,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,IACK,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Calculator/CalculatorValueBlock.js

@@ -5,5 +5,6 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const Text_1 = require("../../ui-kit/Text/Text");
 const style_1 = require("../../utils/style");
 const toLocalNumberFormat_1 = require("../../utils/toLocalNumberFormat");
-exports.CalculatorValueBlock = (0, uni_jsx_1.JSX)(({ title, value, postfix = '', prefix, className = '' }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('mb-7', className), children: [title ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title })) : null, value ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(Text_1.Text, { size: "text-h3", children: [prefix, " ", (0, toLocalNumberFormat_1.toLocalNumberFormat)(2)(Math.round(value)), " ", postfix] }) })) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h3", children: "-" }) }))] })));
+const calculatorValueBlockStyle = 'flex justify-between md:mb-7 md:flex-col';
+exports.CalculatorValueBlock = (0, uni_jsx_1.JSX)(({ title, value, postfix = '', prefix, className = '' }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)(calculatorValueBlockStyle, className), children: [title ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title })) : null, value ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(Text_1.Text, { size: "text-h3", children: [prefix, " ", (0, toLocalNumberFormat_1.toLocalNumberFormat)(2)(Math.round(value)), " ", postfix] }) })) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h3", children: "-" }) }))] })));
 //# sourceMappingURL=CalculatorValueBlock.js.map

package/dist/components/Calculator/CalculatorValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorValueBlock.js","sourceRoot":"","sources":["../../../src/components/Calculator/CalculatorValueBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAC1C,yEAAsE;AAUzD,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC1D,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,MAAM,EAAE,SAAS,CAAC,aACrC,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,0CACE,wBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,aACjB,MAAM,OAAG,IAAA,yCAAmB,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAG,OAAO,IACxD,GACH,CACP,CAAC,CAAC,CAAC,CACF,0CACE,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,kBAAS,GACzB,CACP,IACG,CACP,CACF,CAAC"}
+{"version":3,"file":"CalculatorValueBlock.js","sourceRoot":"","sources":["../../../src/components/Calculator/CalculatorValueBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAC1C,yEAAsE;AAEtE,MAAM,yBAAyB,GAAG,0CAA0C,CAAC;AAUhE,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC1D,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,yBAAyB,EAAE,SAAS,CAAC,aACxD,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,0CACE,wBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,aACjB,MAAM,OAAG,IAAA,yCAAmB,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAG,OAAO,IACxD,GACH,CACP,CAAC,CAAC,CAAC,CACF,0CACE,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,kBAAS,GACzB,CACP,IACG,CACP,CACF,CAAC"}

package/dist/components/Calculator/CreditCalculatorForm.d.ts

@@ -1,5 +1,6 @@
 import type { CreditCalculatorProps } from './CalculatorContent';
 export interface CreditCalculatorProp extends CreditCalculatorProps {
     className?: string;
+    isMobile?: boolean;
 }
 export declare const CreditCalculatorForm: import("@redneckz/uni-jsx").UNIComponent<CreditCalculatorProp, any, any>;

package/dist/components/Calculator/CreditCalculatorForm.js

@@ -3,19 +3,19 @@ exports.CreditCalculatorForm = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 /* eslint-disable max-lines, max-lines-per-function */
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useForm_1 = require("../../hooks/useForm");
 const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
-const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
 const style_1 = require("../../utils/style");
-const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
-const constants_1 = require("./constants");
-const Rate_1 = require("./Rate");
 const renderFootnote_1 = require("./renderFootnote");
-const renderMonthsInput_1 = require("./renderMonthsInput");
-const renderPaymentType_1 = require("./renderPaymentType");
 const renderWantedSumInput_1 = require("./renderWantedSumInput");
+const renderMonthsInput_1 = require("./renderMonthsInput");
+const useForm_1 = require("../../hooks/useForm");
+const constants_1 = require("./constants");
 const useCreditCalculatorParams_1 = require("./useCreditCalculatorParams");
-exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, buttons, footnote, paramsViewSettings }) => {
+const renderPaymentType_1 = require("./renderPaymentType");
+const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
+const renderRate_1 = require("./renderRate");
+const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
+exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, buttons, footnote, paramsViewSettings, isMobile }) => {
     const [userInputParams, { field }] = (0, useForm_1.useForm)({
         isAnnuity: true,
         isInsurance: true,
@@ -26,7 +26,12 @@ exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, b
         monthsValue: constants_1.DEFAULT_MONTHS,
     });
     const calculatorParams = (0, useCreditCalculatorParams_1.useCreditCalculatorParams)(userInputParams, sourceBookDir, paramsViewSettings);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex justify-between', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-2/5", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
+    const paymentTypeElement = (0, renderPaymentType_1.renderPaymentType)({
+        title: isMobile ? 'Тип платежа' : '',
+        orientation: 'vertical',
+        ...field('isAnnuity'),
+    });
+    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex flex-col justify-between sm:flex-row', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-m sm:w-2/5 sm:gap-y-lg", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
                         title: 'Сумма кредита, ₽',
                         step: 500,
                         min: calculatorParams.minSum,
@@ -39,7 +44,9 @@ exports.CreditCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, b
                         max: calculatorParams.maxMonths,
                         ...field('monthsValue'),
                         value: calculatorParams.monthsValue,
-                    }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2xl", children: renderCreditParamsForm({ ...calculatorParams, ...paramsViewSettings }, field) })] }), (0, jsx_runtime_1.jsx)(Rate_1.Rate, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", rate: calculatorParams.rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-96", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: 'Ежемесячный платеж', value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), (0, renderPaymentType_1.renderPaymentType)({ orientation: 'vertical', ...field('isAnnuity') }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-2xl', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
+                    }), renderCreditParamsForm({ ...calculatorParams, ...paramsViewSettings }, field), (0, jsx_runtime_1.jsx)("div", { className: "mt-s sm:hidden", children: paymentTypeElement })] }), (0, jsx_runtime_1.jsx)("div", { className: "border-b border-main-divider mt-xl mb-3xl sm:hidden" }), (0, renderRate_1.renderRate)({
+                rate: calculatorParams.rate,
+            }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6xl flex flex-col gap-lg sm:w-96 sm:mt-0 sm:gap-0", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0435\u0436", value: calculatorParams.monthlyPayment, postfix: "\u20BD" }), (0, jsx_runtime_1.jsx)("div", { className: "hidden sm:block", children: paymentTypeElement }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-2xl', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
 });
-const renderCreditParamsForm = (params, field) => ((0, jsx_runtime_1.jsxs)("div", { children: [params.isShowSalaryClient ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0443 \u043D\u0430 \u0441\u0447\u0451\u0442 \u0432 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0435", ...field('isSalaryClient'), value: params.isSalaryClient })) : null, params.isShowStateEmployee ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", 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 ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", 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 ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-3", 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 renderCreditParamsForm = (params, field) => ((0, jsx_runtime_1.jsxs)("div", { className: "gap-xl flex flex-col sm:gap-s", children: [params.isShowSalaryClient ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: `Получаю зарплату на счёт\nв Россельхозбанке`, ...field('isSalaryClient'), value: params.isSalaryClient, className: "whitespace-pre-line sm:whitespace-normal" })) : null, params.isShowStateEmployee ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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 ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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 ? ((0, jsx_runtime_1.jsx)(Checkbox_1.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] }));
 //# sourceMappingURL=CreditCalculatorForm.js.map

package/dist/components/Calculator/CreditCalculatorForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/CreditCalculatorForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreditCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/CreditCalculatorForm.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calculator/DepositCalculatorForm.d.ts

@@ -1,4 +1,4 @@
-import { DepositCalculatorProps } from './CalculatorContent';
+import type { DepositCalculatorProps } from './CalculatorContent';
 export interface DepositCalculatorProp extends DepositCalculatorProps {
     className?: string;
 }

package/dist/components/Calculator/DepositCalculatorForm.js

@@ -2,19 +2,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DepositCalculatorForm = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const useForm_1 = require("../../hooks/useForm");
 const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
 const style_1 = require("../../utils/style");
-const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
-const constants_1 = require("./constants");
-const Rate_1 = require("./Rate");
 const renderFootnote_1 = require("./renderFootnote");
-const renderInterestPayment_1 = require("./renderInterestPayment");
-const renderMonthsInput_1 = require("./renderMonthsInput");
-const renderRegistrationType_1 = require("./renderRegistrationType");
 const renderWantedSumInput_1 = require("./renderWantedSumInput");
+const renderMonthsInput_1 = require("./renderMonthsInput");
+const useForm_1 = require("../../hooks/useForm");
+const constants_1 = require("./constants");
 const useDepositCalculatorParams_1 = require("./useDepositCalculatorParams");
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
+const renderInterestPayment_1 = require("./renderInterestPayment");
+const renderRegistrationType_1 = require("./renderRegistrationType");
+const renderRate_1 = require("./renderRate");
 exports.DepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir, buttons, footnote, paramsViewSettings }) => {
     const [userInputParams, { field }] = (0, useForm_1.useForm)({
         moneyValue: constants_1.DEPOSIT_DEFAULT_SUM,
@@ -23,12 +23,12 @@ exports.DepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir,
         isRemoteRegistration: false,
     });
     const calculatorParams = (0, useDepositCalculatorParams_1.useDepositCalculatorParams)(userInputParams, sourceBookDir, paramsViewSettings);
-    const { defaultMonth, income, finalSum, rate } = calculatorParams;
+    const { defaultMonth, rate, income, finalSum } = calculatorParams;
     const { onChange: setMonthsValue } = field('monthsValue');
     (0, hooks_1.useEffect)(() => {
         setMonthsValue && setMonthsValue(defaultMonth);
     }, [defaultMonth]);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex justify-between', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-2/5", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
+    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('flex flex-col justify-between sm:flex-row', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-lg sm:w-2/5", children: [(0, renderWantedSumInput_1.renderWantedSumInput)({
                         title: 'Сумма, ₽',
                         min: calculatorParams.minSum,
                         max: calculatorParams.maxSum,
@@ -41,7 +41,9 @@ exports.DepositCalculatorForm = (0, uni_jsx_1.JSX)(({ className, sourceBookDir,
                         availableMonths: calculatorParams.availableMonths,
                         ...field('monthsValue'),
                         value: calculatorParams.monthsValue,
-                    }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2xl", children: renderDepositParamsForm({ ...calculatorParams, ...paramsViewSettings }, field) })] }), (0, jsx_runtime_1.jsx)(Rate_1.Rate, { rate: rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-96", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: income, postfix: "\u20BD", prefix: "+" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { className: 'mt-2xl', isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
+                    }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-y-2xl", children: renderDepositParamsForm({ ...calculatorParams, ...paramsViewSettings }, field) })] }), (0, jsx_runtime_1.jsx)("div", { className: "border-b border-main-divider mt-lg mb-2xl md:hidden" }), (0, renderRate_1.renderRate)({
+                rate,
+            }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2xl flex flex-col gap-y-2xl sm:w-96 sm:gap-y-0 sm:mt-0", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: income, postfix: "\u20BD", prefix: "+" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" }), (0, renderButtonsSection_1.renderButtonsSection)(buttons, { isVertical: true }), (0, renderFootnote_1.renderFootnote)(footnote)] })] }));
 });
 const renderDepositParamsForm = (params, field) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-y-2xl", children: [params.isShowMonthlyInterestPayment
             ? (0, renderInterestPayment_1.renderInterestPayment)({