@redneckz/wildless-cms-uni-blocks 0.12.7 → 0.12.9

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

@@ -1,12 +1,12 @@
 import fs from 'fs';
 import path from 'path';
 import util from 'util';
+import { Attachment } from '../model/Attachment';
 import type { ContentPageDef } from '../model/ContentPageDef';
-import { LinkProps } from '../model/LinkProps';
 import type { Picture } from '../model/Picture';
 import { mapJSON } from './mapJSON';
 import type { TransformationOptions } from './TransformationOptions';
-import { transformDocumentLink } from './transformDocumentLink';
+import { transformDocument } from './transformDocument';
 import { transformHTML } from './transformHTML';
 import { transformMarkdown } from './transformMarkdown';
 import { transformPicture } from './transformPicture';
@@ -16,7 +16,17 @@ const writeFile = util.promisify(fs.writeFile);
 
 const OUTPUT_SUFFIX = '.static';
 
-const DOCUMENT_EXT_LIST = ['.txt', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx', '.pdf'];
+const DOCUMENT_EXT_LIST = [
+  '.txt',
+  '.doc',
+  '.docx',
+  '.xls',
+  '.xlsx',
+  '.xlsb',
+  '.ppt',
+  '.pptx',
+  '.pdf',
+];
 
 export async function transformContentPage(
   pagePath: string,
@@ -31,8 +41,8 @@ export async function transformContentPage(
         return await transformMarkdown(value as string);
       } else if (isHTML(key, value)) {
         return await transformHTML(value as string);
-      } else if (isDocumentLink(value)) {
-        return await transformDocumentLink(value, pagePath, options);
+      } else if (isDocument(value)) {
+        return await transformDocument(value, pagePath, options);
       } else if (isPicture(value)) {
         return await transformPicture(value, pagePath, options);
       }
@@ -55,8 +65,8 @@ const isMarkdown = (key: string, value: any): value is string =>
   isString(value) && key?.endsWith('__md');
 const isHTML = (key: string, value: any): value is string =>
   isString(value) && key?.endsWith('__html');
-const isDocumentLink = (_: any): _ is LinkProps =>
-  Boolean(_ && isLocalPath(_?.href) && isDocumentExt(path.extname(_?.href as string)));
+const isDocument = (_: any): _ is Attachment =>
+  Boolean(_ && isLocalPath(_?.src) && isDocumentExt(path.extname(_?.src as string)));
 const isDocumentExt = (input: string) =>
   DOCUMENT_EXT_LIST.some((ext) => input.toLowerCase().endsWith(ext));
 const isPicture = (_: any): _ is Picture => Boolean(_ && isLocalPath(_?.src));

package/{src/content-page-repository/transformDocumentLink.ts → mobile/src/content-page-repository/transformDocument.ts}

@@ -1,22 +1,22 @@
 import fs from 'fs';
 import path from 'path';
 import util from 'util';
-import type { LinkProps } from '../model/LinkProps';
+import { Attachment } from '../model/Attachment';
 import type { TransformationOptions } from './TransformationOptions';
 
 const copyFile = util.promisify(fs.copyFile);
 
-export async function transformDocumentLink(
-  link: LinkProps,
+export async function transformDocument(
+  attachment: Attachment,
   pagePath: string,
   options: TransformationOptions,
-): Promise<LinkProps> {
-  if (!link?.href) {
-    return link;
+): Promise<Attachment> {
+  if (!attachment?.src) {
+    return attachment;
   }
 
   const { contentDir, publicDir } = options;
-  const input = path.join(path.dirname(pagePath), link.href);
+  const input = path.join(path.dirname(pagePath), attachment.src);
   const docRelativePath = path.relative(contentDir, input);
   const output = path.join(publicDir, docRelativePath);
 
@@ -25,13 +25,13 @@ export async function transformDocumentLink(
   } catch (e) {
     console.info(`No "${input}" attachment found on page: "${pagePath}"`);
 
-    return link;
+    return attachment;
   }
 
-  const href = path.join('/', docRelativePath);
+  const src = path.join('/', docRelativePath);
 
   return {
-    ...link,
-    href,
+    ...attachment,
+    src,
   };
 }

package/mobile/src/hooks/useRouter.ts

@@ -9,6 +9,7 @@ export interface Router {
   basePath?: string;
   push: (url: string, as?: string, options?: RouterOptions) => void;
   replace: (url: string, as?: string, options?: RouterOptions) => void;
+  back: () => void;
 }
 
 export function useRouter(): Router {
@@ -25,6 +26,9 @@ useRouter._impl = (): Router => ({
   replace: () => {
     // Do nothing
   },
+  back: () => {
+    // Do nothing
+  },
 });
 
 useRouter.setup = (impl: () => Router) => {

package/mobile/src/icons/ChevronLeft.svg

@@ -1,3 +1,3 @@
-<svg title="Стрелка 'Вправо'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Стрелка 'Влево'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.7071 6.29289C15.0976 6.68342 15.0976 7.31658 14.7071 7.70711L10.4142 12L14.7071 16.2929C15.0976 16.6834 15.0976 17.3166 14.7071 17.7071C14.3166 18.0976 13.6834 18.0976 13.2929 17.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L13.2929 6.29289C13.6834 5.90237 14.3166 5.90237 14.7071 6.29289Z" fill="currentColor"/>
 </svg>

package/mobile/src/icons/IconName.ts

@@ -11,7 +11,7 @@ export enum IconMap {
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BagIcon = 'Сумка', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeft = 'Стрелка \'Вправо\'', CinemaIcon = 'Кинотеатр', ClientIcon = 'Клиент', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', ResponceFailIcon = 'Ошибка', ResponceOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт', YoutubeIcon = 'Лого «Youtube»'
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BagIcon = 'Сумка', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeft = 'Стрелка \'Влево\'', CinemaIcon = 'Кинотеатр', ClientIcon = 'Клиент', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', ResponceFailIcon = 'Ошибка', ResponceOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт', YoutubeIcon = 'Лого «Youtube»'
 }
 
 /**
@@ -19,7 +19,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Стрелка \'Вправо\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
  * ]
  */
 export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BagIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'ChevronLeft' | 'CinemaIcon' | 'ClientIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponceFailIcon' | 'ResponceOKIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon' | 'YoutubeIcon';

package/mobile/src/model/Attachment.ts

@@ -0,0 +1,4 @@
+export interface Attachment {
+  /** @title */
+  src?: string;
+}

package/mobile/src/model/HeadlineType.ts

@@ -36,16 +36,17 @@ export type LabelProps = {
   label?: string;
 };
 
+export type AlignProps = {
+  /** @title Выравнивание заголовка */
+  align?: TextAlign;
+};
+
 export type AdditionalDescriptionProps = {
   /** @title Дополнительное описание */
   additionalDescription?: string;
 };
 
-export type HeadlineCommonProps = TitleProps &
-  DescriptionProps & {
-    /** @title Выравнивание заголовка */
-    align?: TextAlign;
-  };
+export type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps & {};
 
 export type HeadlineProps = HeadlineCommonProps & {
   headlineVersion?: HeadlineVersion;

package/mobile/src/setup-fixture.ts

@@ -10,7 +10,7 @@ projectSettings.setup(wlc);
 
 useRouter.setup(() => {
   const [href, setHref] = useState<string>(
-    joinPath(globalThis.location.origin, projectSettings.BASE_PATH, 'cards-credit'),
+    joinPath(globalThis.location.origin, projectSettings.BASE_PATH, ''),
   );
 
   useEffect(() => {
@@ -37,6 +37,9 @@ useRouter.setup(() => {
     replace: (url: string) => {
       globalThis.history.replaceState(null, '', url);
     },
+    back: () => {
+      globalThis.history.back();
+    },
   };
 });
 

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

@@ -37,8 +37,8 @@ export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicy
 
   return isOpened ? (
     <div className="container z-40 fixed bottom-0 left-0 right-0 pointer-events-none">
-      <div className="bg-white m-6 p-6 rounded-md flex items-center pointer-events-auto shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
-        <div className="flex-1">
+      <div className="bg-white m-5 p-5 sm:m-6 sm:p-6 rounded-md flex sm:items-center pointer-events-auto shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
+        <div className="sm:flex-1">
           <Paragraph size="text-s" font="font-light" color="text-primary-text">
             АО «Россельхозбанк» использует
             <LinkWrapper
@@ -61,7 +61,7 @@ export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicy
             персональных данных».
           </Paragraph>
         </div>
-        <div className="w-24 flex justify-end">
+        <div className="ml-3 sm:ml-0 w-24 flex justify-end">
           <CloseButton className="bg-main-gray rounded-md" onClick={handleClose} />
         </div>
       </div>

package/mobile/src/ui-kit/Icon/IconProps.ts

@@ -6,12 +6,13 @@ export type { IconName };
 /**
  * @title Цвет фона иконки
  * @enumNames [
+ *    "По умолчанию",
  *    "Основной",
  *    "Второстепенный",
- *    "Второстепенный светлый"
+ *    "Прозрачный"
  * ]
  */
-export type IconBgVersion = 'primary' | 'secondary' | 'secondary-light';
+export type IconBgVersion = '' | 'primary' | 'secondary' | 'opacity';
 
 export interface IconCompatibilityFields {
   /** @title Альтернативный текст (alt) */

package/mobile/src/ui-kit/Icon/RoundedIcon.tsx

@@ -6,22 +6,33 @@ import type { IconBgVersion } from './IconProps';
 
 export interface RoundedIconProps extends Picture {
   iconBgVersion?: IconBgVersion;
+  defaultIconSize?: number;
 }
 
 const iconBgStyles: Record<IconBgVersion, string> = {
+  '': 'bg-main-divider group-data-secondary:bg-white/30',
   primary: 'bg-main-divider',
-  secondary: 'bg-white/30',
-  'secondary-light': 'bg-secondary-light',
+  secondary: 'bg-secondary-light',
+  opacity: 'bg-white/30',
 };
 
 export const RoundedIcon = JSX<RoundedIconProps>(
-  ({ iconBgVersion = 'primary', size, icon, ...rest }) => {
-    const width = String(size?.width || 24);
-    const height = String(size?.height || 24);
+  ({ className, defaultIconSize = 44, iconBgVersion = 'primary', size, icon, ...rest }) => {
+    const widthAndHeight = String(size?.width || defaultIconSize);
 
     return icon ? (
-      <div className={style('rounded-icon p-2.5', iconBgStyles[iconBgVersion])}>
-        <Icon {...rest} width={width} height={height} name={icon} />
+      <div
+        style={{
+          width: `${widthAndHeight}px`,
+          height: `${widthAndHeight}px`,
+        }}
+        className={style(
+          'rounded-icon object-fit flex justify-center items-center ',
+          iconBgStyles[iconBgVersion],
+          className,
+        )}
+      >
+        <Icon {...rest} width="54%" height="54%" name={icon} />
       </div>
     ) : null;
   },

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

@@ -58,7 +58,7 @@ export const Select = JSX<SelectProps>(
         <div className={style('relative', isOpen ? 'z-20' : 'z-10')}>
           <div
             className={style(
-              'text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer',
+              'text-l flex justify-between items-center text-primary-text cursor-pointer',
               getBorderStyle(isBorder, valid),
             )}
             onClick={toggle}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.12.7",
+  "version": "0.12.9",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx

@@ -0,0 +1,44 @@
+import '../../setup-fixture';
+
+import { ApplicationForm } from './ApplicationForm';
+import type { ApplicationFormContent } from './ApplicationFormContent';
+
+const ApplicationFormProps: ApplicationFormContent = {
+  title: 'Форма заявки',
+  button: {
+    text: 'Отправить заявку',
+    version: 'primary',
+  },
+  link: {
+    text: 'условиями передачи данных',
+    href: '#',
+  },
+};
+
+export default {
+  credit: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormProps} typeForm="credit" />
+    </div>
+  ),
+  acquiring: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormProps} typeForm="acquiring" />
+    </div>
+  ),
+  'business-card': (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormProps} typeForm="business-card" />
+    </div>
+  ),
+  deposit: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormProps} typeForm="deposit" />
+    </div>
+  ),
+  wed: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormProps} typeForm="wed" />
+    </div>
+  ),
+};

package/src/components/ApplicationForm/ApplicationForm.tsx

@@ -40,7 +40,9 @@ export const ApplicationForm = JSX<ApplicationFormProps>((props) => {
   return (
     <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
       <div className="container max-w-[978px]">
-        {title ? <Heading headingType="h3" title={title} className="text-center mb-8" /> : null}
+        {title ? (
+          <Heading headingType="h3" title={title} className="mb-4 sm:mb-8 sm:text-center" />
+        ) : null}
         {COMPONENTS_MAP[typeForm]({ button, link, onSubmit: handleSubmit })}
         {responseType ? <ResponseNotification responseType={responseType} /> : null}
       </div>

package/src/components/ApplicationForm/ApplicationFormAcquiring.tsx

@@ -63,9 +63,9 @@ export const ApplicationFormAcquiring = JSX<ApplicationFormsProps>((props) => {
 
   return (
     <form className="container" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Вид эквайринга и регион" className="text-center mb-4" />
+      <Heading headingType="h6" title="Вид эквайринга и регион" className="sm:text-center mb-4" />
       {renderAcquiringRegion({ regions, field })}
-      <Heading headingType="h6" title="Данные организации" className="text-center mb-4" />
+      <Heading headingType="h6" title="Данные организации" className="sm:text-center mb-4" />
       {renderAcquiringDataOrganization(field)}
       {renderSlideCheckboxes(field)}
       {renderSubmitButton(button, 'mb-4')}

package/src/components/ApplicationForm/ApplicationFormCredit.tsx

@@ -65,11 +65,11 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link,
 
   return (
     <form className="container" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Параметры кредита" className="text-center mb-4" />
+      <Heading headingType="h6" title="Параметры кредита" className="sm:text-center mb-4" />
       {renderCreditParameters(field)}
-      <Heading headingType="h6" title="Данные организации" className="text-center mb-4" />
+      <Heading headingType="h6" title="Данные организации" className="sm:text-center mb-4" />
       {renderCreditDataOrganization(field)}
-      <Heading headingType="h6" title="Офис банка" className="text-center mb-4" />
+      <Heading headingType="h6" title="Офис банка" className="sm:text-center mb-4" />
       {renderRegionDepartment({ regions, branches, field })}
       {renderSubmitButton(button, 'mb-4')}
       <Footnote link={link} />

package/src/components/ApplicationForm/ApplicationFormDeposit.tsx

@@ -47,7 +47,7 @@ export const ApplicationFormDeposit = JSX<ApplicationFormsProps>((props) => {
       <Heading
         headingType="h6"
         title="Оставьте заявку и мы ответим на любые вопросы по депозитам"
-        className="text-center mb-4"
+        className="sm:text-center mb-4"
       />
       <div className="max-w-[560px] m-auto">
         <InputControl
@@ -61,8 +61,8 @@ export const ApplicationFormDeposit = JSX<ApplicationFormsProps>((props) => {
           {...withValidator(field('phone'), phoneValidator)}
         />
       </div>
-      <div className="flex justify-between items-center max-w-[560px] m-auto">
-        <div className="flex-1">
+      <div className="flex justify-between flex-col-reverse sm:items-center sm:flex-row max-w-[560px] m-auto">
+        <div className="flex-1 mt-4 sm:mt-0">
           <Footnote link={link} />
         </div>
         {renderSubmitButton(button)}

package/src/components/ApplicationForm/ApplicationFormWed.tsx

@@ -64,18 +64,18 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
 
   return (
     <form className="container" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Данные организации" className="text-center mb-4" />
+      <Heading headingType="h6" title="Данные организации" className="sm:text-center mb-4" />
       {renderWedDataOrganization(field)}
-      <Heading headingType="h6" title="Интересующий вопрос" className="text-center mb-4" />
+      <Heading headingType="h6" title="Интересующий вопрос" className="sm:text-center mb-4" />
       {renderQuestionsInterested(field)}
-      <div className="flex items-center pb-9 mb-9 border-b border-main-divider">
-        {renderSubmitButton(button, 'mr-5')}
+      <div className="flex flex-col border-b border-main-divider mb-5 pb-5 sm:items-center sm:flex-row sm:mb-9 sm:pb-9">
+        {renderSubmitButton(button, 'mb-4 sm:mr-5 sm:mb-0')}
         <Footnote link={link} />
       </div>
       <Heading
         headingType="h6"
         title="Или свяжитесь с нами удобным способом"
-        className="text-center mb-4"
+        className="sm:text-center mb-4"
       />
       {renderContacts()}
     </form>

package/src/components/ApplicationForm/renderAcquiringDataOrganization.tsx

@@ -6,8 +6,8 @@ import { PhoneInputControl } from './PhoneInputControl';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export const renderAcquiringDataOrganization = (field: FormFieldRegisterer<AcquiringFormState>) => (
-  <div className="flex justify-between gap-5 mb-5">
-    <div className="w-1/2">
+  <div className="mb-4 sm:flex sm:justify-between sm:gap-5 sm:mb-7">
+    <div className="sm:w-1/2">
       <InputControl
         className="shrink-0 w-full mb-3"
         label="Наименование организации"
@@ -19,7 +19,7 @@ export const renderAcquiringDataOrganization = (field: FormFieldRegisterer<Acqui
         {...withValidator(field('name'), nameValidator)}
       />
     </div>
-    <div className="w-1/2">
+    <div className="sm:w-1/2">
       <InputControl
         className="shrink-0 w-full mb-3"
         label="ИНН"

package/src/components/ApplicationForm/renderAcquiringRegion.tsx

@@ -12,8 +12,8 @@ interface AcquiringRegionProps {
 }
 
 export const renderAcquiringRegion = ({ regions, field }: AcquiringRegionProps) => (
-  <div className="flex justify-between gap-5 mb-7">
-    <div className="w-1/2">
+  <div className="mb-4 pb-1 border-b border-b-main-divider sm:flex sm:justify-between sm:gap-5 sm:mb-7 sm:border-none sm:pb-0">
+    <div className="mb-3 sm:mb-0 sm:w-1/2">
       <SelectControl
         label="Вид эквайринга"
         placeholder="Выберите эквайринг"
@@ -21,7 +21,7 @@ export const renderAcquiringRegion = ({ regions, field }: AcquiringRegionProps)
         {...withValidator(field('acquiringType'), defaultValidator)}
       />
     </div>
-    <div className="w-1/2">
+    <div className="mb-3 sm:mb-0 sm:w-1/2">
       <SelectControl
         label="Адрес"
         placeholder="Выберите адрес"

package/src/components/ApplicationForm/renderBusinessCardDataOrganization.tsx

@@ -8,8 +8,8 @@ import { defaultValidator, innValidator, nameValidator, phoneValidator } from '.
 export const renderBusinessCardDataOrganization = (
   field: FormFieldRegisterer<BusinessCardFormState>,
 ) => (
-  <div className="flex justify-between gap-5">
-    <div className="w-1/2">
+  <div className="sm:flex sm:justify-between sm:gap-5">
+    <div className="sm:w-1/2">
       <InputControl
         className="shrink-0 w-full mb-3"
         label="Контактное лицо"
@@ -21,7 +21,7 @@ export const renderBusinessCardDataOrganization = (
         {...withValidator(field('inn'), innValidator)}
       />
     </div>
-    <div className="w-1/2">
+    <div className="sm:w-1/2">
       <PhoneInputControl
         className="shrink-0 w-full mb-3"
         label="Телефон"

package/src/components/ApplicationForm/renderCreditDataOrganization.tsx

@@ -6,8 +6,8 @@ import { PhoneInputControl } from './PhoneInputControl';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export const renderCreditDataOrganization = (field: FormFieldRegisterer<CreditFormState>) => (
-  <div className="flex justify-between gap-5 mb-7">
-    <div className="w-1/2">
+  <div className="mb-4 pb-1 border-b border-b-main-divider sm:flex sm:justify-between sm:gap-5 sm:mb-7 sm:border-none sm:pb-0">
+    <div className="sm:w-1/2">
       <InputControl
         className="shrink-0 w-full mb-3"
         label="Наименование организации"
@@ -24,7 +24,7 @@ export const renderCreditDataOrganization = (field: FormFieldRegisterer<CreditFo
         {...withValidator(field('phone'), phoneValidator)}
       />
     </div>
-    <div className="w-1/2">
+    <div className="sm:w-1/2">
       <InputControl
         className="shrink-0 w-full mb-3"
         label="Годовая выручка, ₽"

package/src/components/ApplicationForm/renderCreditParameters.tsx

@@ -12,8 +12,8 @@ import {
 } from './CreditParameters';
 
 export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormState>) => (
-  <div className="flex justify-between gap-5 mb-7">
-    <div className="w-1/2">
+  <div className="mb-4 pb-1 border-b border-b-main-divider sm:flex sm:justify-between sm:gap-5 sm:mb-7 sm:border-none sm:pb-0">
+    <div className="mb-3 sm:mb-0 sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
           Сумма кредита, ₽
@@ -26,7 +26,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
         {...field('amount')}
       />
     </div>
-    <div className="w-1/2">
+    <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
           Срок кредита, месяцев

package/src/components/ApplicationForm/renderQuestionsInterested.tsx

@@ -6,11 +6,19 @@ export const renderQuestionsInterested = (field: FormFieldRegisterer<WedFormStat
   const textField = field('text');
 
   return (
-    <div className="mb-6">
-      <div className="flex items-center mb-4 gap-6">
-        <Checkbox text="Валютный контроль" {...field('currencyControl')} />
-        <Checkbox text="Документарные операции" {...field('documentaryOperations')} />
-        <Checkbox text="Конверсионные операции" {...field('conversionOperations')} />
+    <div className="mb-3 sm:mb-6">
+      <div className="mb-4 sm:flex sm:items-center sm:gap-6">
+        <Checkbox className="mb-3 sm:mb-0" text="Валютный контроль" {...field('currencyControl')} />
+        <Checkbox
+          className="mb-3 sm:mb-0"
+          text="Документарные операции"
+          {...field('documentaryOperations')}
+        />
+        <Checkbox
+          className="mb-3 sm:mb-0"
+          text="Конверсионные операции"
+          {...field('conversionOperations')}
+        />
       </div>
       <textarea
         placeholder="Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка"

package/src/components/ApplicationForm/renderRegion.tsx

@@ -11,14 +11,12 @@ interface RegionProps {
 }
 
 export const renderRegion = ({ regions, field }: RegionProps) => (
-  <div className="flex justify-between gap-5 mb-5">
-    <div className="w-full">
-      <SelectControl
-        label="Регион"
-        placeholder="Выберите регион"
-        options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
-        {...withValidator(field('region'), defaultValidator)}
-      />
-    </div>
+  <div className="w-full mb-3 sm:mb-5">
+    <SelectControl
+      label="Регион"
+      placeholder="Выберите регион"
+      options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
+      {...withValidator(field('region'), defaultValidator)}
+    />
   </div>
 );