@redneckz/wildless-cms-uni-blocks 0.14.912 → 0.14.914

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.tsx

@@ -2,10 +2,11 @@ import { type Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { type BenefitItemContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { IMAGE_MONTH } from '../CarouselTariffsCard/CarouselTariffsCard.fixture';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import { type CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
-const icon: Picture = {
+const ICON: Picture = {
   src: 'product-basket.png',
   format: 'webp',
   size: {
@@ -15,7 +16,7 @@ const icon: Picture = {
   title: 'product-basket',
 };
 
-const iconCoin: Picture = {
+const ICONS_COIN: Picture = {
   src: 'coin.png',
   format: 'webp',
   size: {
@@ -24,7 +25,7 @@ const iconCoin: Picture = {
   title: 'money',
 };
 
-const benefits: BenefitItemContent[] = [
+const BENEFITS: BenefitItemContent[] = [
   {
     label: 'От 16 до 81',
     description: 'платежей',
@@ -35,7 +36,7 @@ const benefits: BenefitItemContent[] = [
   },
 ];
 
-const socialMediaWithText: LinkButtonContent[] = [
+const SOCIAL_MEDIA_WITH_TEXT: LinkButtonContent[] = [
   {
     href: 'https://t.me',
     text: 'Телеграм',
@@ -50,7 +51,7 @@ const socialMediaWithText: LinkButtonContent[] = [
   },
 ];
 
-const socialMediaWithoutText: LinkButtonContent[] = [
+const SOCIAL_MEDIA_WITHOUT_TEXT: LinkButtonContent[] = [
   {
     href: 'https://t.me',
   },
@@ -62,7 +63,7 @@ const socialMediaWithoutText: LinkButtonContent[] = [
   },
 ];
 
-const __html = `
+const HTML = `
   <ul>
     <li>Бесплатное подключение и обслуживание</li>
     <li>Вход и подписание документов по биометрии</li>
@@ -73,25 +74,45 @@ const __html = `
 export const CAROUSEL_RECOMMENDATION_CARD: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  __html,
-  icon,
-  socialMedia: socialMediaWithText,
+  __html: HTML,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITH_TEXT,
   data: [{ aspectName: 'mindboxEvent', params: { test: 'test-mindbox' } }],
   href: 'https://www.rshb.ru/',
 };
 
-export const CAROUSEL_RECOMMENDATION_CARD_SIMPLE: CarouselRecommendationCardContent = {
+export const CAROUSEL_RECOMMENDATION_CARD_AS_TARIFF: CarouselRecommendationCardContent = {
+  title: 'Базовый комфорт',
+  description: 'Оптимальный тариф',
+  align: 'text-center',
+  icon: IMAGE_MONTH,
+  imageOptions: {
+    directionRight: false,
+  },
+  version: 'primary',
+  padding: 'p-m',
+  socialMedia: [
+    {
+      target: '_blank',
+      version: 'primary',
+      rounded: false,
+      text: 'Открыть счёт',
+    },
+  ],
+};
+
+const CAROUSEL_RECOMMENDATION_CARD_SIMPLE: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  __html,
-  icon,
-  socialMedia: socialMediaWithoutText,
+  __html: HTML,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 export const CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  icon,
-  socialMedia: socialMediaWithoutText,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardContent = {
@@ -109,11 +130,11 @@ export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardC
   __html: `
     <ul>
       <li>Свежие новости</li>
-      <li>Акции и предложения</li> 
+      <li>Акции и предложения</li>
       <li>Ставки и катировки</li>
     </ul>`,
   version: 'secondary',
-  socialMedia: socialMediaWithoutText,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_BENEFITS: CarouselRecommendationCardContent = {
@@ -121,8 +142,8 @@ export const CAROUSEL_RECOMMENDATION_CARD_BENEFITS: CarouselRecommendationCardCo
   imageOptions: {
     directionRight: false,
   },
-  icon: iconCoin,
-  benefits: benefits,
+  icon: ICONS_COIN,
+  benefits: BENEFITS,
 };
 
 export default {
@@ -192,9 +213,9 @@ export default {
         align="text-center"
         title="Более 5000 товаров"
         description="Время копить: ставка растет в зависимости от срока нахождения средств на Счете!"
-        __html={__html}
+        __html={HTML}
         isDotted={false}
-        icon={iconCoin}
+        icon={ICONS_COIN}
         imageOptions={{ isImageAlwaysOnRight: false }}
         additionalDescription="Дополнительное описание"
         socialMedia={[
@@ -214,9 +235,9 @@ export default {
         align="text-center"
         title="Более 5000 товаров"
         description="Время копить: ставка растет в зависимости от срока нахождения средств на Счете!"
-        __html={__html}
+        __html={HTML}
         isDotted={false}
-        icon={iconCoin}
+        icon={ICONS_COIN}
         imageOptions={{ isImageAlwaysOnRight: false, directionRight: false }}
         additionalDescription="Дополнительное описание"
         socialMedia={[

package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.tsx

@@ -5,7 +5,7 @@ import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonConten
 import { CarouselTariffsCard } from './CarouselTariffsCard';
 import { type CarouselTariffsCardContent } from './CarouselTariffsCardContent';
 
-const imageMonth: Picture = {
+export const IMAGE_MONTH: Picture = {
   src: 'monthly-payment.png',
   format: 'webp',
   size: {
@@ -15,28 +15,28 @@ const imageMonth: Picture = {
   title: 'money',
 };
 
-const button: LinkButtonContent = {
+const BUTTON: LinkButtonContent = {
   href: '/',
   text: 'Открыть расчетный счет',
   target: '_blank',
   version: 'primary',
 };
 
-const buttonSecondary: LinkButtonContent = {
+const BUTTON_SECONDARY: LinkButtonContent = {
   href: '/',
   text: 'Открыть расчетный счет',
   target: '_blank',
   version: 'secondary',
 };
 
-const buttonIcon: LinkButtonContent = {
+const BUTTON_ICON: LinkButtonContent = {
   text: 'App Store',
   icon: { icon: 'DocIcon' },
   href: 'rshb.ru',
   version: 'link',
 };
 
-const cardCells = [
+const CARD_CELLS = [
   { title: 'Открытие расчетного счета', description: 'Бесплатно' },
   { title: 'Внутрибанковские платежи', description: '0 ₽' },
   { title: 'Внешние платежи, до 10 шт.', description: '0 ₽' },
@@ -46,22 +46,22 @@ const cardCells = [
     description: '0% - до 100 000 ₽/мес., далее согласно п.2.4. Тарифов Банка',
   },
   { title: 'Зарплатный проект', description: 'Бесплатно' },
-  { buttons: [buttonIcon] },
+  { buttons: [BUTTON_ICON] },
 ];
 
 export const TARIFFS_CARD: CarouselTariffsCardContent = {
   title: 'Расчётный эконом',
-  icon: imageMonth,
-  button: buttonSecondary,
-  cardCells,
+  icon: IMAGE_MONTH,
+  button: BUTTON_SECONDARY,
+  cardCells: CARD_CELLS,
   visibleCellsCount: 2,
 };
 
 export const TARIFFS_CARD_HIT: CarouselTariffsCardContent = {
-  icon: imageMonth,
+  icon: IMAGE_MONTH,
   title: 'Расчётный эконом',
-  button,
-  cardCells,
+  button: BUTTON,
+  cardCells: CARD_CELLS,
   isHighlighting: true,
 };
 

package/src/components/TariffsTable/TariffsTableCell.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { JSONRefObject } from '../../data/JSONRefObject';
-import { type OnCloseProps } from '../../model/onClose';
+import { type OnCloseProps } from '../../model/OnCloseProps';
 import { TableInnerButton } from '../../ui-kit/InnerTable/InnerTableButton';
 import {
   type TableFetchData,

package/src/icons/IconName.ts

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

package/src/retail/api/checkCode.ts

@@ -1,14 +1,10 @@
-import { LeadServiceAPI, type LeadRequest } from '../../api/LeadServiceAPI';
 import { fetchRetailJSON } from './doRequest';
-const API = LeadServiceAPI();
 
 export type CheckCodeBody = {
   smsText: string;
   smsCodesSetName: {
     key: 'AUTHENTICATION' | 'SEND_TASK';
   };
-  reqId?: string;
-  body?: LeadRequest;
 };
 
 export type CheckCodeResponse = {
@@ -17,32 +13,8 @@ export type CheckCodeResponse = {
   refresh_token: string;
 };
 
-type RetailBody = {
-  smsText: string;
-  smsCodesSetName: {
-    key: 'AUTHENTICATION' | 'SEND_TASK';
-  };
-};
-
-export type MainBody = {
-  code: string;
-  reqId: string;
-  body: LeadRequest;
-};
-
-type TransformedBody = RetailBody | MainBody;
-
-export const checkCode = async (body: CheckCodeBody, isRetail: boolean) => {
-  const transformedBody = transformBody(body, isRetail);
-
-  return isRetail
-    ? fetchRetailJSON<CheckCodeResponse>('/sms/checkCode', 'POST', transformedBody).then(saveToken)
-    : fetchMain(transformedBody as MainBody).then((res) => {
-        if (res === null) {
-          throw new Error('Неверный код');
-        }
-      });
-};
+export const checkCode = async (body: CheckCodeBody) =>
+  fetchRetailJSON<CheckCodeResponse>('/sms/checkCode', 'POST', body).then(saveToken);
 
 export const saveToken = (data: CheckCodeResponse | null) => {
   if (data?.access_token && data?.refresh_token) {
@@ -50,20 +22,3 @@ export const saveToken = (data: CheckCodeResponse | null) => {
     globalThis.sessionStorage.setItem('refreshToken', data.refresh_token);
   }
 };
-
-const fetchMain = (body: MainBody) => API.checkCode(body);
-
-const transformBody = (
-  { smsText, smsCodesSetName, body, reqId }: CheckCodeBody,
-  isRetail: boolean,
-): TransformedBody => {
-  if (isRetail) {
-    return { smsText, smsCodesSetName };
-  }
-
-  if (!reqId || !body) {
-    throw new Error('Произошла ошибка, попробуйте позднее');
-  }
-
-  return { code: smsText, reqId, body };
-};

package/src/retail/api/sendCode.ts

@@ -1,6 +1,4 @@
-import { LeadServiceAPI } from '../../api/LeadServiceAPI';
 import { doRequest } from './doRequest';
-const API = LeadServiceAPI();
 
 export type SendCodeBody = {
   phoneNumber: string;
@@ -9,13 +7,7 @@ export type SendCodeBody = {
   };
 };
 
-export const sendCode = (body: SendCodeBody, isRetail: boolean) => {
-  return isRetail ? fetchRetail(body) : fetchMain(body);
-};
-
-const fetchRetail = (body: SendCodeBody) =>
+export const sendCode = (body: SendCodeBody) =>
   doRequest('/sms/sendCode', 'POST', body)
     .then((res) => res.text())
     .then((text) => text === 'OK');
-
-const fetchMain = (body: SendCodeBody) => API.sendCode({ phone: body.phoneNumber });

package/src/retail/components/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -1,23 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
-import { type LeadRequest } from '../../../api/LeadServiceAPI';
-import { Headline } from '../../../components/Headline/Headline';
 import type { OnCloseProps } from '../../../model/OnCloseProps';
-import { Button } from '../../../ui-kit/Button/Button';
-import { ButtonTitle } from '../../../ui-kit/Button/ButtonTitle';
-import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
 import { useDialog } from '../../../ui-kit/DialogManager/useDialog';
-import { Loader } from '../../../ui-kit/Loader/Loader';
 import { RichText } from '../../../ui-kit/RichText/RichText';
-import { Timer } from '../../../ui-kit/TimerCircle/Timer';
 import { useCountDownTimer } from '../../../ui-kit/TimerCircle/useCountDownTimer';
+import { VerifyPhoneDialogLayout } from '../../../ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout';
 import { formatPhone } from '../../../utils/formatPhone';
 import { noop } from '../../../utils/noop';
 import { sendCode } from '../../api/sendCode';
 import { CaptchaDialog } from '../CaptchaDialog/CaptchaDialog';
-import { InputCode } from './InputCode';
-import { SubmitButton } from './SubmitButton';
 import {
   TIME_TO_RESEND,
   useVerifyPhoneDialogSubmit,
@@ -31,26 +23,12 @@ export interface VerifyPhoneDialogProps extends OnCloseProps {
   withDescription?: boolean;
   consents?: string[];
   onSuccess?: (smsCode?: string) => void;
-  formatData?: LeadRequest;
-  reqId?: string;
-  isRetail?: boolean;
 }
 
 export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
-  // eslint-disable-next-line max-lines-per-function
-  ({
-    phone,
-    withDescription = true,
-    consents,
-    onSuccess = noop,
-    onClose = noop,
-    formatData,
-    reqId,
-    isRetail = true,
-  }) => {
-    const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));
+  ({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop }) => {
+    const [values, setValues] = useState<string[]>(Array(CODE_LENGTH).fill('') as string[]);
     const sessionStore = useSessionStore<SmsCodeStore>();
-    const [requestId, setRequestId] = useState(reqId);
 
     const {
       handleSubmit,
@@ -64,9 +42,6 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
     } = useVerifyPhoneDialogSubmit({
       values,
       onSuccess,
-      formatData,
-      reqId: requestId,
-      isRetail,
     });
 
     const captchaDialog = useDialog(CaptchaDialog);
@@ -74,13 +49,10 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
     const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
 
     const handleSendCode = useCallback(async () => {
-      const response = await sendCode(
-        {
-          phoneNumber,
-          smsCodesSetName: { key: 'AUTHENTICATION' },
-        },
-        isRetail,
-      );
+      const response = await sendCode({
+        phoneNumber,
+        smsCodesSetName: { key: 'AUTHENTICATION' },
+      });
 
       if (response) {
         setTimeNextReq(TIME_TO_RESEND);
@@ -90,52 +62,37 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
           sendTime: Date.now(),
           attempts: 0,
         };
-
-        if (!isRetail) {
-          setRequestId(String(response));
-        }
       } else {
         captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
       }
     }, [phoneNumber, restartTimer, onClose]);
 
     useEffect(() => {
-      if (!sessionStore.smsCode?.sendTime && isRetail) {
+      if (!sessionStore.smsCode?.sendTime) {
         handleSendCode();
       }
     }, []);
 
     return (
-      <Dialog maxWidth="lg" onClose={onClose}>
-        <div className="flex flex-col gap-xl items-center rounded-md">
-          {renderHeadline(phone)}
-          <InputCode
-            values={values}
-            setValues={setValues}
-            errorText={errorText}
-            hasError={hasError}
-          />
-          {renderText(timeNextReq, handleSendCode)}
-          {renderDescription(consents, withDescription)}
-          {renderNextButton(isSubmitButtonDisabled, handleSubmit)}
-          {isLoading ? <Loader blur={false} /> : null}
-        </div>
-      </Dialog>
+      <VerifyPhoneDialogLayout
+        isSubmitButtonDisabled={isSubmitButtonDisabled}
+        onSubmit={handleSubmit}
+        onSendCode={handleSendCode}
+        timeNextReq={timeNextReq}
+        values={values}
+        onChange={setValues}
+        phone={phone}
+        isLoading={isLoading}
+        errorText={errorText}
+        hasError={hasError}
+        onClose={onClose}
+      >
+        {renderDescription(consents, withDescription)}
+      </VerifyPhoneDialogLayout>
     );
   },
 );
 
-const renderHeadline = (phone: string) => (
-  <Headline
-    className="w-full"
-    title="Подтвердите номер телефона"
-    description={`Мы отправили код на ${phone}`}
-    headlineVersion="XS"
-    isEmbedded={true}
-    as="h6"
-  />
-);
-
 const renderDescription = (consents?: string[], isRender = false) =>
   isRender ? (
     <RichText itemSize="list-s">
@@ -147,19 +104,3 @@ const renderDescription = (consents?: string[], isRender = false) =>
       </ul>
     </RichText>
   ) : null;
-
-const renderNextButton = (disabled: boolean, onClick: () => void) => (
-  <SubmitButton text="Далее" disabled={disabled} onClick={onClick} />
-);
-
-const renderText = (timeNextReq: number, handleSendCode: () => void) =>
-  timeNextReq ? (
-    <div className="flex flex-row text-l font-light text-base">
-      Получить новый код можно через
-      <Timer className="pl-2xs" seconds={timeNextReq} />
-    </div>
-  ) : (
-    <Button embedded onClick={handleSendCode}>
-      <ButtonTitle>Получить новый код</ButtonTitle>
-    </Button>
-  );