@redneckz/wildless-cms-uni-blocks 0.4.3 → 0.4.5

package/mobile/src/icons/IconName.ts

@@ -2,11 +2,11 @@
 // Generated. Do not touch
 /* eslint-disable max-len, max-lines */
 export enum IconMap {
-  ActualBalanceIcon = 'ActualBalanceIcon', AirPlane = 'AirPlane', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', Logo = 'Logo', LoupeIcon = 'LoupeIcon', MasterCardIcon = 'MasterCardIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4 = 'PackA4', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCan = 'WateringCan'
+  ActualBalanceIcon = 'ActualBalanceIcon', AirPlane = 'AirPlane', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownload = 'DocDownload', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', Logo = 'Logo', LoupeIcon = 'LoupeIcon', MasterCardIcon = 'MasterCardIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4 = 'PackA4', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCan = 'WateringCan'
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги', AirPlane = 'Самолет', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка', ArrowUpIcon = 'Стрелка вверх', AtmIcon = 'Банкомат', BankIcon = 'Банк', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кино', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', Logo = 'Logo', LoupeIcon = 'Лупа', MasterCardIcon = 'MasterCard', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4 = 'PackA4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCan = 'Добавить продукт'
+  ActualBalanceIcon = 'Деньги', AirPlane = 'Самолет', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка', ArrowUpIcon = 'Стрелка вверх', AtmIcon = 'Банкомат', BankIcon = 'Банк', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кино', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownload = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', Logo = 'Logo', LoupeIcon = 'Лупа', MasterCardIcon = 'MasterCard', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4 = 'PackA4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCan = 'Добавить продукт'
 }
 
 /**
@@ -14,7 +14,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
-export type IconName = '' | 'ActualBalanceIcon' | 'AirPlane' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'Logo' | 'LoupeIcon' | 'MasterCardIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StateMortgageIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCan';
+export type IconName = '' | 'ActualBalanceIcon' | 'AirPlane' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownload' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'Logo' | 'LoupeIcon' | 'MasterCardIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StateMortgageIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCan';

package/mobile/src/model/BlockVersion.ts

@@ -9,3 +9,8 @@ export type BlockVersion = 'primary' | 'secondary';
  * @enumNames ["Прозрачная", "Основная", "Второстепенная"]
  */
 export type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';
+
+export const VersionStyleMap: Record<BlockVersion, string> = {
+  primary: 'bg-white text-primary-text',
+  secondary: 'bg-primary-main text-white',
+};

package/mobile/src/model/HeadlineType.ts

@@ -4,17 +4,17 @@
  */
 export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
 
-export type TitleProp = {
+export type TitleProps = {
   /** @title Заголовок */
   title?: string;
 };
 
-export type DescriptionProp = {
+export type DescriptionProps = {
   /** @title Описание */
   description?: string;
 };
 
-export type HeadlineCommonProps = TitleProp & DescriptionProp;
+export type HeadlineCommonProps = TitleProps & DescriptionProps;
 
 export type HeadlineProps = HeadlineCommonProps & {
   headlineVersion?: HeadlineVersion;

package/mobile/src/model/ImageSize.ts

@@ -0,0 +1,6 @@
+export type ImageSize = {
+  /** @title Ширина */
+  width: number;
+  /** @title Высота */
+  height: number;
+};

package/mobile/src/model/LinkProps.ts

@@ -10,14 +10,17 @@
  */
 export type Target = '' | '_self' | '_blank' | '_parent' | '_top';
 
+export interface LinkCommonProps {
+  /** @title URL (href) */
+  href?: string;
+  target?: Target;
+}
+
 /**
  * @title Ссылка
  * @required ["text", "href"]
  */
-export interface LinkProps {
+export interface LinkProps extends LinkCommonProps {
   /** @title Текст */
   text?: string;
-  /** @title URL (href) */
-  href?: string;
-  target?: Target;
 }

package/mobile/src/model/Picture.ts

@@ -1,8 +1,35 @@
 import type { IconName } from '../icons/IconName';
 import type { IconVersion } from './IconVersion';
+import { ImageSize } from './ImageSize';
 
 export type ImgFormats = 'jpeg' | 'jpg' | 'png' | 'gif' | 'webp' | 'heif' | 'avif';
 
+/**
+ * @title Позиционирование
+ * @enumNames [
+ *    "Сверху слева",
+ *    "Сверху по центру",
+ *    "Сверху справа",
+ *    "Посередине слева",
+ *    "Посередине по центру",
+ *    "Посередине справа",
+ *    "Снизу слева",
+ *    "Снизу по центру",
+ *    "Снизу справа"
+ *  ]
+ * @default "center"
+ */
+export type ImgAlignment =
+  | 'northwest'
+  | 'north'
+  | 'northeast'
+  | 'west'
+  | 'center'
+  | 'east'
+  | 'southwest'
+  | 'south'
+  | 'southeast';
+
 export interface Img {
   /** @title Картинка */
   src?: string;
@@ -19,6 +46,7 @@ export interface Img {
 export type MediaQuery = 1919 | 1439 | 1279;
 
 export interface ImgSource {
+  alignment?: ImgAlignment;
   /** @title Иконка */
   icon?: IconName;
   iconVersion?: IconVersion;
@@ -30,12 +58,7 @@ export interface ImgSource {
   options?: Record<string, any>;
   media?: MediaQuery;
   /** @title Размер изображения */
-  size?: {
-    /** @title Ширина */
-    width?: number;
-    /** @title Высота */
-    height?: number;
-  };
+  size?: Partial<ImageSize>;
 }
 
 /** @title Изображение */

package/mobile/src/services/sitemap/useSitemap.ts

@@ -1,19 +1,13 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { HeaderContent } from '../../components/Header/HeaderContent';
 import { projectSettings } from '../../ProjectSettings';
+import { fetchJSONUnsafe } from '../../utils/fetchJSON';
 
 export function useSitemap(): HeaderContent {
-  const { data } = useAsyncData(sitemapURL(), fetchSitemap);
+  const { data } = useAsyncData<HeaderContent>(
+    `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`,
+    fetchJSONUnsafe,
+  );
 
   return data || {};
 }
-
-async function fetchSitemap(): Promise<HeaderContent> {
-  const response = await fetch(sitemapURL());
-
-  return await response.json();
-}
-
-function sitemapURL() {
-  return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
-}

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

@@ -27,7 +27,7 @@ export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
   const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
 
   return (
-    <div className={`flex items-center gap-5 ${className}`}>
+    <div className={`flex items-start gap-5 ${className}`}>
       {icon ? (
         <Img
           className={renderBenefitIconBgStyle(version, benefitsVersion)}
@@ -54,5 +54,5 @@ function renderBenefitIconBgStyle(version, benefitsVersion) {
     bgColorStyle = 'bg-secondary-light text-primary-main';
   }
 
-  return `w-[50px] h-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
+  return `w-[50px] h-[50px] min-w-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
 }

package/mobile/src/ui-kit/BlocksList/renderBlocksList.tsx

@@ -5,7 +5,7 @@ import { style2className } from '../../utils/style2className';
 import type { BlockDef } from './BlocksListProps';
 import { EmbeddableBlocks } from './EmbeddableBlocks';
 
-type EmbeddableBlocksProps = {
+export type EmbeddableBlocksProps = {
   blocks?: BlockDef[];
   context: ContentPageContext;
   className?: string;

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

@@ -4,7 +4,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import { ButtonInner } from './ButtonInner';
-import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
+import type { ButtonWithIconProps } from './ButtonProps';
 
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
@@ -21,9 +21,7 @@ const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
 
 const styleButton = 'w-full text-center font-sans select-none';
 
-export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {}
-
-export const Button = JSX<ButtonCommonProps>(
+export const Button = JSX<ButtonWithIconProps>(
   ({
     className,
     text,

package/mobile/src/ui-kit/Button/ButtonInner.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { ButtonVersion } from '../../model/ButtonVersion';
+import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { ButtonWithIconProps } from './ButtonProps';
 
 interface ButtonInnerProps extends ButtonWithIconProps {

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

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { DescriptionProp } from '../../model/HeadlineType';
+import type { DescriptionProps } from '../../model/HeadlineType';
 
-export interface DescriptionProps extends DescriptionProp {
+export interface DescriptionCommonProps extends DescriptionProps {
   className?: string;
 }
 
-export const Description = JSX<DescriptionProps>((props) => {
+export const Description = JSX<DescriptionCommonProps>((props) => {
   const { className = '', description } = props;
 
   return <div className={`${className}`}>{description}</div>;

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

@@ -39,7 +39,6 @@ export const Foldable = JSX<FoldableProps>(
     render = (_) => _,
   }) => {
     const blocksToHide = clamp(hiddenBlocksNum, 0, blocks.length);
-
     const { icon, handleToggle, isActive } = useActiveHandler({
       initialState: isUnfolded,
     });
@@ -70,7 +69,7 @@ export const Foldable = JSX<FoldableProps>(
 const renderBlocks = (
   blocks: FoldableBlocks,
   render: Render,
-  { blocksToHide, isActive, containerClasses }: RenderBlocksParams,
+  { blocksToHide, isActive, containerClasses = '' }: RenderBlocksParams,
 ) => {
   const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
   const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { TopItemProps } from '../TopItem/TopItem';
 
 export type HeaderItemProps = TopItemProps;

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

@@ -1,4 +1,4 @@
-import type { TitleProp } from '../../model/HeadlineType';
+import type { TitleProps } from '../../model/HeadlineType';
 
 /**
  *
@@ -14,11 +14,14 @@ export type HeadingType = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
  */
 export type HeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
-export interface HeadingCommonProps extends TitleProp {
+export interface HeadingCommonProps extends TitleProps {
   as?: HeadingTagType;
   headingType?: HeadingType;
 }
 
 export interface HeadingProps extends HeadingCommonProps {
+  /**
+   * @hidden
+   */
   className?: string;
 }

package/mobile/src/ui-kit/Img/ImgAsPicture.tsx

@@ -23,13 +23,13 @@ export const ImgAsPicture = JSX<ImageProps<Picture>>(
         {image?.sources?.length
           ? image.sources
               .sort(sourcesComparator)
-              .map(({ src, format, media, size }, index) => (
+              .map(({ src, format, media }, index) => (
                 <source
                   key={`${index}_${src}`}
                   srcSet={src}
                   type={formatToMimeType(format)}
                   media={media ? `(max-width: ${media}px)` : ''}
-                  {...size}
+                  {...image.size}
                 />
               ))
           : null}
@@ -40,6 +40,11 @@ export const ImgAsPicture = JSX<ImageProps<Picture>>(
 );
 
 const renderImg = (image: Picture, imageClassName = '', isMobile = false) => {
+  const style = {
+    width: image.size?.width ? `${image.size?.width}px` : '100%',
+    height: image.size?.height ? `${image.size?.height}px` : '100%',
+  };
+
   const title = image.title || '';
   const alt = image.alt || image.title;
   const imgStyle = isMobile ? 'm-auto' : 'm-0';
@@ -50,6 +55,7 @@ const renderImg = (image: Picture, imageClassName = '', isMobile = false) => {
       className={`${imgStyle} ${imageClassName}`}
       alt={alt}
       title={title}
+      style={style}
       {...image.size}
     />
   );

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

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useTariffsInnerTableData } from '../../hooks/useTariffsInnerTableData';
+import type { UniBlockProps } from '../../types';
+import { InnerTableBody } from './InnerTableBody';
+import { TableInnerButton } from './InnerTableButton';
+import { InnerTableHeader } from './InnerTableHeader';
+import type { TableFetchData, TariffsTableInnerContent } from './InnerTableProps';
+
+export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {}
+
+export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl }) => {
+  const { tableData }: TableFetchData = useTariffsInnerTableData(dataUrl);
+
+  const [activeTabIndex, setActiveTabIndex] = useState(0);
+  const items = tableData?.[activeTabIndex]?.items ?? [];
+
+  const currencies = tableData?.map((item) => item.currency ?? '');
+
+  return tableData ? (
+    <div className="bg-white z-10 pr-[50px]">
+      <InnerTableHeader
+        currencies={currencies}
+        activeTabIndex={activeTabIndex}
+        setActiveTabIndex={setActiveTabIndex}
+        linkToPDF={pdfUrl} //TODO: need link to service
+      />
+      <InnerTableBody context={context} activeTabIndex={activeTabIndex} items={items} />
+      <TableInnerButton context={context} isOpen />
+    </div>
+  ) : null;
+});

package/mobile/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -0,0 +1,53 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { type UniBlockProps } from '../../types';
+import { Img } from '../Img/Img';
+import { InnerTableBodyItem } from './InnerTableBodyItem';
+import type { DataItem } from './InnerTableProps';
+
+export interface InnerTableBodyProps extends UniBlockProps {
+  activeTabIndex: number;
+  items: DataItem[];
+}
+
+export const InnerTableBody = JSX<InnerTableBodyProps>(({ context, activeTabIndex, items }) => {
+  const [hiddenTables, setHiddenTables] = useState<Record<string, boolean>>({});
+
+  const toggleTable = (key: string) => {
+    setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] }));
+  };
+
+  return (
+    <div>
+      {items.map((_, tableIdx) => {
+        const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
+
+        return (
+          <div key={key} className="w-full">
+            <div
+              className="flex p-4 bg-main-stroke text-xl-light text-center justify-center cursor-pointer relative"
+              onClick={() => toggleTable(key)}
+            >
+              {_.title}
+              <Img
+                image={hiddenTables[key] ? 'PlusIcon' : 'MinusIcon'}
+                className="absolute right-[22px]"
+                width="24"
+                height="24"
+              />
+            </div>
+            <div
+              className={`w-full pl-2 overflow-hidden transition-height duration-500 ease-in-out ${
+                hiddenTables[key] ? 'h-0' : 'h-[243px]'
+              }`}
+            >
+              <div className="relative">
+                <InnerTableBodyItem context={context} rows={_.rowsData} />
+              </div>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+});

package/mobile/src/ui-kit/InnerTable/InnerTableBodyItem.tsx

@@ -0,0 +1,86 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { UniBlockProps } from '../../types';
+import { renderArrows } from '../Button/renderArrows';
+import type { RowsData } from './InnerTableProps';
+
+const COLUMN_WIDTH = 140;
+
+export interface InnerTableBodyItemProps extends UniBlockProps {
+  rows?: RowsData[][];
+}
+
+export const InnerTableBodyItem = JSX<InnerTableBodyItemProps>(({ rows }) => {
+  const [activeColumnIndex, setActiveColumnIndex] = useState(0);
+
+  const handleNextClick = () => setActiveColumnIndex(activeColumnIndex + 1);
+  const handlePrevClick = () => setActiveColumnIndex(activeColumnIndex - 1);
+
+  const rowsLength = rows?.[0]?.length ?? 0;
+  const showNextButton = rowsLength > 3 && rowsLength > activeColumnIndex + 4;
+
+  const showPrevButton = activeColumnIndex > 0;
+
+  return (
+    <div>
+      {rows?.map(renderRow(activeColumnIndex))}
+      {renderArrows({
+        handler: [handlePrevClick, handleNextClick],
+        isShown: [showPrevButton, showNextButton],
+        btnClass: ['right-3 top-24', 'right-3 top-2'],
+        className: '',
+      })}
+    </div>
+  );
+});
+
+const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: number) => {
+  if (!rowData?.length) {
+    return null;
+  }
+
+  const [headerColumn, ...columns] = rowData;
+
+  const transform = [...Array(activeColumnIndex).keys()].reduce(
+    (res, i) => (columns?.[i]?.cols?.length ?? 1) * COLUMN_WIDTH + res,
+    0,
+  );
+
+  return (
+    <div
+      key={String(rowIdx)}
+      className="flex border-main-divider border border-t-0 border-x-0 border-solid"
+    >
+      <div className="text-xl-light min-w-[214px] w-[214px] pt-6 pb-5">{headerColumn.data}</div>
+      <div className="flex flex-grow overflow-hidden">
+        <div
+          className="flex duration-1000 text-center"
+          style={{
+            transform: `translateX(-${transform}px)`,
+          }}
+        >
+          {columns?.map((_, i) => (
+            <div
+              key={`row${i}`}
+              className="flex flex-col flex-grow justify-center pt-6 pb-5 odd:bg-main-divider"
+            >
+              {_?.data ? <div className="text-xl-light mb-3">{_.data}</div> : null}
+              {_?.cols ? renderCols(_.cols, activeColumnIndex) : null}
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const renderCols = (cols: string[], rowIndex: number) =>
+  cols ? (
+    <div className={`flex text-xl-light ${rowIndex === 0 ? 'text-secondary-text' : ''}`}>
+      {cols.map((data, i) => (
+        <div key={String(i)} className="w-[76px] mx-8">
+          {data}
+        </div>
+      ))}
+    </div>
+  ) : null;

package/mobile/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -0,0 +1,36 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../../EventBus/EventBus';
+import { UniBlockProps } from '../../types';
+import { Button } from '../Button/Button';
+import { Icon } from '../Icon/Icon';
+import type { TariffsTableInnerEvent } from './InnerTableProps';
+
+export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockProps {
+  isOpen?: boolean;
+}
+
+export const TableInnerButton = JSX<TableInnerButtonProps>(
+  ({ isOpen, dataUrl, rowIdx, cellIdx, fieldIdx }) => {
+    const handleClick = () => {
+      EventBus.inst.fire('tariffInnerTable', { dataUrl, rowIdx, cellIdx, fieldIdx });
+    };
+
+    return (
+      <Button
+        version="primary"
+        onClick={handleClick}
+        className="w-full flex items-center justify-center rounded-none py-5 "
+      >
+        <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать ставки по вкладу'}</div>
+        <Icon
+          name={isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+          className="ml-3"
+          iconVersion="white"
+          width="20"
+          height="20"
+          asSVG
+        />
+      </Button>
+    );
+  },
+);

package/mobile/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -0,0 +1,42 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+
+export interface InnerTableHeaderProps {
+  currencies?: string[];
+  linkToPDF?: string;
+  activeTabIndex: number;
+  setActiveTabIndex: (idx: number) => void;
+}
+
+export const InnerTableHeader = JSX<InnerTableHeaderProps>(
+  ({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (
+    <div className="flex justify-between w-full pt-2.5 pb-3">
+      {currencies && currencies.length > 1 ? (
+        <div className="flex bg-secondary-light p-1 rounded-md">
+          {currencies.map((currency, idx) => (
+            <div
+              key={currency}
+              className={`rounded-md text-xl-light px-4 py-3 cursor-pointer ${
+                idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'
+              }`}
+              onClick={() => setActiveTabIndex(idx)}
+            >
+              {currency || idx + 1}
+            </div>
+          ))}
+        </div>
+      ) : null}
+      {linkToPDF ? (
+        <Button
+          href={linkToPDF}
+          version="secondary"
+          className="flex justify-center items-center text-l-light text-primary-main px-8"
+        >
+          <Img image="DocDownload" className="mr-[10px]" width="24" height="24" asSVG />
+          <span>Скачать в PDF</span>
+        </Button>
+      ) : null}
+    </div>
+  ),
+);