@redneckz/wildless-cms-uni-blocks 0.5.4 → 0.5.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', AirPlaneIcon = 'AirPlaneIcon', 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', DocDownloadIcon = 'DocDownloadIcon', 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', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MasterCardIcon = 'MasterCardIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', 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', WateringCanIcon = 'WateringCanIcon'
+  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', 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', DocDownloadIcon = 'DocDownloadIcon', 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', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MasterCardIcon = 'MasterCardIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', 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', WateringCanIcon = 'WateringCanIcon'
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолет', 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 = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MasterCardIcon = 'MasterCard', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'PackA4Icon', 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 = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолет', 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 = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'PackA4Icon', 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 = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
 }
 
 /**
@@ -14,7 +14,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4Icon', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4Icon', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
-export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MasterCardIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | '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' | 'WateringCanIcon';
+export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | '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' | 'WateringCanIcon';

package/mobile/src/icons/MapMarkerClusterIcon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" title="Маркер карты" width="88" height="94" 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="#42AB44"/></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/icons/MapMarkerSingleIcon.svg

@@ -0,0 +1 @@
+<svg title="Маркер карты РСХБ" width="88" height="94" fill="none" xmlns="http://www.w3.org/2000/svg"><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="#42AB44"/></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"/><path fill-rule="evenodd" clip-rule="evenodd" d="m41 40 2-2.382V36l-2 2.37V40ZM41 34l2-1.83V31l-2 1.818V34ZM41 36l2-1.828V33l-2 1.82V36ZM39.7 31.098l-.27-.311V27h-.3v3.426l-.26-.317V27h-.305v2.754l-.265-.317V27H38v3.612L40 33v-6h-.3v4.098Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="m41 38 2-1.828V35l-2 1.82V38ZM38 37.618 40 40v-1.63L38 36v1.618ZM42.699 29.437l-.265.317V27h-.301v3.115l-.266.311V27h-.3v3.781l-.266.317V27H41v6l2-2.388V27h-.301v2.437ZM38 32.17 40 34v-1.182L38 31v1.17ZM38 34.172 40 36v-1.18L38 33v1.172Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38 36.172 40 38v-1.18L38 35v1.172ZM51.715 37.07h-5.519c.117-.21.184-.454.184-.715 0-.75-.535-1.355-1.193-1.355-.657 0-1.187.61-1.187 1.355 0 .296.081.564.224.785a.45.45 0 0 0-.173.36.45.45 0 0 0 .173.36c-.137.221-.224.495-.224.785 0 .75.53 1.355 1.187 1.355.658 0 1.193-.605 1.193-1.355 0-.261-.067-.511-.184-.715h4.107v.285h-.407v.401h.407v.413h-.407v.762h.407v-.343h.602v.343h.402v-.762h-.403v-.413h.403v-.4h-.403v-.286h.81c.159 0 .286-.15.286-.331v-.204c0-.174-.133-.325-.285-.325Zm-5.911 1.581c0 .384-.275.698-.617.698-.336 0-.611-.314-.611-.698 0-.14.035-.273.102-.384l.168-.331a.609.609 0 0 1-.173-.436c0-.174.066-.331.173-.436l-.168-.331a.732.732 0 0 1-.102-.384c0-.384.275-.698.611-.698.337 0 .617.314.617.698 0 .285-.286.965-.286.965v.366c-.005.006.286.686.286.971ZM36 36v1.543c0 1.474.582 2.422.918 2.788l2.217 2.402c.62.668.726.89.865 1.267v-1.707c0-1.522-.697-2.11-1.058-2.497-.836-.901-1.399-1.495-1.85-1.993C36.23 36.853 36 36 36 36ZM38.941 43.637c-.838-.92-1.4-1.517-1.853-2.023C36.226 40.651 36 40 36 40v1.35c0 1.496.606 2.448.915 2.841l2.219 2.426c.62.678.726 1.001.866 1.383v-1.83c0-1.543-.703-2.14-1.059-2.533Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.002 30c-.16 0-.32.005-.48.01v.68c.155-.01.316-.015.48-.015 5.147 0 9.318 4.172 9.318 9.325 0 5.148-4.171 9.32-9.318 9.32-5.146 0-9.322-4.172-9.322-9.32a9.3 9.3 0 0 1 3.311-7.123v-.871A9.983 9.983 0 0 0 34 40c0 5.523 4.476 10 10.002 10C49.524 50 54 45.523 54 40s-4.476-10-9.998-10Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M51 45c.352-.21.682-.431 1-.657V43h-1v2ZM52.766 43c.082-.333.165-.667.234-1h-2v.607h.303c.531-.017 1.132-.026 1.463.393Z" fill="#42AB44"/><path d="M43 42h-1v4h1v-4Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M41.404 41.403h1.33c.344 0 .584.07.722.203s.205.372.205.714v3.796c0 .341-.061.58-.205.713-.21.21-.598.21-.92.21-.072-.006-.144-.006-.206-.006v1.799c.134.025.267.05.405.071v-1.477c.614 0 1.013-.21 1.202-.627V49h.133c.087 0 .17 0 .256-.005v-6.609c0-.352.072-.596.205-.734.133-.142.373-.209.711-.209.343 0 .85-.05 1.11.21.134.137.195.386.195.733v1.947h-.91v-2.08h-.395v6.67a5.32 5.32 0 0 0 .394-.06v-4.138h.911v3.928c.19-.05.374-.112.558-.178v-3.597c0-.408.097-.714.517-.856l-.46-2.502h.92l.154 2.731h.112l.154-2.731h.972l-.522 2.502c.435.153.522.418.522.856V47.2c.271-.204.527-.418.773-.652v-5.05h2.702c.02-.122.036-.24.051-.367h-6.325l.087.454c-.2-.367-.578-.55-1.136-.55h-.394c-.67 0-1.08.265-1.233.795-.144-.556-.568-.831-1.27-.831H41v7.455c.133.046.266.092.4.132v-7.184h.004Zm8.387 2.868-.434-.412.434-2.242v2.654Z" fill="#42AB44"/><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_125230"/></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_125230"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_9189_125230" result="shape"/></filter></defs></svg>

package/mobile/src/react/setup-fixture.ts

@@ -1,10 +1,14 @@
 import '@redneckz/uni-jsx/lib/setup.react';
 import { useState } from 'react';
 import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
+import { projectSettings } from '../ProjectSettings';
+import wlc from '../wlc.json';
 import { IntersectionObserverTag } from './IntersectionObserverTag';
 
 const TEST_ORIGIN = 'http://localhost:5001';
 
+projectSettings.setup(wlc);
+
 const Router = () => {
   const [href, setHref] = useState<string>(globalThis.location.href);
 

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

@@ -32,7 +32,7 @@ export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
       {icon ? (
         <div className={renderBenefitIconBgStyle(version, benefitsVersion)}>
           <Img
-            className="w-[24px] h-[24px]"
+            className="w-6 h-6"
             image={{ ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }}
             asSVG
           />
@@ -57,5 +57,5 @@ function renderBenefitIconBgStyle(version, benefitsVersion) {
     bgColorStyle = 'bg-secondary-light text-primary-main';
   }
 
-  return `w-[50px] h-[50px] min-w-[50px] rounded-full p-[10px] box-border flex items-center justify-center ${bgColorStyle}`;
+  return `w-[50px] h-[50px] min-w-[50px] rounded-full p-2.5 box-border flex items-center justify-center ${bgColorStyle}`;
 }

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

@@ -10,7 +10,7 @@ export interface LikeButtonProps {
 export const LikeButton = JSX<LikeButtonProps>(({ className, onClick, ariaLabel }) => (
   <button
     type="button"
-    className={`border-0 w-[36px] bg-inherit cursor-pointer ${className || ''}`}
+    className={`border-0 w-9 bg-inherit cursor-pointer ${className || ''}`}
     onClick={onClick}
     aria-label={ariaLabel}
   >

package/mobile/src/ui-kit/SearchBar/SearchBarInner.tsx

@@ -11,7 +11,7 @@ export interface SearchBarInnerProps {
 export const SearchBarInner = JSX<SearchBarInnerProps>(({ className, isMobile = false }) => {
   const { term, setTerm } = useSearch();
 
-  const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
+  const LoupeIconClassName = isMobile ? 'w-5 h-5' : 'w-6 h-6';
   const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
   const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
   const inputPlaceholder = isMobile ? 'some search' : undefined;

package/mobile/src/wlc.json

@@ -0,0 +1,5 @@
+{
+  "PROD_BRANCH": "master",
+  "FORCED_DRAFT_FLOW": false,
+  "YANDEX_MAP_API_KEY": "f4b40c1e-1891-45f2-b307-90c481af210b"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -115,7 +115,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@redneckz/uni-jsx": "^2.1.3",
+    "@redneckz/uni-jsx": "^2.1.6",
     "glob": "^8.0.3",
     "remark-html": "^15.0.1",
     "remark-parse": "^10.0.1",

package/src/ProjectSettings.ts

@@ -6,6 +6,7 @@ export interface ProjectSettings {
   ASSIST_PROJECT_ID?: string;
   SITEMAP?: string;
   CDN?: string; // Should ends with "/"
+  YANDEX_MAP_API_KEY?: string;
 }
 
 export const projectSettings = new (class implements ProjectSettings {
@@ -39,4 +40,7 @@ export const projectSettings = new (class implements ProjectSettings {
   get CDN() {
     return this._.CDN;
   }
+  get YANDEX_MAP_API_KEY() {
+    return this._.YANDEX_MAP_API_KEY;
+  }
 })();

package/src/components/Bonus/Bonus.tsx

@@ -42,7 +42,7 @@ export const Bonus = JSX<BonusProps>((props) => {
                           <span className="font-mohave -tracking-[5px] text-title-extra bg-clip-text text-transparent bg-green-to-yellow -mb-7">
                             {_.bonusCount}
                           </span>
-                          <span className="text-[44px] bg-clip-text text-transparent bg-green-to-yellow">
+                          <span className="text-h2 bg-clip-text text-transparent bg-green-to-yellow">
                             {_.bonusName}
                           </span>
                         </div>

package/src/components/Calculator/Calculator.tsx

@@ -92,7 +92,7 @@ function renderNavButton({ tab, i, activeSlideIndex, onClick }: NavButtonProps)
       ${btnClassName}`}
     >
       <Img
-        className={`h-[24px] w-[24px] min-w-[24px] min-h-[24px] mr-4 ${iconClassName}`}
+        className={`h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`}
         image={{ ...tab?.icon, iconVersion: isActiveBtn ? 'white' : 'normal' }}
         width="24"
         height="24"

package/src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx

@@ -119,7 +119,7 @@ function renderSlide({ slide, i, activeSlideIndex, onClick }: InsuranceSlideProp
     >
       {slide?.icon ? (
         <Img
-          className="p-6 rounded-full bg-secondary-light mr-[30px]"
+          className="p-5 rounded-full bg-secondary-light mr-[30px]"
           image={slide.icon}
           width="108"
           height="108"
@@ -147,7 +147,7 @@ function renderValueBlock(title: string, sum: number) {
 function renderDoneIcon(isActive: boolean) {
   return isActive ? (
     <Img
-      className={`h-[24px] w-[24px] min-w-[24px] min-h-[24px] absolute right-4 top-4`}
+      className={`h-6 w-6 min-w-6 min-h-6 absolute right-4 top-4`}
       image="DoneIcon"
       width="24"
       height="24"

package/src/components/Navigation/Navigation.tsx

@@ -18,7 +18,7 @@ export const Navigation = JSX<NavigationProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`font-sans text-primary-text rounded-[40px] flex items-center justify-between ${
+        className={`font-sans text-primary-text flex items-center justify-between ${
           className || ''
         }`}
         {...rest}

package/src/components/SafeDepositRental/RegionsAndBranches.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Branch } from './SafeDepositRentalContent';
-import { Region } from './useGetRegions';
+import type { Branch } from '../../hooks/useFetchSafeBoxes';
+import type { Region } from './useGetRegions';
 import { WrapperSelect } from './WrapperSelect';
 
 interface RegionsAndBranchesProps {

package/src/components/SafeDepositRental/SafeBoxCases.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { SafeBoxCase, SafeBoxCaseVolume } from './SafeDepositRentalContent';
+import type { SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useFetchSafeBoxes';
 import { WrapperSelect } from './WrapperSelect';
 
 interface SafeBoxCasesProps {

package/src/components/SafeDepositRental/SafeDepositRental.fixture.tsx

@@ -4,7 +4,12 @@ import { SafeDepositRental } from './SafeDepositRental';
 export default {
   default: (
     <div className="container grid grid-cols-12 mb-1">
-      <SafeDepositRental className="col-span-12" context={context} />
+      <SafeDepositRental
+        className="col-span-12"
+        context={context}
+        footnote="Аренда СЯ, в случае проведения процедуры купли-продажи, с использованием наличных денег
+          или процедуры ипотечной сделки"
+      />
     </div>
   ),
 };

package/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,27 +1,51 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useScript } from '../../hooks/useScript';
+import { projectSettings } from '../../ProjectSettings';
 import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
 import { SafeDepositRentalForm } from './SafeDepositRentalForm';
 import { useGetRegions } from './useGetRegions';
+import { YandexMap } from './YandexMap';
 
 export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlockProps {}
 
 export const SafeDepositRental = JSX<SafeDepositRentalProps>(
-  ({ title, context, className = '', ...rest }) => {
+  ({ title, footnote, context, className = '', ...rest }) => {
+    const [points, setPoints] = useState<number[][]>([]);
+    const [showMap, setShowMap] = useState<boolean>(false);
+
     const regions = useGetRegions();
 
+    const statusScript = useScript(
+      `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY}&lang=ru_RU`,
+      {
+        removeOnUnmount: true,
+      },
+    );
+
+    const toggleShowMap = () => {
+      setShowMap(!showMap);
+    };
+
     return (
-      <BlockWrapper context={context} className={`bg-white px-8 py-12 ${className}`} {...rest}>
-        {title ? (
-          <Heading title={title} headingType="h3" as="h2" className="mb-2.5 text-center" />
+      <BlockWrapper context={context} className={className} {...rest}>
+        <div className="bg-white px-8 py-12">
+          {title ? (
+            <Heading title={title} headingType="h3" as="h2" className="mb-2.5 text-center" />
+          ) : null}
+          <SafeDepositRentalForm
+            regions={regions}
+            setPoints={setPoints}
+            toggleShowMap={toggleShowMap}
+          />
+          {footnote ? <p className="text-s-light text-secondary-text">{footnote}</p> : null}
+        </div>
+        {statusScript === 'ready' && points.length && showMap ? (
+          <YandexMap points={points} />
         ) : null}
-        <SafeDepositRentalForm regions={regions} />
-        <p className="text-s-light text-secondary-text">
-          Аренда СЯ, в случае проведения процедуры купли-продажи, с использованием наличных денег
-          или процедуры ипотечной сделки
-        </p>
       </BlockWrapper>
     );
   },

package/src/components/SafeDepositRental/SafeDepositRentalContent.ts

@@ -1,28 +1,9 @@
-export interface Tariff {
-  tariffType?: string;
-  tariffValue?: number;
-}
-
-export interface SafeBoxCase {
-  safeBoxCasesSize?: string;
-  tariffs?: Tariff[];
-}
-
-export interface SafeBoxCaseVolume {
-  volume?: string;
-  safeBoxCases?: SafeBoxCase[];
-}
-
-export interface Branch {
-  branchCode?: string;
-  address?: string;
-  safeBoxCaseVolumes?: SafeBoxCaseVolume[];
-}
-
 /**
  * @title Аренда сейфовых ячеек
  */
 export interface SafeDepositRentalContent {
   /** @title Заголовок */
   title?: string;
+  /** @title Сноска */
+  footnote?: string;
 }

package/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -0,0 +1,77 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { Branch, SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useFetchSafeBoxes';
+import { Button } from '../../ui-kit/Button/Button';
+import { RegionsAndBranches } from './RegionsAndBranches';
+import { RenderRadioButtons } from './RenderRadioButtons';
+import { RentalPeriod } from './RentalPeriod';
+import { SafeBoxCases } from './SafeBoxCases';
+import type { SafeDepositRentalFormProps } from './SafeDepositRentalForm';
+import type { HandleChangeState, SafeDepositRentalState } from './SafeDepositRentalTypes';
+import { getBranch, getCoordinates } from './utils';
+
+export interface SafeDepositRentalFieldsProps
+  extends SafeDepositRentalState,
+    SafeDepositRentalFormProps {
+  onChange: HandleChangeState;
+  safeBoxCases?: SafeBoxCase[];
+  caseVolumes?: SafeBoxCaseVolume[];
+}
+
+export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
+  ({
+    regions,
+    selectedRegion,
+    branches,
+    selectedBranch,
+    days,
+    selectedCaseVolume,
+    selectedBoxSize,
+    safeBoxCases,
+    caseVolumes,
+    setPoints,
+    onChange,
+    toggleShowMap,
+  }) => {
+    return (
+      <div className="flex-1 mr-9">
+        <RegionsAndBranches
+          regions={regions}
+          selectedRegion={selectedRegion}
+          onSelectedRegion={(value) => onChange({ selectedRegion: value })}
+          branches={branches}
+          selectedBranch={selectedBranch}
+          onSelectedBranch={onSelectedBranch(onChange, setPoints, branches)}
+        />
+        <RentalPeriod days={days} setDays={(value) => onChange({ days: value })} />
+        <SafeBoxCases
+          caseVolumes={caseVolumes}
+          selectedCaseVolume={selectedCaseVolume}
+          onSelectedCaseVolume={onSelectedCaseVolume(onChange)}
+          safeBoxCases={safeBoxCases}
+          selectedBoxSize={selectedBoxSize}
+          onSelectedBoxSize={(value) => onChange({ selectedBoxSize: value })}
+        />
+        <span className="text-secondary-text text-l-light">Тип договора</span>
+        <div className="flex justify-between items-center mt-5">
+          <RenderRadioButtons />
+          <Button text="Офисы на карте" version="primary" onClick={toggleShowMap} />
+        </div>
+      </div>
+    );
+  },
+);
+
+const onSelectedBranch =
+  (
+    onChange: HandleChangeState,
+    setPoints: SafeDepositRentalFieldsProps['setPoints'],
+    branches: Branch[],
+  ) =>
+  (value: string) => {
+    onChange({ selectedBranch: value, selectedCaseVolume: '', selectedBoxSize: '' });
+    setPoints(getCoordinates(value ? getBranch(branches, value) : branches));
+  };
+
+const onSelectedCaseVolume = (onChange: HandleChangeState) => (value: string) => {
+  onChange({ selectedCaseVolume: value, selectedBoxSize: '' });
+};

package/src/components/SafeDepositRental/SafeDepositRentalForm.tsx

@@ -1,101 +1,84 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks/core';
-import { Button } from '../../ui-kit/Button/Button';
-import { fetchBranches } from './fetchBranches';
-import { RegionsAndBranches } from './RegionsAndBranches';
-import { RenderRadioButtons } from './RenderRadioButtons';
-import { RentalPeriod } from './RentalPeriod';
-import { SafeBoxCases } from './SafeBoxCases';
-import { Branch, SafeBoxCase, SafeBoxCaseVolume } from './SafeDepositRentalContent';
+import { SafeBoxCase, SafeBoxCaseVolume, useFetchSafeBoxes } from '../../hooks/useFetchSafeBoxes';
+import { SafeDepositRentalFields } from './SafeDepositRentalFields';
 import { SafeDepositRentalTotal } from './SafeDepositRentalTotal';
+import type { HandleChangeState, SafeDepositRentalState } from './SafeDepositRentalTypes';
 import type { Region } from './useGetRegions';
+import { getBranch, getCoordinates } from './utils';
+
+const DEFAULT_DAYS = 26;
 
 export interface SafeDepositRentalFormProps {
   regions?: Region[];
+  setPoints: (points: number[][]) => void;
+  toggleShowMap: () => void;
 }
 
-const DEFAULT_DAYS = 26;
-
-export const SafeDepositRentalForm = JSX<SafeDepositRentalFormProps>(({ regions }) => {
-  const [selectedRegion, setSelectedRegion] = useState<string>('');
-  const [branches, setBranches] = useState<Branch[]>([]);
-  const [selectedBranch, setSelectedBranch] = useState<string>('');
-  const [selectedCaseVolume, setSelectedCaseVolume] = useState<string>('');
-  const [selectedBoxSize, setSelectedBoxSize] = useState<string>('');
-  const [days, setDays] = useState<number>(DEFAULT_DAYS);
-
-  useEffect(() => {
-    setSelectedRegion(getInitialValueSelectedRegion(regions));
-  }, [regions]);
+export const SafeDepositRentalForm = JSX<SafeDepositRentalFormProps>((props) => {
+  const [safeDepositState, setStateDepositState] = useState<SafeDepositRentalState>({
+    selectedRegion: '',
+    selectedBranch: '',
+    selectedCaseVolume: '',
+    selectedBoxSize: '',
+    days: DEFAULT_DAYS,
+    branches: [],
+  });
+
+  const resultBranches = useFetchSafeBoxes(safeDepositState.selectedRegion);
+
+  const handleChangeSafeDepositState: HandleChangeState = (state) =>
+    setStateDepositState((oldState) => ({ ...oldState, ...state }));
+
+  useEffect(
+    () =>
+      handleChangeSafeDepositState({
+        selectedRegion: getInitialValueSelectedRegion(props.regions),
+      }),
+    [props.regions],
+  );
 
   useEffect(() => {
-    if (selectedRegion) {
-      fetchBranches(selectedRegion).then((result) => {
-        setBranches(result);
-      });
-    } else {
-      setBranches([]);
+    if (Array.isArray(resultBranches) && resultBranches.length) {
+      handleChangeSafeDepositState({ branches: resultBranches });
+      props.setPoints(getCoordinates(resultBranches));
     }
+  }, [resultBranches]);
 
-    setSelectedBranch('');
-    setSelectedCaseVolume('');
-    setSelectedBoxSize('');
-  }, [regions, selectedRegion]);
-
-  const onSelectedBranch = (value: string) => {
-    setSelectedBranch(value);
-    setSelectedCaseVolume('');
-    setSelectedBoxSize('');
-  };
-
-  const onSelectedCaseVolume = (value: string) => {
-    setSelectedCaseVolume(value);
-    setSelectedBoxSize('');
-  };
-
-  const branch = getBranch(branches, selectedBranch);
+  useEffect(() => {
+    handleChangeSafeDepositState({
+      selectedBranch: '',
+      selectedCaseVolume: '',
+      selectedBoxSize: '',
+    });
+  }, [safeDepositState.selectedRegion]);
+
+  const branch = getBranch(safeDepositState.branches, safeDepositState.selectedBranch);
   const caseVolumes = getCaseVolumes(branch?.safeBoxCaseVolumes);
 
-  const safeBoxCases = getCaseVolume(branch?.safeBoxCaseVolumes, selectedCaseVolume)?.safeBoxCases;
+  const safeBoxCases = getCaseVolume(
+    branch?.safeBoxCaseVolumes,
+    safeDepositState.selectedCaseVolume,
+  )?.safeBoxCases;
 
-  const tariffs = getTariffs(safeBoxCases, selectedBoxSize);
+  const tariffs = getTariffs(safeBoxCases, safeDepositState.selectedBoxSize);
 
   return (
     <div className="flex justify-between align-top mb-6">
-      <div className="flex-1 mr-9">
-        <RegionsAndBranches
-          regions={regions}
-          selectedRegion={selectedRegion}
-          onSelectedRegion={setSelectedRegion}
-          branches={branches}
-          selectedBranch={selectedBranch}
-          onSelectedBranch={onSelectedBranch}
-        />
-        <RentalPeriod days={days} setDays={setDays} />
-        <SafeBoxCases
-          caseVolumes={caseVolumes}
-          selectedCaseVolume={selectedCaseVolume}
-          onSelectedCaseVolume={onSelectedCaseVolume}
-          safeBoxCases={safeBoxCases}
-          selectedBoxSize={selectedBoxSize}
-          onSelectedBoxSize={setSelectedBoxSize}
-        />
-        <span className="text-secondary-text text-l-light">Тип договора</span>
-        <div className="flex justify-between items-center mt-5">
-          <RenderRadioButtons />
-          <Button text="Офисы на карте" version="primary" />
-        </div>
-      </div>
-      <SafeDepositRentalTotal days={days} tariffs={tariffs} />
+      <SafeDepositRentalFields
+        {...safeDepositState}
+        {...props}
+        caseVolumes={caseVolumes}
+        safeBoxCases={safeBoxCases}
+        onChange={handleChangeSafeDepositState}
+      />
+      <SafeDepositRentalTotal days={safeDepositState.days} tariffs={tariffs} />
     </div>
   );
 });
 
 const getInitialValueSelectedRegion = (regions?: Region[]) =>
-  regions?.find((_) => _.name === 'Москва')?.code || '';
-
-const getBranch = (branches: Branch[], selectedBranch: string) =>
-  branches.find((_) => _.branchCode === selectedBranch);
+  regions?.length && regions[0]?.code ? regions[0].code : '';
 
 const getCaseVolumes = (safeBoxCaseVolumes?: SafeBoxCaseVolume[]) =>
   safeBoxCaseVolumes?.length ? safeBoxCaseVolumes?.filter((_) => _?.safeBoxCases?.length) : [];

package/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { Tariff } from '../../hooks/useFetchSafeBoxes';
 import { Img } from '../../ui-kit/Img/Img';
-import { Tariff } from './SafeDepositRentalContent';
 
 export interface SafeDepositRentalTotalProps {
   days: number;

package/src/components/SafeDepositRental/SafeDepositRentalTypes.ts

@@ -0,0 +1,12 @@
+import type { Branch } from '../../hooks/useFetchSafeBoxes';
+
+export interface SafeDepositRentalState {
+  selectedRegion: string;
+  selectedBranch: string;
+  selectedCaseVolume: string;
+  selectedBoxSize: string;
+  days: number;
+  branches: Branch[];
+}
+
+export type HandleChangeState = (state: Partial<SafeDepositRentalState>) => void;