@redneckz/wildless-cms-uni-blocks 0.14.619 → 0.14.621

package/mobile/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -1,8 +1,44 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+
+import { updateProfileEsia } from '../../api/RetailAPI/updateProfileEsia';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
+
+export const useInitApplicationLead = (nextStepLink: string) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [profileId] = useLocalStorage<string>('profileId');
+  const [, setEsiaData] = useLocalStorage('esiaData');
+  const params = new URLSearchParams(decodeURIComponent(window.location.search));
+  const esiaAuth = params.get('esiaAuth');
+
+  const updateEsiaProfile = useCallback(async () => {
+    const code = params.get('code');
+    const state = params.get('state');
+
+    if (profileId && code && state) {
+      const data = await updateProfileEsia({
+        profileId: profileId,
+        code,
+        state,
+        redirectUri: globalThis.location.href,
+      });
+
+      setEsiaData(JSON.stringify(data));
+      globalThis.location.href = nextStepLink;
+    }
+  }, []);
 
-export const useInitApplicationLead = () => {
   useEffect(() => {
-    sessionStorage.removeItem('accessToken');
-    sessionStorage.removeItem('refreshToken');
+    if (esiaAuth) {
+      setIsLoading(true);
+      updateEsiaProfile();
+    } else {
+      setEsiaData('');
+      sessionStorage.removeItem('accessToken');
+      sessionStorage.removeItem('refreshToken');
+    }
   }, []);
+
+  return {
+    isLoading,
+  };
 };

package/mobile/src/icons/GosUslugiIcon.svg

@@ -0,0 +1,11 @@
+<svg title="ГосУслуги" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" viewBox="0 0 30 30">
+    <path fill="#F23030" fill-rule="evenodd" d="M12.659 15.239h-2.631c-.036 0-.036.035-.036.035-.064 1.178-.29 2.419-.615 3.473v.036l.036.026h.913c.036 0 .036 0 .036-.035.262-.797.452-1.817.525-2.711h.877v2.675c0 .036.036.036.036.036h.877c.036 0 .036-.036.036-.036v-3.473c.018-.027-.018-.027-.054-.027zm11.182 0h-.877c-.036 0-.036.035-.036.035v2.676c-.198.062-.388.062-.587.062-.588 0-.714-.16-.714-.922V15.24c0-.036-.037-.036-.037-.036h-.877c-.036 0-.036.036-.036.036v1.976c0 1.213.425 1.692 1.492 1.692.615 0 1.302-.16 1.69-.32.037 0 .037-.035.037-.035v-3.278c.009-.035-.018-.035-.055-.035zm-18.261 0h-.877c-.036 0-.036 0-.036.035-.127.54-.425 1.435-.778 2.357l-.913-2.357c0-.035-.036-.035-.036-.035h-.904s-.036 0-.036.035v.035l1.329 3.536c-.127.283-.262.514-.389.7-.1.16-.163.319-.262.478v.036l.036.035h.977c.036 0 .036 0 .036-.035.162-.32.361-.736.551-1.179.552-1.302 1.004-2.516 1.33-3.633v-.035c0 .027-.028.027-.028.027zm3.146 2.71c-.027 0-.027 0 0 0-.036-.035-.063-.035-.063-.035-.2.063-.615.124-.877.124-.588 0-.877-.159-.877-1.054 0-.735.1-1.054.877-1.054.226 0 .425.035.714.097.036 0 .036 0 .063-.035.1-.195.226-.417.362-.674v-.035l-.036-.036c-.362-.097-.778-.16-1.14-.16-1.265 0-1.816.577-1.816 1.88 0 1.337.551 1.913 1.817 1.913.325 0 .94-.062 1.238-.195.036 0 .036-.035.036-.062l-.298-.673zm8.19-2.71h-.876c-.037 0-.037 0-.037.035-.126.54-.424 1.435-.777 2.357l-.877-2.357c0-.035-.036-.035-.036-.035h-.94s-.036 0-.036.035v.035l1.329 3.536c-.127.283-.263.514-.39.7-.099.16-.162.319-.261.478v.036l.036.035h.976c.036 0 .036 0 .036-.035.163-.32.362-.736.552-1.179.551-1.276 1.003-2.516 1.329-3.633v-.035c.009.027-.027.027-.027.027zm3.219 0h-2.531c-.037 0-.037.035-.037.035v3.473c0 .036.037.036.037.036h.877c.036 0 .036-.036.036-.036v-2.676h1.329c.036 0 .036 0 .036-.035.1-.222.199-.479.325-.736v-.035c-.036-.027-.036-.027-.072-.027z" clip-rule="evenodd"/>
+    <path fill="#2E7CD9" fill-rule="evenodd" d="M6.583 9.888c-1.238 0-1.726.514-1.726 1.878 0 1.374.488 1.879 1.726 1.879 1.266 0 1.754-.54 1.754-1.879 0-1.364-.488-1.878-1.754-1.878zm0 2.968c-.551 0-.75-.16-.75-1.08 0-1.02.199-1.082.75-1.082.552 0 .75.098.75 1.081.028.948-.162 1.081-.75 1.081zm5.199-.133s-.027-.026 0 0c-.037-.035-.064-.035-.064-.035-.198.062-.614.124-.877.124-.587 0-.876-.16-.876-1.054 0-.736.099-1.055.876-1.055.227 0 .425.036.715.098.036 0 .036 0 .063-.036.1-.195.226-.416.361-.673v-.036l-.036-.035c-.361-.098-.777-.16-1.139-.16-1.265 0-1.817.576-1.817 1.879 0 1.338.552 1.914 1.817 1.914.326 0 .94-.062 1.239-.195.036 0 .036-.036.036-.062l-.298-.674zM4.604 9.985H2.036c-.036 0-.036.036-.036.036v3.473c0 .036.036.036.036.036h.877c.036 0 .036-.036.036-.036v-2.676h1.33c.035 0 .035 0 .035-.035.1-.222.2-.479.326-.736v-.035c-.01-.027-.036-.027-.036-.027z" clip-rule="evenodd"/>
+    <path fill="url(#prefix__paint0_linear)" fill-rule="evenodd" d="M27.973 13.46c-.036-.674-.063-1.277-.1-1.755v-.381c-.035-.514-.062-.824-.062-.86 0-.062 0-.097-.037-.16v-.035c0-.097-.036-.194-.036-.257v-.035c-.226-1.081-.84-2.26-1.59-3.119-.29-.354-.616-.638-.941-.895-.036-.035-.389-.283-1.004-.7-.714-.478-1.69-1.116-2.83-1.754-1.979-1.143-3.769-1.94-3.995-2.038h-.036c-.524-.222-1.166-.381-1.853-.443-.127 0-.263-.036-.39-.036h-.55c-.914.036-1.754.195-2.441.479-.1.044-1.88.833-3.933 2.011 0 0-.036.035-.063.035-2.08 1.214-3.734 2.393-3.806 2.455-.525.38-.977.86-1.401 1.462-.09.133-.09.478.334.478h1.04c.452 0 .551-.257 1.04-.602.55-.381 1.627-1.179 3.643-2.357 1.428-.824 2.793-1.498 3.444-1.781 0 0 .036 0 .036-.036h.1c.162-.062.262-.124.262-.124.452-.195 1.103-.319 1.79-.354h.262c.199 0 .389.035.588.035.424.062.777.124 1.102.257.037 0 .064.036.1.036 0 0 .036 0 .063.035.29.124 1.98.895 3.806 1.94 1.076.603 2.052 1.241 2.694 1.693.588.381.94.638.94.674.262.195.525.443.75.735.615.762 1.104 1.817 1.167 2.614 0 0 .036.354.063.86v1.08c.036.7.063 1.498.063 2.357 0 .86-.036 1.693-.063 2.357v1.081c-.036.541-.063.86-.063.86-.1.797-.588 1.852-1.166 2.614-.226.283-.488.576-.75.735 0 0-.362.257-.94.674-.652.443-1.628 1.08-2.695 1.692-1.817 1.055-3.508 1.817-3.806 1.94-.036 0-.036.036-.063.036-.036 0-.064.035-.1.035-.289.125-.678.222-1.102.258-.2.035-.39.035-.588.035h-.262c-.687 0-1.33-.124-1.79-.355 0 0-.1-.035-.263-.124-.036 0-.036-.035-.063-.035 0 0-.036 0-.036-.035h-.036s-.036 0-.036-.036c-.036 0-.036 0-.063-.035-.688-.32-1.98-.957-3.345-1.755-2.016-1.143-3.092-1.94-3.644-2.357-.488-.221-.587-.478-1.04-.478H3.276c-.425 0-.389.354-.325.478.425.603.877 1.081 1.401 1.462.063.062 1.727 1.24 3.806 2.455.1.062.226.124.325.195 1.917 1.08 3.571 1.816 3.67 1.878.652.284 1.529.479 2.442.479h.551c.127 0 .262 0 .389-.036.687-.062 1.329-.221 1.853-.443h.036c.226-.097 2.016-.895 3.996-2.038 1.103-.638 2.116-1.276 2.794-1.754.587-.417.976-.674 1.003-.7.325-.222.651-.54.94-.895.75-.895 1.365-2.074 1.591-3.12v-.035c.037-.097.037-.195.037-.257v-.035c0-.062 0-.098.036-.16 0-.035.036-.354.063-.859V18.279c.036-.478.063-1.08.1-1.754v-.062c0-.478.036-.957.036-1.462 0-.514 0-1.019-.037-1.462v-.08h-.009z" clip-rule="evenodd"/>
+    <defs>
+        <linearGradient id="prefix__paint0_linear" x1="17.1" x2="12.983" y1="3.799" y2="27.624" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F14159"/>
+            <stop offset="1" stop-color="#1368AE"/>
+        </linearGradient>
+    </defs>
+</svg>

package/mobile/src/icons/IconName.ts

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

package/mobile/src/ui-kit/Checkbox/CheckboxWithDoc.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useMobileMode } from '../../hooks/useMobileMode';
 import { openDocument } from '../DialogManager/openDocument';
 import { useDialogManager } from '../DialogManager/useDialogManager';
 import { renderErrorText } from '../Input/renderErrorText';
@@ -16,13 +17,17 @@ interface CheckboxWithDocProps extends CheckboxProps {
 export const CheckboxWithDoc = JSX<CheckboxWithDocProps>(
   ({ className, error, docId, ...props }) => {
     const { open } = useDialogManager();
+    const isMobile = useMobileMode();
 
     return (
       <div className={className}>
         <div className="flex flex-wrap gap-x-m">
           <Checkbox {...props} />
           {docId ? (
-            <LinkButton className="text-primary-main" onClick={() => openDocument(docId, open)}>
+            <LinkButton
+              className="text-primary-main"
+              onClick={() => openDocument(open, docId, isMobile)}
+            >
               <Text>{OPEN_DOC_BUTTON_TEXT}</Text>
             </LinkButton>
           ) : null}

package/mobile/src/ui-kit/Checkbox/getDocument.ts

@@ -1,7 +1,7 @@
 import { feedbackById } from '../../api/RetailAPI/feedbackById';
 
-export const getDocument = async (id: number) => {
-  const response = await feedbackById(id);
+export const getDocument = async (id: number, convertToPng = false) => {
+  const response = await feedbackById(id, convertToPng);
 
   return URL.createObjectURL(response);
 };

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

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useMobileMode } from '../../hooks/useMobileMode';
 import { noop } from '../../utils/noop';
 import { Button } from '../Button/Button';
 import { Dialog } from '../DialogManager/Dialog';
@@ -30,6 +31,7 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   const [confirmStatus, setConfirmStatus] = useState('');
   const [showRefuceContent, setShowRefuceContent] = useState(false);
   const { open, close } = useDialogManager();
+  const isMobile = useMobileMode();
   const handleClose = useCallback(() => {
     close();
     handleSubmit(confirmStatus);
@@ -46,7 +48,7 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   return (
     <Dialog className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg" onClose={onClose}>
       <div className="flex flex-col gap-lg items-center">
-        <div role="button" onClick={() => openDocument(CONSENT_BKI_ID, open)}>
+        <div role="button" onClick={() => openDocument(open, CONSENT_BKI_ID, isMobile)}>
           <Heading className="text-center text-balance" title={consentText.title} />
         </div>
         <Paragraph align="text-center">{consentText.description}</Paragraph>

package/mobile/src/ui-kit/ConsentBkiDialog/useConsentBkiDialog.tsx

@@ -4,14 +4,10 @@ import { useDialogManager } from '../DialogManager/useDialogManager';
 import { useVerifyPhoneDialog } from '../VerifyPhoneDialog/useVerifyPhoneDialog';
 import { ConsentBkiDialog } from './ConsentBkiDialog';
 
-export const useConsentBkiDialog = () => {
+export const useConsentBkiDialog = (onClose: () => void) => {
   const { open, closeAll } = useDialogManager();
   const verifyPhoneDialog = useVerifyPhoneDialog();
 
-  const redirectToCreditForm = () => {
-    globalThis.location.href = '/credit-lead';
-  };
-
   const handleSuccessVerify = (profileId?: number) => async (smsCode?: string) => {
     if (profileId) {
       await updateUserProfile({
@@ -23,7 +19,7 @@ export const useConsentBkiDialog = () => {
       });
     }
 
-    redirectToCreditForm();
+    onClose();
   };
 
   const handleSubmitBkiConstent =
@@ -33,7 +29,7 @@ export const useConsentBkiDialog = () => {
       if (confirmStatus === 'SIGNED' && phone) {
         verifyPhoneDialog.open(handleSuccessVerify(profileId), verifyPhoneContent(phone));
       } else {
-        redirectToCreditForm();
+        onClose();
       }
     };
 
@@ -42,7 +38,7 @@ export const useConsentBkiDialog = () => {
       open(
         <ConsentBkiDialog
           handleSubmit={handleSubmitBkiConstent(phone, profileId)}
-          onClose={redirectToCreditForm}
+          onClose={onClose}
         />,
       ),
   };

package/mobile/src/ui-kit/DialogManager/openDocument.tsx

@@ -2,12 +2,20 @@ import { type VNode } from '../../model/VNode';
 import { getDocument } from '../Checkbox/getDocument';
 import { Dialog } from './Dialog';
 
-export const openDocument = async (id: number, open: (dialog: VNode) => void) => {
-  const document = await getDocument(id);
+export const openDocument = async (
+  open: (dialog: VNode) => void,
+  id: number,
+  convertToPng = false,
+) => {
+  const document = await getDocument(id, convertToPng);
 
   open(
     <Dialog className="my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0">
-      <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      {convertToPng ? (
+        <img src={document} />
+      ) : (
+        <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      )}
     </Dialog>,
   );
 };

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

@@ -0,0 +1,44 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { getLink } from '../../api/RetailAPI/getLink';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+import { Img } from '../Img/Img';
+
+export interface EsiaLoginDialogProps {
+  handleClose?: () => void;
+}
+
+export const EsiaLoginDialog = JSX<EsiaLoginDialogProps>(function ({ handleClose }) {
+  const handleAuth = useCallback(async () => {
+    const resp = await getLink({
+      redirectUri: globalThis.location.href + '&esiaAuth=true',
+    });
+    if (resp) {
+      globalThis.location.href = resp.link;
+    }
+  }, []);
+
+  return (
+    <Dialog className="my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg" onClose={handleClose}>
+      <div className="flex flex-col gap-lg items-center rounded-md">
+        <div className="flex items-center justify-around w-full">
+          <ul className="list-disc">
+            <li>Вероятность одобрения выше</li>
+            <li>Без справок о доходах и трудоустройстве</li>
+            <li>С защитой Ваших данных</li>
+          </ul>
+          <Img image={{ icon: 'GosUslugiIcon', iconVersion: 'normal' }} height="70" />
+        </div>
+        <div className="flex items-center justify-between w-full m-0">
+          <Button type="button" onClick={handleAuth}>
+            Заполнить через Госуслуги
+          </Button>
+          <Button type="button" version="secondary" onClick={handleClose}>
+            Пропустить
+          </Button>
+        </div>
+      </div>
+    </Dialog>
+  );
+});

package/mobile/src/ui-kit/EsiaLoginDialog/useEsiaLoginDialog.tsx

@@ -0,0 +1,23 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useDialogManager, type DialogOptions } from '../DialogManager/useDialogManager';
+import { EsiaLoginDialog } from './EsiaLoginDialog';
+
+export interface EsiaLoginDialogProps {
+  responseType?: 'OK' | 'Fail';
+  typeForm?: string;
+}
+
+export const useEsiaLoginDialog = (nextStepLink: string) => {
+  const { open, close } = useDialogManager();
+
+  const handleClose = useCallback(() => {
+    close();
+    globalThis.location.href = nextStepLink;
+  }, []);
+
+  return {
+    open: (options: DialogOptions = {}) =>
+      open(<EsiaLoginDialog handleClose={handleClose} />, options),
+    close,
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.619",
+  "version": "0.14.621",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -210,7 +210,7 @@
       "path": "lib/common.css"
     },
     {
-      "limit": "81 kB",
+      "limit": "84 kB",
       "path": "bundle/bundle.umd.min.js"
     }
   ],

package/src/api/RetailAPI/feedbackById.ts

@@ -1,7 +1,10 @@
 import { doRequest } from './doRequest';
 
-export const feedbackById = async (id: number) => {
-  const response: Response = await doRequest(`/feedback/file?id=${encodeURIComponent(id)}`, 'GET');
+export const feedbackById = async (id: number, convertToPng = false) => {
+  const response: Response = await doRequest(
+    `/feedback/file?id=${encodeURIComponent(id)}&convertToPngFlg=${convertToPng}`,
+    'GET',
+  );
 
   return await response.blob();
 };

package/src/api/RetailAPI/getLink.ts

@@ -0,0 +1,12 @@
+import { doRequest } from './doRequest';
+
+export type GetLinkBody = {
+  redirectUri: string;
+};
+
+export type GetLinkResponse = {
+  link: string;
+};
+
+export const getLink = (body: GetLinkBody) =>
+  doRequest<GetLinkResponse>('/esia/getLink', 'POST', body);

package/src/api/RetailAPI/updateProfileEsia.ts

@@ -0,0 +1,71 @@
+import { doRequest } from './doRequest';
+
+export type UpdateProfileEsiaBody = {
+  code: string;
+  profileId: string;
+  state: string;
+  redirectUri: string;
+};
+
+export type UpdateProfileEsiaResponse = {
+  profile: {
+    id: number;
+    esiaId: string;
+    surname: string;
+    name: string;
+    midname: string;
+    birthDate: string;
+    phone: string;
+    email: string;
+    esiaAccountType: {
+      key: string;
+    };
+  };
+  addInfo: {
+    snils: string;
+    inn: string;
+    birthPlace: string;
+  };
+  document: {
+    dulSerie: string;
+    dulNumber: string;
+    dulIssueDate: string;
+    dulSubdivisionCode: string;
+    dulIssuedBy: string;
+  };
+  addressRegistration: {
+    fiasCode: string;
+    postcode: string;
+    region: string;
+    regionCode: {
+      key: string;
+      value: string;
+    };
+    city: string;
+    locality: null;
+    street: string;
+    house: string;
+    building: null;
+    block: null;
+    apartment: string;
+  };
+  addressFact: {
+    fiasCode: string;
+    postcode: string;
+    region: string;
+    regionCode: {
+      key: string;
+      value: string;
+    };
+    city: string;
+    locality: null;
+    street: string;
+    house: string;
+    building: null;
+    block: null;
+    apartment: string;
+  };
+};
+
+export const updateProfileEsia = (body: UpdateProfileEsiaBody) =>
+  doRequest<UpdateProfileEsiaResponse>('/esia/updateProfileEsia', 'POST', body);

package/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -5,6 +5,7 @@ import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
 import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
 import { renderTitle } from '../../ui-kit/FormField/renderTitle';
+import { Loader } from '../../ui-kit/Loader/Loader';
 import { useResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/useResponseTypeDialog';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
@@ -18,15 +19,26 @@ import { useInitApplicationLead } from './useInitApplicationLead';
 interface ApplicationLeadFormProps extends ApplicationLeadFormContent, UniBlockProps {}
 
 export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
-  ({ className, title, programId = '', typeForm = '', sections = [], button, ...rest }) => {
+  ({
+    className,
+    title,
+    programId = '',
+    nextStepLink = '/credit-lead',
+    typeForm = '',
+    sections = [],
+    button,
+    ...rest
+  }) => {
     const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
     const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
-    useInitApplicationLead();
+
+    const { isLoading } = useInitApplicationLead(nextStepLink);
     const [leadForm, setLeadForm] = useLocalStorage<FormState>('leadForm');
     const initialFormState = getInitialFormState(inputs, leadForm, typeForm);
     const { handleSubmit, responseStatus } = useApplicationLeadApi({
       inputs,
       programId,
+      nextStepLink,
       saveForm: setLeadForm,
     });
 
@@ -50,7 +62,8 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
         title={title}
         {...rest}
       >
-        <form onSubmit={onSubmit} className="space-y-m">
+        <form onSubmit={onSubmit} className="space-y-m relative">
+          {isLoading ? <Loader blur={false} /> : null}
           {sections.map((_, i) => (
             <div
               key={`section-${i}`}

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -128,6 +128,8 @@ export type ApplicationLeadFormContent = UniBlockContent &
     };
     /** @title Номер кредитной программы */
     programId?: string;
+    /** @title адресс следующей страницы заявки */
+    nextStepLink?: string;
     typeForm?: TypeFormFieldDef;
     /** @hidden */
     sections?: SectionsProps[];

package/src/components/ApplicationLeadForm/consents.ts

@@ -10,23 +10,23 @@ export const CONSENTS: Record<keyof FormConsents, ConsentData> = {
     text: 'Согласие на обработку персональных данных',
     docId: 4,
   },
+  consentInformFlg: {
+    text: 'Согласие на информирование о продуктах и услугах Банка',
+    docId: 14,
+  },
   consentProviderFlg: {
     text: 'Согласие об использовании простой электронной подписи',
     docId: 5,
   },
+  consentOthersFlg: {
+    text: 'Прочие согласия',
+    docId: 1,
+  },
   consentPfrFlg: {
     text: 'Согласие на запрос в ПФР',
     docId: 3,
   },
-  consentInformFlg: {
-    text: 'Согласие на информирование о продуктах и услугах Банка',
-    docId: 14,
-  },
   consentToReceiveMaterials: {
     text: 'Согласен на получение информационных и аналитических материалов по электронной почте',
   },
-  consentOthersFlg: {
-    text: 'Прочие согласия',
-    docId: 1,
-  },
 };