@redneckz/wildless-cms-uni-blocks 0.15.339 → 0.15.341

package/mobile/src/content-page-repository/ContentPageRepository.ts

@@ -1,6 +1,9 @@
 import fs from 'fs';
 import glob from 'glob';
+import path from 'path';
 import util from 'util';
+import { computeAPIFallback } from '../components/ContentPage/computeAPIFallback';
+import { normalizePage } from '../components/ContentPage/normalizePage';
 import { type ContentPageDef } from '../model/ContentPageDef';
 import { type TransformationOptions } from './TransformationOptions';
 import { transformContentPage } from './transformContentPage';
@@ -8,6 +11,10 @@ import { transformContentPage } from './transformContentPage';
 const find = util.promisify(glob);
 const readFile = util.promisify(fs.readFile);
 
+export const PAGE_EXT = '.page.json';
+
+export type Slug = string[];
+
 export class ContentPageRepository {
   public static readonly inst = new ContentPageRepository();
 
@@ -18,15 +25,46 @@ export class ContentPageRepository {
     },
   ) {}
 
-  listAllContentPages(): Promise<string[]> {
-    return find(`${this.options.contentDir}/**/*.page.json`);
+  listAllPages(): Promise<string[]> {
+    return find(`${this.options.contentDir}/**/*${PAGE_EXT}`);
+  }
+
+  async listAllSlugs(): Promise<Slug[]> {
+    const contentFiles = await find(`*${PAGE_EXT}`, {
+      cwd: this.options.contentDir,
+      matchBase: true,
+    });
+    const isErrorPage = ([, head, ...tail]: Slug) => /^\d+$/.test(head) && tail.length === 0;
+
+    return contentFiles
+      .map((_) => _.slice(0, -PAGE_EXT.length))
+      .map((_) => _.split('/'))
+      .filter((_) => !isErrorPage(_));
   }
 
   async readPage(filePath: string): Promise<ContentPageDef> {
     return JSON.parse(await readFile(filePath, 'utf-8'));
   }
 
-  generatePage(filePath: string): Promise<ContentPageDef> {
-    return transformContentPage(filePath, this.options);
+  async generatePageData(
+    slug: Slug,
+    options?: Partial<TransformationOptions>,
+  ): Promise<ContentPageDef> {
+    const pathname = path.join(this.options.contentDir, ...slug);
+    const indexFilePath = path.join(pathname, `index${PAGE_EXT}`);
+    const pageFilePath = `${pathname}${PAGE_EXT}`;
+
+    const data = normalizePage(
+      await this.generatePage(fs.existsSync(indexFilePath) ? indexFilePath : pageFilePath, options),
+    );
+
+    return { ...data, fallback: (await computeAPIFallback(data)) || {} };
+  }
+
+  generatePage(
+    filePath: string,
+    options?: Partial<TransformationOptions>,
+  ): Promise<ContentPageDef> {
+    return transformContentPage(filePath, { ...this.options, ...options });
   }
 }

package/mobile/src/content-page-repository/TransformationOptions.ts

@@ -1,4 +1,5 @@
 export interface TransformationOptions {
   contentDir: string;
   publicDir: string;
+  dryRun?: boolean;
 }

package/mobile/src/content-page-repository/copy.ts

@@ -0,0 +1,11 @@
+import fs from 'fs';
+import path from 'path';
+import util from 'util';
+
+const mkdir = util.promisify(fs.mkdir);
+const copyFile = util.promisify(fs.copyFile);
+
+export async function copy(input: string, output: string) {
+  await mkdir(path.dirname(output), { recursive: true });
+  await copyFile(input, output);
+}

package/mobile/src/content-page-repository/transformAttachmentLink.ts

@@ -1,14 +1,10 @@
-import fs from 'fs';
 import path from 'path';
-import util from 'util';
 import type { LinkProps } from '../model/LinkProps';
 import { isUUID } from '../utils/isUUID';
 import { clearAttachmentHref } from './clearAttachmentHref';
+import { copy } from './copy';
 import type { TransformationOptions } from './TransformationOptions';
 
-const mkdir = util.promisify(fs.mkdir);
-const copyFile = util.promisify(fs.copyFile);
-
 export async function transformAttachmentLink(
   link: LinkProps,
   pagePath: string,
@@ -35,12 +31,15 @@ async function transformHref(input: string, options: TransformationOptions) {
     return input;
   }
 
-  const { contentDir, publicDir } = options;
+  const { contentDir, publicDir, dryRun } = options;
   const docRelativePath = path.relative(contentDir, input);
   const output = path.join(publicDir, docRelativePath);
 
-  await mkdir(path.dirname(output), { recursive: true });
-  await copyFile(input, output);
+  try {
+    dryRun || (await copy(input, output));
+  } catch (e) {
+    console.info(`No "${input}" attachment found`);
+  }
 
   return path.join('/', docRelativePath);
 }

package/mobile/src/content-page-repository/transformDocument.ts

@@ -3,10 +3,9 @@ import path from 'path';
 import util from 'util';
 import { type Attachment } from '../model/Attachment';
 import { isUUID } from '../utils/isUUID';
+import { copy } from './copy';
 import { type TransformationOptions } from './TransformationOptions';
 
-const mkdir = util.promisify(fs.mkdir);
-const copyFile = util.promisify(fs.copyFile);
 const stat = util.promisify(fs.stat);
 
 export async function transformDocument(
@@ -18,15 +17,14 @@ export async function transformDocument(
     return attachment;
   }
 
-  const { contentDir, publicDir } = options;
+  const { contentDir, publicDir, dryRun } = options;
   const input = attachment.src;
   const docRelativePath = path.relative(contentDir, input);
   const output = path.join(publicDir, docRelativePath);
   const inputFileSize = (await stat(input)).size;
 
   try {
-    await mkdir(path.dirname(output), { recursive: true });
-    await copyFile(input, output);
+    dryRun || (await copy(input, output));
   } catch (e) {
     console.info(`No "${input}" attachment found on page: "${pagePath}"`);
 

package/mobile/src/content-page-repository/transformImg.ts

@@ -39,7 +39,11 @@ export function transformImg(
 
   const output = computeImgOutputPath(src, options);
 
-  const { cache = defaultTransformationCache } = options;
+  const { cache = defaultTransformationCache, dryRun } = options;
+
+  if (dryRun) {
+    return output;
+  }
 
   const cachedResult = cache.get(output);
   if (cachedResult) {
@@ -61,6 +65,7 @@ export function transformImg(
 
     return output;
   })();
+
   cache.set(output, result);
 
   return result;

package/mobile/src/data/FooterData.ts

@@ -39,7 +39,6 @@ export interface FooterData {
   feedbackButton?: LinkButtonContent;
   otherLinks?: LinkProps[];
   mediaLinks?: MediaLinkItems[];
-  isOldVersionButton?: boolean;
   license?: string;
   horizontalNavigationTitle?: string; // TODO: для мобильной версии
 }

package/mobile/src/data/SitemapData.ts

@@ -1,7 +1,7 @@
 import { type AspectsDef, type AspectsProps } from '../model/AspectsProps';
 import { type LinkProps } from '../model/LinkProps';
 import { type LogoType } from '../model/LogoType';
-import { type IconProps, type Picture } from '../model/Picture';
+import { type IconProps } from '../model/Picture';
 
 export interface SitemapLinkProps extends LinkProps {
   displayArea?: string;
@@ -23,15 +23,6 @@ export interface TopMenuItemProps extends LinkProps, IconProps {
   dataFooter?: AspectsDef[];
 }
 
-/**
- * @title Ссылка дополнительного меню
- * @required ["text", "href"]
- */
-export interface DispositionItem extends LinkProps {
-  /** @hidden */
-  icon?: Picture;
-}
-
 /**
  * @title Представительства за рубежом
  * @required ["text", "href"]
@@ -55,7 +46,6 @@ export type BranchesSitemap = {
 export interface SitemapData {
   logo?: LogoType;
   topItems?: TopMenuItemProps[];
-  dispositions?: DispositionItem[];
   foreignOffices?: ForeignOfficeProps[];
   branches?: BranchesSitemap;
   officesAtms?: LinkProps;

package/mobile/src/icons/IconName.ts

@@ -3,15 +3,15 @@
 /* eslint-disable max-len, max-lines */
 
 export const IconsWithoutInversion = new Set([
-  'ActualBalanceIcon', 'BelarusianFlag', 'ChartIcon', 'ChevronLeftIcon', 'ClientIcon', 'DollarIcon', 'DoneIcon', 'EuroIcon', 'FullScreenIcon', 'HeadphonesIcon', 'HeartIcon', 'HouseIcon', 'MagnifierIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MapOpenedIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'ResponseFailIcon', 'ResponseOKIcon', 'SignDocsIcon', 'SoundIcon'
+  'ActualBalanceIcon', 'BelarusianFlag', 'ChartIcon', 'ChevronLeftIcon', 'ClientIcon', 'DollarIcon', 'DoneIcon', 'EuroIcon', 'FullScreenIcon', 'HeadphonesIcon', 'HeartIcon', 'HouseIcon', 'MagnifierIcon', 'MapMarkerClusterIcon', 'MapMarkerClusterYellowIcon', 'MapMarkerSingleIcon', 'MapOpenedIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'ResponseFailIcon', 'ResponseOKIcon', 'SignDocsIcon', 'SoundIcon'
 ]);
 
 export enum IconMap {
-  AchievementIcon = 'AchievementIcon', ActualBalanceIcon = 'ActualBalanceIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BelarusianFlag = 'BelarusianFlag', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardSendIcon = 'CardSendIcon', CardTickIcon = 'CardTickIcon', ChartIcon = 'ChartIcon', ChartRoundIcon = 'ChartRoundIcon', ChartSquareIcon = 'ChartSquareIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ClientIcon = 'ClientIcon', CloseIcon = 'CloseIcon', CoinIcon = 'CoinIcon', ConvertCardIcon = 'ConvertCardIcon', CopyIcon = 'CopyIcon', CourtHouseIcon = 'CourtHouseIcon', CupIcon = 'CupIcon', DevIcon = 'DevIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', DzenIcon = 'DzenIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FaxIcon = 'FaxIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'HeartIcon', HeartTickIcon = 'HeartTickIcon', HouseIcon = 'HouseIcon', HuaweiIcon = 'HuaweiIcon', LockIcon = 'LockIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MagnifierIcon = 'MagnifierIcon', MailIcon = 'MailIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapOpenedIcon = 'MapOpenedIcon', MinusIcon = 'MinusIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', NotificationBingIcon = 'NotificationBingIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentIcon = 'PercentIcon', PersonalCardIcon = 'PersonalCardIcon', PhoneCallingIcon = 'PhoneCallingIcon', PhoneIcon = 'PhoneIcon', PlayMarketIcon = 'PlayMarketIcon', PlusCircleIcon = 'PlusCircleIcon', PlusIcon = 'PlusIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', ResponseFailIcon = 'ResponseFailIcon', ResponseOKIcon = 'ResponseOKIcon', RoundRubleIcon = 'RoundRubleIcon', RustoreIcon = 'RustoreIcon', RutubeIcon = 'RutubeIcon', SafeIcon = 'SafeIcon', SecurityСardIcon = 'SecurityСardIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', TelegramIcon = 'TelegramIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VKIcon = 'VKIcon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', YoutubeIcon = 'YoutubeIcon'
+  AchievementIcon = 'AchievementIcon', ActualBalanceIcon = 'ActualBalanceIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BelarusianFlag = 'BelarusianFlag', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardSendIcon = 'CardSendIcon', CardTickIcon = 'CardTickIcon', ChartIcon = 'ChartIcon', ChartRoundIcon = 'ChartRoundIcon', ChartSquareIcon = 'ChartSquareIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ClientIcon = 'ClientIcon', CloseIcon = 'CloseIcon', CoinIcon = 'CoinIcon', ConvertCardIcon = 'ConvertCardIcon', CopyIcon = 'CopyIcon', CourtHouseIcon = 'CourtHouseIcon', CupIcon = 'CupIcon', DevIcon = 'DevIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', DzenIcon = 'DzenIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FaxIcon = 'FaxIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'HeartIcon', HeartTickIcon = 'HeartTickIcon', HouseIcon = 'HouseIcon', HuaweiIcon = 'HuaweiIcon', LockIcon = 'LockIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MagnifierIcon = 'MagnifierIcon', MailIcon = 'MailIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapOpenedIcon = 'MapOpenedIcon', MinusIcon = 'MinusIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', NotificationBingIcon = 'NotificationBingIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentIcon = 'PercentIcon', PersonalCardIcon = 'PersonalCardIcon', PhoneCallingIcon = 'PhoneCallingIcon', PhoneIcon = 'PhoneIcon', PlayMarketIcon = 'PlayMarketIcon', PlusCircleIcon = 'PlusCircleIcon', PlusIcon = 'PlusIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', ResponseFailIcon = 'ResponseFailIcon', ResponseOKIcon = 'ResponseOKIcon', RoundRubleIcon = 'RoundRubleIcon', RustoreIcon = 'RustoreIcon', RutubeIcon = 'RutubeIcon', SafeIcon = 'SafeIcon', SecurityСardIcon = 'SecurityСardIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', TelegramIcon = 'TelegramIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VKIcon = 'VKIcon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', YoutubeIcon = 'YoutubeIcon'
 }
 
 export enum IconTitleMap {
-  AchievementIcon = 'Достижение', ActualBalanceIcon = 'Деньги', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'Портфель', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardSendIcon = 'Карта', CardTickIcon = 'Кред. карта с галочкой', ChartIcon = 'Инвестиции', ChartRoundIcon = 'Диаграмма (в круге)', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeftIcon = 'Стрелка \'Влево\'', ChineseYuanRenminbiIcon = 'Китайский юань', ClientIcon = 'Клиент', CloseIcon = 'Крестик', CoinIcon = 'Монеты', ConvertCardIcon = 'Конвертирование', CopyIcon = 'Копирование', CourtHouseIcon = 'Здание суда', CupIcon = 'Кубок', DevIcon = 'Разработка', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', DzenIcon = 'Лого «Дзен»', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FaxIcon = 'Факс', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HeartTickIcon = 'Сердцебеение', HouseIcon = 'Ипотека', HuaweiIcon = 'Лого «Huawei»', LockIcon = 'Замок', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MagnifierIcon = 'MagnifierIcon', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapOpenedIcon = 'Иконка Развёрнутая карта', MinusIcon = 'Минус', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', NotificationBingIcon = 'Колокольчик нотификаций', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneCallingIcon = 'Звонящий телефон', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusCircleIcon = 'Плюс в круге', PlusIcon = 'Плюс', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', ResponseFailIcon = 'Ошибка', ResponseOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', RustoreIcon = 'Лого «Rustore»', RutubeIcon = 'Лого «Rutube»', SafeIcon = 'Сейф', SecurityСardIcon = 'Безопасность', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Кольцо', TelegramIcon = 'Лого «Telegram»', UserGeoLocationIcon = 'Самолётик', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VKIcon = 'Лого «VK»', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', YoutubeIcon = 'Лого «Youtube»'
+  AchievementIcon = 'Достижение', ActualBalanceIcon = 'Деньги', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'Портфель', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardSendIcon = 'Карта', CardTickIcon = 'Кред. карта с галочкой', ChartIcon = 'Инвестиции', ChartRoundIcon = 'Диаграмма (в круге)', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeftIcon = 'Стрелка \'Влево\'', ChineseYuanRenminbiIcon = 'Китайский юань', ClientIcon = 'Клиент', CloseIcon = 'Крестик', CoinIcon = 'Монеты', ConvertCardIcon = 'Конвертирование', CopyIcon = 'Копирование', CourtHouseIcon = 'Здание суда', CupIcon = 'Кубок', DevIcon = 'Разработка', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', DzenIcon = 'Лого «Дзен»', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FaxIcon = 'Факс', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HeartTickIcon = 'Сердцебеение', HouseIcon = 'Ипотека', HuaweiIcon = 'Лого «Huawei»', LockIcon = 'Замок', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MagnifierIcon = 'MagnifierIcon', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerClusterYellowIcon = 'Маркер карты (желтый)', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapOpenedIcon = 'Иконка Развёрнутая карта', MinusIcon = 'Минус', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', NotificationBingIcon = 'Колокольчик нотификаций', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneCallingIcon = 'Звонящий телефон', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusCircleIcon = 'Плюс в круге', PlusIcon = 'Плюс', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', ResponseFailIcon = 'Ошибка', ResponseOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', RustoreIcon = 'Лого «Rustore»', RutubeIcon = 'Лого «Rutube»', SafeIcon = 'Сейф', SecurityСardIcon = 'Безопасность', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Кольцо', TelegramIcon = 'Лого «Telegram»', UserGeoLocationIcon = 'Самолётик', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VKIcon = 'Лого «VK»', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', YoutubeIcon = 'Лого «Youtube»'
 }
 
 /**
@@ -19,7 +19,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Logo', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
+ *   'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Logo', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты (желтый)', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
  * ]
  */
-export type IconName = '' | 'AchievementIcon' | 'ActualBalanceIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardSendIcon' | 'CardTickIcon' | 'ChartIcon' | 'ChartRoundIcon' | 'ChartSquareIcon' | 'ChevronLeftIcon' | 'ChineseYuanRenminbiIcon' | 'ClientIcon' | 'CloseIcon' | 'CoinIcon' | 'ConvertCardIcon' | 'CopyIcon' | 'CourtHouseIcon' | 'CupIcon' | 'DevIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'DzenIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FaxIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HeartTickIcon' | 'HouseIcon' | 'HuaweiIcon' | 'LockIcon' | 'LogoIcon' | 'LoupeIcon' | 'MagnifierIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MapOpenedIcon' | 'MinusIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'NotificationBingIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneCallingIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusCircleIcon' | 'PlusIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'ResponseFailIcon' | 'ResponseOKIcon' | 'RoundRubleIcon' | 'RustoreIcon' | 'RutubeIcon' | 'SafeIcon' | 'SecurityСardIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'TelegramIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VKIcon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'YoutubeIcon';
+export type IconName = '' | 'AchievementIcon' | 'ActualBalanceIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardSendIcon' | 'CardTickIcon' | 'ChartIcon' | 'ChartRoundIcon' | 'ChartSquareIcon' | 'ChevronLeftIcon' | 'ChineseYuanRenminbiIcon' | 'ClientIcon' | 'CloseIcon' | 'CoinIcon' | 'ConvertCardIcon' | 'CopyIcon' | 'CourtHouseIcon' | 'CupIcon' | 'DevIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'DzenIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FaxIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HeartTickIcon' | 'HouseIcon' | 'HuaweiIcon' | 'LockIcon' | 'LogoIcon' | 'LoupeIcon' | 'MagnifierIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerClusterYellowIcon' | 'MapMarkerSingleIcon' | 'MapOpenedIcon' | 'MinusIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'NotificationBingIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneCallingIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusCircleIcon' | 'PlusIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'ResponseFailIcon' | 'ResponseOKIcon' | 'RoundRubleIcon' | 'RustoreIcon' | 'RutubeIcon' | 'SafeIcon' | 'SecurityСardIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'TelegramIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VKIcon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'YoutubeIcon';

package/mobile/src/icons/MapMarkerClusterYellowIcon.svg

@@ -0,0 +1 @@
+<svg title="Маркер карты (желтый)" viewBox="0 0 88 94" xmlns="http://www.w3.org/2000/svg" fill="none"><g opacity=".1" filter="url(#a)"><ellipse cx="44.5" cy="65.5" rx="11.5" ry="1.5" fill="#1C1C1C"/></g><g filter="url(#b)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 62.36c-1.506 2.197-1.507 2.196-1.507 2.196l-.006-.004-.014-.009-.045-.03-.156-.104a34.7 34.7 0 0 1-.561-.386 57.212 57.212 0 0 1-7.824-6.667C29.707 53.066 25 46.701 25 39.48c0-4.901 2.002-9.602 5.565-13.067C34.128 22.947 38.961 21 44 21c5.04 0 9.872 1.947 13.435 5.413C60.998 29.878 63 34.579 63 39.48c0 7.221-4.707 13.585-8.887 17.876a57.212 57.212 0 0 1-7.824 6.667 34.7 34.7 0 0 1-.717.49l-.045.03-.014.009-.004.003s-.003.002-1.509-2.195Zm0 0 1.506 2.197a2.78 2.78 0 0 1-3.013 0L44 62.36Z" fill="#CCA012"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M31 40c0-7.18 5.82-13 13-13s13 5.82 13 13-5.82 13-13 13-13-5.82-13-13Z" fill="#fff"/><defs><filter id="a" x="27" y="58" width="35" height="15" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_9189_125614"/></filter><filter id="b" x="0" y="0" width="88" height="94" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="12.5"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9189_125614"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_9189_125614" result="shape"/></filter></defs></svg>

package/mobile/src/ui-kit/Badge/Badge.tsx

@@ -18,18 +18,16 @@ const badgeTextColorStyleMap: Record<string, TextColor> = {
   secondary: 'text-secondary-text',
 };
 
-export const Badge = JSX<BadgeProps>(({ count, version = 'secondary' }) => {
-  return (
-    <div
-      className={style(
-        'w-6 h-6 rounded-full flex items-center justify-center',
-        badgeBgStyleMap[version],
-      )}
-      role="status"
-    >
-      <Text size="text-xs" color={badgeTextColorStyleMap[version]}>
-        {count}
-      </Text>
-    </div>
-  );
-});
+export const Badge = JSX<BadgeProps>(({ count, version = 'secondary' }) => (
+  <div
+    className={style(
+      'w-6 h-6 rounded-full flex items-center justify-center',
+      badgeBgStyleMap[version],
+    )}
+    role="status"
+  >
+    <Text size="text-xs" color={badgeTextColorStyleMap[version]}>
+      {count}
+    </Text>
+  </div>
+));

package/mobile/src/ui-kit/BaseFiltration/useHotFilters.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { type BlockDef } from '../../model/ContentPageDef';
-import { Badge } from '../Badge/Badge';
+import { getVersion } from '../../utils/getVersion';
 import { type TabItemBase } from '../TabsControl/TabItem';
 import { type TabsControlProps } from '../TabsControl/TabsControlProps';
 import { getBadgeCount } from './getBadgeCount';
@@ -40,12 +40,8 @@ export const useHotFilters = ({
     () =>
       hotFilters.map((_) => ({
         text: _.text,
-        appendRight: (
-          <Badge
-            version={_ === hotFilters[activeItemIndex] ? 'primary' : 'secondary'}
-            count={getBadgeCount(blocks, _.filter)}
-          />
-        ),
+        count: getBadgeCount(blocks, _.filter),
+        version: getVersion(_ === hotFilters[activeItemIndex]),
       })),
     [hotFilters, blocks, activeItemIndex],
   );

package/mobile/src/ui-kit/BenefitItem/renderBenefitIcon.tsx

@@ -7,7 +7,7 @@ export const renderBenefitIcon = (
   icon: Picture | undefined,
   benefitsVersion: IconVersion = 'normal',
 ) =>
-  icon ? (
+  icon?.icon || icon?.src ? (
     <div
       className={style(
         'sm:w-12 sm:h-12 sm:min-w-12 w-11 h-11 min-w-11 box-border flex items-center justify-center rounded-icon',

package/mobile/src/ui-kit/Calculator/renderMonthsInput.tsx

@@ -1,5 +1,5 @@
-import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { type InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import { InputRange } from '../InputRange/InputRange';
+import { type InputRangeProps } from '../InputRange/InputRangeProps';
 
 const STEP_MONTHS = 1;
 

package/mobile/src/ui-kit/CookiePopup/CookiePopup.tsx

@@ -11,57 +11,67 @@ import { Paragraph } from '../Paragraph/Paragraph';
 interface CookiePopupProps {
   termLink?: LinkCommonProps;
   personalDataPolicyLink?: LinkCommonProps;
+  recommendationLink?: LinkCommonProps;
 }
 
 const COOKIE_DIALOG_ID = 'cookie';
 const DIALOG_INITIAL_DELAY = 3 * 1000;
 
-export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicyLink }) => {
-  const [opened, { setTrue: open, setFalse: close }] = useBool();
+export const CookiePopup = JSX<CookiePopupProps>(
+  ({ termLink, personalDataPolicyLink, recommendationLink }) => {
+    const [opened, { setTrue: open, setFalse: close }] = useBool();
 
-  useDebouncedEffect(
-    () => {
-      if (!globalThis.localStorage?.getItem(COOKIE_DIALOG_ID)) {
-        open();
-      }
-    },
-    [],
-    DIALOG_INITIAL_DELAY,
-  );
+    useDebouncedEffect(
+      () => {
+        if (!globalThis.localStorage?.getItem(COOKIE_DIALOG_ID)) {
+          open();
+        }
+      },
+      [],
+      DIALOG_INITIAL_DELAY,
+    );
 
-  const handleClose = useCallback(() => {
-    globalThis.localStorage?.setItem(COOKIE_DIALOG_ID, 'true');
-    close();
-  }, []);
+    const handleClose = useCallback(() => {
+      globalThis.localStorage?.setItem(COOKIE_DIALOG_ID, 'true');
+      close();
+    }, []);
 
-  return opened ? (
-    <div className="container fixed left-0 right-0 bottom-0 z-50" role="dialog">
-      <div className="bg-white m-xl p-xl rounded-md flex sm:items-center shadow-main-black">
-        <div className="sm:flex-1">
-          <Paragraph size="text-s" font="font-light" color="text-primary-text">
-            АО «Россельхозбанк» использует
-            <LinkWrapper isRemote className={linkWrapperStyle(termLink?.href)} {...termLink}>
-              cookie
-            </LinkWrapper>
-            (файлы с данными о прошлых посещениях сайта) для персонализации сервисов и удобства
-            пользователей. Вы можете запретить сохранение cookie в настройках своего браузера.
-            <LinkWrapper
-              isRemote
-              className={linkWrapperStyle(personalDataPolicyLink?.href)}
-              {...personalDataPolicyLink}
-            >
-              Обработка Ваших персональных данных
-            </LinkWrapper>
-            производится в соответствии с требованиями Федерального закона от 27.07.2006 № 152-Ф3 «О
-            персональных данных».
-          </Paragraph>
-        </div>
-        <div className="ml-s sm:ml-0 w-24 flex justify-end">
-          <CloseButton className="bg-main-gray rounded-md" onClose={handleClose} />
+    return opened ? (
+      <div className="container fixed left-0 right-0 bottom-0 z-50" role="dialog">
+        <div className="bg-white m-xl p-xl rounded-md flex sm:items-center shadow-main-black">
+          <div className="sm:flex-1">
+            <Paragraph size="text-s" font="font-light" color="text-primary-text">
+              АО «Россельхозбанк» использует
+              <LinkWrapper isRemote className={linkWrapperStyle(termLink?.href)} {...termLink}>
+                cookie
+              </LinkWrapper>
+              (файлы с данными о прошлых посещениях сайта) для персонализации сервисов и удобства
+              пользователей. Вы можете запретить сохранение cookie в настройках своего браузера.
+              <LinkWrapper
+                isRemote
+                className={linkWrapperStyle(personalDataPolicyLink?.href)}
+                {...personalDataPolicyLink}
+              >
+                Обработка Ваших персональных данных
+              </LinkWrapper>
+              производится в соответствии с требованиями Федерального закона от 27.07.2006 № 152-Ф3
+              «О персональных данных». На сайте используются рекомендательные технологии согласно
+              <LinkWrapper
+                isRemote
+                className={linkWrapperStyle(recommendationLink?.href)}
+                {...recommendationLink}
+              >
+                Правилам применения рекомендательных технологий.
+              </LinkWrapper>
+            </Paragraph>
+          </div>
+          <div className="ml-s sm:ml-0 w-24 flex justify-end">
+            <CloseButton className="bg-main-gray rounded-md" onClose={handleClose} />
+          </div>
         </div>
       </div>
-    </div>
-  ) : null;
-});
+    ) : null;
+  },
+);
 
 const linkWrapperStyle = (href?: string) => style('inline mx-2xs', href ? 'text-green-dark' : '');

package/mobile/src/ui-kit/Heading/HeadingProps.ts

@@ -3,9 +3,7 @@ import { type TitleProps } from '../../model/HeadlineType';
 /**
  *
  * @title Размер заголовка
- * @enumNames [
- *   "h0", "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
+ * @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Очень маленький", "Самый маленький"]
  */
 export type HeadingType = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 

package/mobile/src/ui-kit/TabsControl/ScrollableTabsControl.tsx

@@ -4,18 +4,23 @@ import { ScrollLeftButton, ScrollRightButton } from '../LinkButton/ArrowButton';
 import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer';
 import { useSwipeListScroll } from '../SwipeListControl/useSwipeListScroll';
 import { renderTab } from './renderTab';
-import { type TabsControlProps } from './TabsControlProps';
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
 
 const scrollButtonStyle = 'hidden sm:flex absolute z-40';
 
-const scrollStyleType = {
+const scrollStyle: Record<TabsType, { item: string; gap: number; buttonTop: string }> = {
+  default: {
+    item: 'flex-1',
+    gap: 0,
+    buttonTop: 'top-0',
+  },
   animated: {
-    itemClassName: 'flex',
+    item: 'flex',
     gap: 8,
     buttonTop: 'top-5',
   },
   underlined: {
-    itemClassName: '',
+    item: '',
     gap: 0,
     buttonTop: 'top-0',
   },
@@ -33,28 +38,20 @@ export const ScrollableTabsControl = JSX<TabsControlProps>(
           containerRef={containerRef}
           snapAlign="snap-start"
           onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
-          itemClassName={scrollStyleType[tabsType].itemClassName}
-          gap={scrollStyleType[tabsType].gap}
+          itemClassName={scrollStyle[tabsType].item}
+          gap={scrollStyle[tabsType].gap}
         >
           {items.map(renderTab(value, onChange, tabsType))}
         </SwipeListContainer>
         {scroll.canScrollLeft ? (
           <ScrollLeftButton
-            className={style(
-              'left-6',
-              scrollButtonStyle,
-              scrollStyleType[tabsType].buttonTop as string,
-            )}
+            className={style('left-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop)}
             onClick={scroll.scrollLeft}
           />
         ) : null}
         {scroll.canScrollRight ? (
           <ScrollRightButton
-            className={style(
-              'right-6',
-              scrollButtonStyle,
-              scrollStyleType[tabsType].buttonTop as string,
-            )}
+            className={style('right-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop)}
             onClick={scroll.scrollRight}
           />
         ) : null}

package/mobile/src/ui-kit/TabsControl/TabItem.tsx

@@ -4,12 +4,11 @@ import { useLink } from '../../hooks/useLink';
 import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
-import { type VNode } from '../../model/VNode';
 import { TabItemInner } from './TabItemInner';
 import { type TabsControlProps, type TabsType } from './TabsControlProps';
 export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
   name?: string;
-  appendRight?: VNode;
+  count?: number;
 }
 
 export interface TabItemProps {

package/mobile/src/ui-kit/TabsControl/TabItemInner.tsx

@@ -1,5 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getVersion } from '../../utils/getVersion';
 import { style } from '../../utils/style';
+import { Badge } from '../Badge/Badge';
 import { renderTabItemInner } from './renderTabItemInner';
 import { type TabItemProps } from './TabItem';
 import { type TabsType } from './TabsControlProps';
@@ -32,13 +34,14 @@ const activeTabBgStyleMap: Record<TabsType, string> = {
 
 interface TabItemInnerProps extends TabItemProps {
   tag?: string;
+  count?: number;
 }
 
 export const TabItemInner = JSX<TabItemInnerProps>(
   ({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
     const Tag: any = tag;
 
-    const { text, description, icon, appendRight, ...link } = item;
+    const { text, description, icon, count, ...link } = item;
 
     return (
       <Tag
@@ -68,7 +71,11 @@ export const TabItemInner = JSX<TabItemInnerProps>(
             isActive,
             type,
           })}
-          {appendRight ? <div className="ml-xs">{appendRight}</div> : null}
+          {Number.isInteger(count) ? (
+            <div className="ml-xs">
+              <Badge count={count} version={getVersion(isActive)} />
+            </div>
+          ) : null}
         </div>
       </Tag>
     );