@redneckz/wildless-cms-uni-blocks 0.12.6 → 0.12.8

package/mobile/src/components/OfficeMap/renderFunctions.tsx

@@ -1,4 +1,5 @@
 import { Icon } from '../../ui-kit/Icon/Icon';
+import { Text } from '../../ui-kit/Text/Text';
 import { NearbyOffices, WorkScheduleWeek } from './OfficeMapContent';
 
 export const renderCurrentDaySchedule = ({ lunchHour, status, workTime }: WorkScheduleWeek) => {
@@ -29,11 +30,11 @@ export const renderNearbyOffice = (
 ) => (
   <div className="flex mr-4" key={`nearbyOffice${index}`}>
     <Icon name={icon} width="16" height="16" className="mr-1" />
-    {title ? <span className="text-m">{title}&nbsp;</span> : null}
-    <span className="text-m-light">
+    {title ? <Text size="text-m">{title}&nbsp;</Text> : null}
+    <Text size="text-m" font="font-light">
       {distance ? ` (${distance})` : null}
       {time ? `, ${time}` : null}
-    </span>
+    </Text>
   </div>
 );
 export const renderDay = (
@@ -46,12 +47,12 @@ export const renderDay = (
   >
     <div className="flex justify-between items-center w-full pb-1 text-l text-primary-text">
       <div>{title}</div>
-      {status ? null : <div className="text-m-light text-error">Выходной</div>}
+      {status ? null : <div className="text-m font-light text-error">Выходной</div>}
       {status && workTime ? <div>{workTime}</div> : null}
     </div>
     {status && lunchHour ? renderLunchHour(lunchHour) : null}
     {description ? (
-      <div className="pb-1 text-s-light text-secondary-text">{description}</div>
+      <div className="pb-1 text-s font-light text-secondary-text">{description}</div>
     ) : null}
   </div>
 );
@@ -60,12 +61,12 @@ const renderLunchHour = (lunchHour: string) => {
   const hasTime = /\d+/gi.test(lunchHour);
 
   return hasTime ? (
-    <div className="flex justify-between items-center w-full pb-1 text-m-light text-error">
+    <div className="flex justify-between items-center w-full pb-1 text-m font-light text-error">
       <div>Перерыв</div>
       <div>{lunchHour}</div>
     </div>
   ) : (
-    <div className="flex justify-between items-center w-full pb-1 text-m-light text-primary-main">
+    <div className="flex justify-between items-center w-full pb-1 text-m font-light text-primary-main">
       <div>{lunchHour}</div>
     </div>
   );

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -3,6 +3,7 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
+import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import type {
   OfficeServicesBlockContent,
@@ -27,6 +28,10 @@ const renderListItems = (itemList: OfficeServicesBlockList, i: number) => (
     {itemList.icon ? (
       <Img className="mr-3 min-w-6 min-h-6 w-6 h-6" width="24" height="24" image={itemList.icon} />
     ) : null}
-    {itemList.label ? <span className="text-l-light">{itemList.label}</span> : null}
+    {itemList.label ? (
+      <Text size="text-l" font="font-light">
+        {itemList.label}
+      </Text>
+    ) : null}
   </li>
 );

package/mobile/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.tsx

@@ -66,7 +66,9 @@ const renderBlock = (blockName: string, data?: string, iconName?: IconName | und
   <div className="flex mb-4">
     <Icon className="pr-4" iconVersion="black" name={iconName} width="24" height="24" />
     <div className="flex flex-col first:pb-1">
-      <Text size="text-m-light">{blockName}</Text>
+      <Text size="text-m" font="font-light">
+        {blockName}
+      </Text>
       {data ? (
         <Text size="text-h6" color="text-green">
           {data}

package/mobile/src/components/SafeDepositRental/RentalPeriod.tsx

@@ -12,7 +12,7 @@ interface RentalPeriodProps {
 
 export const RentalPeriod = JSX<RentalPeriodProps>(({ days, setDays }) => (
   <div className="mb-6">
-    <span className="block text-m-light mb-[3px]">Срок аренды</span>
+    <span className="block text-m font-light mb-1">Срок аренды</span>
     <InputRange min={MIN} max={MAX} value={days} items={ITEMS} onChange={setDays} />
   </div>
 ));

package/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -10,6 +10,7 @@ import { HandleFormStateChange, SafeDepositRentalState } from './SafeDepositRent
 import { Region, useGetRegions } from './useGetRegions';
 import { useSafeBoxes } from './useSafeBoxes';
 import { getBranch, getCoordinates } from './utils';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 
 export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlockProps {}
 
@@ -58,7 +59,11 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
             onClick={handleShowMap}
             onChange={handleChangeSafeDepositState}
           />
-          {footnote ? <p className="text-s-light text-secondary-text">{footnote}</p> : null}
+          {footnote ? (
+            <Paragraph size="text-s" font="font-light">
+              {footnote}
+            </Paragraph>
+          ) : null}
         </div>
         {points.length && showMap ? <YandexMap points={points} className="h-[640px]" /> : null}
       </BlockWrapper>

package/mobile/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -4,6 +4,7 @@ import { RegionsAndBranches } from './RegionsAndBranches';
 import { RenderRadioButtons } from './RenderRadioButtons';
 import { RentalPeriod } from './RentalPeriod';
 import { SafeBoxCases } from './SafeBoxCases';
+import { Text } from '../../ui-kit/Text/Text';
 import type { HandleFormStateChange, SafeDepositRentalState } from './SafeDepositRentalTypes';
 import type { Region } from './useGetRegions';
 import type { Branch, SafeBoxCase, SafeBoxCaseVolume } from './useSafeBoxes';
@@ -50,7 +51,9 @@ export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
           selectedBoxSize={selectedBoxSize}
           onSelectedBoxSize={(value) => onChange({ selectedBoxSize: value })}
         />
-        <span className="text-secondary-text text-l-light">Тип договора</span>
+        <Text size="text-l" font="font-light" color="text-secondary-text">
+          Тип договора
+        </Text>
         <div className="flex justify-between items-center mt-5">
           <RenderRadioButtons />
           <Button text="Офисы на карте" version="primary" onClick={onClick} />

package/mobile/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -19,7 +19,7 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
       <div className="bg-primary-main px-10 pt-10 pb-4 text-center">
         <Img image={{ icon: 'PackA4Icon' }} width="290" height="257" />
 
-        <span className="text-s-light text-white opacity-80 mt-2 inline-block">
+        <span className="text-s font-light text-white opacity-80 mt-2 inline-block">
           На рисунки изображена пачка<br></br> листов формата А4
         </span>
       </div>
@@ -30,7 +30,7 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
 const renderTotal = (label: string, total: string | number, className = '') => {
   return (
     <div className={className}>
-      <div className="text-m-light text-secondary-text mb-1">{label}</div>
+      <div className="text-m font-light text-secondary-text mb-1">{label}</div>
       <span className="text-h3 text-primary-text">{total}</span>
     </div>
   );

package/mobile/src/components/StepsBlock/StepsBlockStyleMaps.ts

@@ -8,7 +8,7 @@ export type StyleType = {
 
 export const STEPS_BLOCK_STYLE: StyleType = {
   description:
-    'text-white/80 text-l-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
+    'text-white/80 text-l font-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
   iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
   iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
   iconConnector: 'bg-white group-data-primary:bg-secondary-light',

package/mobile/src/components/TariffsTable/TableTileHeader.tsx

@@ -5,7 +5,11 @@ import type { TariffsTableRowHeader } from './TariffsTableContent';
 
 export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
   <div className="mb-2">
-    {title ? <Text size="text-l-light">{title}</Text> : null}
+    {title ? (
+      <Text size="text-l" font="font-light">
+        {title}
+      </Text>
+    ) : null}
     {icon ? <Img className="ml-auto min-w-6" image={icon} width="24" height="24" /> : null}
   </div>
 ));

package/mobile/src/components/TariffsTable/TariffsTableRow.tsx

@@ -40,7 +40,7 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
             {header?.icon ? (
               <Img className="mr-3.5 max-w-6" image={header.icon} width="24" height="24" />
             ) : null}
-            {header?.title ? <div className="text-m-light">{header?.title}</div> : null}
+            {header?.title ? <div className="text-m font-light">{header?.title}</div> : null}
           </div>
         </div>
         {data?.length ? (

package/mobile/src/components/TextBlock/TextBlock.tsx

@@ -39,7 +39,7 @@ export const TextBlock = JSX<TextBlockProps>(
 
 const renderIcon = () => (
   <div
-    className={`rounded-full h-4 w-4 text-center text-xs-light bg-primary-main text-white group-data-secondary:bg-white group-data-secondary:text-primary-main`}
+    className={`rounded-full h-4 w-4 text-center text-xs font-light bg-primary-main text-white group-data-secondary:bg-white group-data-secondary:text-primary-main`}
   >
     i
   </div>

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/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/Button/ButtonInner.tsx

@@ -16,7 +16,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {appendLeft ? <div className={iconStyleMap[version]}>{appendLeft}</div> : null}
       {isWithText(props) ? (
         <div>
-          {aboveText ? <div className="text-xs-light text-left">{aboveText}</div> : null}
+          {aboveText ? <div className="text-xs font-light text-left">{aboveText}</div> : null}
           <div className={`text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`}>{text}</div>
         </div>
       ) : null}

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

@@ -3,6 +3,7 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style';
 import type { PreventableEvent } from '../PreventableEvent';
 import { SVG } from '../SVG';
+import { Text } from '../../ui-kit/Text/Text';
 import type { CheckboxProps } from './CheckboxProps';
 
 const CHECK_PATHS = [
@@ -59,7 +60,13 @@ export const Checkbox = JSX<CheckboxProps>(
             aria-disabled={Boolean(disabled)}
           />
           {value ? icon : null}
-          {text ? <span className="font-sans ml-3 text-l-light">{text}</span> : null}
+          {text ? (
+            <div className="ml-3">
+              <Text size="text-l" font="font-light">
+                {text}
+              </Text>
+            </div>
+          ) : null}
         </label>
       </div>
     );

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

@@ -39,7 +39,7 @@ export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicy
     <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">
-          <Paragraph size="text-s-light" color="text-primary-text">
+          <Paragraph size="text-s" font="font-light" color="text-primary-text">
             АО «Россельхозбанк» использует
             <LinkWrapper
               isRemote

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

@@ -29,7 +29,7 @@ export const Dialog = JSX<DialogProps>(({ className, isOpened, head, children, o
   return isOpened ? (
     <div
       className={style(
-        'fixed inset-0 bg-white text-l-light z-50 overflow-x-hidden overflow-y-scroll no-scrollbar',
+        'fixed inset-0 bg-white text-l font-light z-50 overflow-x-hidden overflow-y-scroll no-scrollbar',
         className,
       )}
       role="dialog"

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { Text } from '../../ui-kit/Text/Text';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Img } from '../Img/Img';
 import { InnerTableBodyItem } from './InnerTableBodyItem';
@@ -25,10 +26,12 @@ export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items
         return (
           <div key={key} className="w-full">
             <div
-              className="flex p-4 bg-gray text-xl-light text-center justify-center cursor-pointer relative"
+              className="flex p-4 bg-gray text-center justify-center cursor-pointer relative"
               onClick={() => toggleTables(key)}
             >
-              {_.title}
+              <Text size="text-xl" font="font-light">
+                {_.title}
+              </Text>
               <Img
                 image={{ icon: hiddenTables[key] ? 'PlusIcon' : 'MinusIcon' }}
                 className="absolute right-[22px]"

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

@@ -52,7 +52,7 @@ const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: n
       className="flex border-main-divider border border-t-0 border-x-0 border-solid"
     >
       {headerColumn?.data ? (
-        <div className={`text-xl-light w-[214px] pb-5 ${rowIdx === 0 ? 'pt-8' : 'pt-6'}`}>
+        <div className={`text-xl fontd-light w-[214px] pb-5 ${rowIdx === 0 ? 'pt-8' : 'pt-6'}`}>
           {headerColumn.data}
         </div>
       ) : null}
@@ -68,7 +68,7 @@ const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: n
               key={`row${i}`}
               className="flex flex-col flex-grow justify-center pt-6 pb-5 odd:bg-main-divider"
             >
-              {_?.data ? <div className="text-xl-light mb-3">{_.data}</div> : null}
+              {_?.data ? <div className="text-xl font-light mb-3">{_.data}</div> : null}
               {_?.cols ? renderCols(_.cols, activeColumnIndex) : null}
             </div>
           ))}

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

@@ -17,7 +17,7 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
           {currencies.map((currency, idx) => (
             <div
               key={currency}
-              className={`rounded-md text-xl-light px-4 py-3 cursor-pointer ${
+              className={`rounded-md text-xl font-light px-4 py-3 cursor-pointer ${
                 idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'
               }`}
               onClick={() => setActiveTabIndex(idx)}

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

@@ -74,7 +74,7 @@ const closestValue = (list: number[]) => (_: number) =>
 const renderRangeCaption = (items: string[]) => (
   <div className="flex justify-between my-2">
     {items.map((item, i) => (
-      <Text key={String(i)} size="text-s-light" color="text-secondary-text">
+      <Text key={String(i)} size="text-s" font="font-light" color="text-secondary-text">
         {item}
       </Text>
     ))}

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

@@ -4,7 +4,7 @@ import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../Img/Img';
 
 const LINK_CLASS_NAME = `absolute border border-primary-main ml-3 px-6 py-5
-  text-l-light bg-white text-primary-text flex w-[316px]
+  text-l font-light bg-white text-primary-text flex w-[316px]
   justify-between items-center group-hover/link:text-primary-main z-10`;
 
 const LINK_BORDER_CLASS_NAME =

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

@@ -5,7 +5,7 @@ import { ListItem } from './ListItem';
 import type { ListProps } from './ListProps';
 
 const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
-  S: 'text-l-light',
+  S: 'text-l font-light',
   M: 'text-h6',
   L: 'text-h5',
 };

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

@@ -56,7 +56,7 @@ const ColumnItem = JSX<ColumnItemProps>(({ text, index, basePath, ...rest }) =>
   return (
     <a
       className={style(
-        'text-l-light text-secondary-text hover:text-primary-main no-underline',
+        'text-l font-light text-secondary-text hover:text-primary-main no-underline',
         'overflow-x-hidden overflow-ellipsis whitespace-nowrap',
       )}
       href={href}

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -18,7 +18,7 @@ const dotStyle =
 
 const inactiveDotStyle = 'w-2 h-2 opacity-30';
 
-interface SwipeListControlDotsProps {
+export interface SwipeListControlDotsProps {
   containerRef?: { current: HTMLDivElement | null };
   activeIndex?: number;
   dotCount?: number;

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

@@ -21,6 +21,8 @@ const renderTag = (tag: string, key: number) => (
     key={String(key)}
     role="listitem"
   >
-    <Text size="text-m-light">{tag}</Text>
+    <Text size="text-m" font="font-light">
+      {tag}
+    </Text>
   </div>
 );

package/mobile/src/ui-kit/Text/TextProps.ts

@@ -3,18 +3,7 @@ import type { BlockVersionMolecule } from '../../model/BlockVersion';
 /**
  * @title Размер текста
  */
-export type TextSize =
-  | ''
-  | 'text-xs'
-  | 'text-xs-light'
-  | 'text-s-light'
-  | 'text-s'
-  | 'text-m-light'
-  | 'text-m'
-  | 'text-l-light'
-  | 'text-l'
-  | 'text-xl-light'
-  | 'text-xl';
+export type TextSize = '' | 'text-xs' | 'text-s' | 'text-m' | 'text-l' | 'text-xl';
 
 /**
  * @title Размер текста
@@ -23,7 +12,6 @@ export type TitleSize =
   | ''
   | 'text-h6'
   | 'text-h5'
-  | 'text-h5-light'
   | 'text-h4'
   | 'text-h3'
   | 'text-h2'

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

@@ -16,6 +16,7 @@ export interface TopItemProps extends TopItemContent {
 
 export const TopItem = JSX<TopItemProps>(({ className = '', active, flat, children, ...rest }) => {
   const link = useLink({ isRemote: true });
+  console.log('link', link);
   const { href, target, text, onClick } = link(rest);
 
   return (
@@ -43,7 +44,7 @@ const getLinkStyle = (active = false, flat = false) =>
 
 const getTextStyle = (active = false, flat = false) =>
   style(
-    'font-sans text-s-light',
+    'font-sans text-s font-light',
     active
       ? 'text-primary-main'
       : style(flat ? 'text-primary-text' : 'text-secondary-text', 'hover:text-primary-main'),