@redneckz/wildless-cms-uni-blocks 0.14.26 → 0.14.28

package/mobile/src/components/MobileAppTile/MobileAppTile.tsx

@@ -24,6 +24,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
     items,
     listItemSize,
     qr,
+    additionalDescription = '',
     title = 'Мобильное приложение',
     version = 'primary',
     ...rest
@@ -67,7 +68,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
               'flex-col items-start @xl:flex-row @xl:items-center',
             )}
           >
-            {renderList(items, listItemSize)}
+            {renderList(items, listItemSize, additionalDescription)}
             {qr?.src ? (
               <div
                 className={style(

package/mobile/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,4 +1,7 @@
-import { type HeadlineCommonProps } from '../../model/HeadlineType';
+import {
+  type AdditionalDescriptionProps,
+  type HeadlineCommonProps,
+} from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
 import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
@@ -10,6 +13,7 @@ import { type ListContent } from '../../ui-kit/List/ListContent';
  * @title Мобильное приложение
  */
 export type MobileAppTileContent = UniBlockContent &
+  AdditionalDescriptionProps &
   HeadlineCommonProps &
   HeadingCommonProps &
   ButtonsSectionContent &

package/mobile/src/components/MobileAppTile/renderList.tsx

@@ -1,12 +1,17 @@
 import { List } from '../../ui-kit/List/List';
 import { type ListItemSize } from '../../ui-kit/List/ListContent';
+import { Text } from '../../ui-kit/Text/Text';
 
-export const renderList = (items?: string[], listItemSize?: ListItemSize) => {
+export const renderList = (
+  items?: string[],
+  listItemSize?: ListItemSize,
+  additionalDescription?: string,
+) => {
   return items?.length ? (
     <List items={items} listItemSize={listItemSize} className="text-l font-light" />
   ) : (
-    <span className="text-m font-light text-secondary-text">
-      Наведите камеру телефона на QR-код и скачайте приложение
-    </span>
+    <Text size="text-m" font-weight="font-light" color="text-secondary-text">
+      {additionalDescription}
+    </Text>
   );
 };

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMap.ui.json

@@ -1 +1,16 @@
-{}
+{
+  "content": {
+    "data": {
+      "dataType": {
+        "ui:widget": "hidden"
+      },
+      "list": {
+        "items": {
+          "image": {
+            "ui:field": "picture"
+          }
+        }
+      }
+    }
+  }
+}

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMapContent.ts

@@ -6,6 +6,7 @@ import { type Picture } from '../../model/Picture';
  * @title Пункт
  */
 export type ItemList = {
+  /** @title Название */
   text?: string;
   image?: Picture;
 };
@@ -32,6 +33,7 @@ export type AtmsDef = {
 
 /**
  * @title Данные
+ * @default null
  */
 export type OfficesAtmsBlockDef = EmptyOption | OfficesDef | AtmsDef;
 

package/mobile/src/components/ProductBlock/ProductBlock.tsx

@@ -5,6 +5,7 @@ import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
 import { renderBackwardButton } from './renderBackwardButton';
@@ -18,15 +19,12 @@ export const ProductBlock = JSX<ProductBlockProps>(
       ev?.preventDefault();
       router.back();
     }, []);
-    const borderStyle = showBorder
-      ? 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider'
-      : '';
 
     return (
       <BlockWrapper
         className={style(
           'overflow-hidden flex flex-col gap-3xl box-border',
-          borderStyle,
+          getBorderStyle(showBorder),
           className,
         )}
         defaultPadding="p-6xl"

package/mobile/src/components/ProductGallery/ProductGallery.example.json

@@ -8,7 +8,7 @@
         },
         "productBlock": {
           "title": "Продуктовая галерея",
-          "headlineVersion": "XXL",
+          "headlineVersion": "M",
           "image": {
             "format": "webp",
             "size": {

package/mobile/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.example.json

@@ -3,6 +3,7 @@
   "description": "Описание",
   "__html": "<p>Описание</p>",
   "richVersion": "",
+  "icon": { "format": "webp", "size": { "width": 70, "height": 48 } },
   "button": {
     "text": "Информация о регионе",
     "version": "link",

package/mobile/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.ui.json

@@ -17,6 +17,7 @@
   },
   "style": {
     "ui:options": {
+      "minCols": 6,
       "maxCols": 6
     }
   }

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

@@ -8,7 +8,6 @@ import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { COLS_LENGTH_FOR_SCROLL } from './constants';
-import { headlineAlign } from './headlineAlign';
 import { type TariffsTableContent } from './TariffsTableContent';
 import { TariffsTableRow } from './TariffsTableRow';
 import { TariffsTableWrapper } from './TariffsTableWrapper';
@@ -43,7 +42,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
 
     return (
       <BlockWrapper
-        className={style('overflow-hidden relative space-y-0 @4xl:space-y-xl', className)}
+        className={style('overflow-hidden relative space-y-6xl @4xl:space-y-xl', className)}
         defaultPadding="p-6xl"
         {...rest}
       >
@@ -52,7 +51,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
           description={description}
           headlineVersion="M"
           isEmbedded={true}
-          align={headlineAlign}
+          align="text-center"
         />
         <div className="space-y-m">
           {hiddenRowsNum > 0 ? (

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

@@ -1,7 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-
 import { type CellDef } from './TariffsTableContent';
 import { renderCellInner } from './TariffsTableRenderCell';
 

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -91,6 +91,7 @@ export type InnerTableBlockDef = TariffsTableInnerContent & {
 
 /**
  * @title Содержимое ячейки
+ * @default null
  */
 export type CellDef =
   | EmptyOption

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

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-
 import { type TariffsTableProps } from './TariffsTableContent';
 import { TariffsTableTileCell } from './TariffsTableTileCell';
 

package/mobile/src/components/VerticalLayout/VerticalLayout.tsx

@@ -2,11 +2,14 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { gapStyles } from '../HorizontalLayout/gapStyles';
 import { type VerticalLayoutContent } from './VerticalLayoutContent';
 
-export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
+export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {
+  isInnerBorder?: boolean;
+}
 
 export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
   ({
@@ -16,6 +19,7 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
     isInnerPadding = true,
     version = 'transparent',
     isTheme = false,
+    isInnerBorder = false,
     ...rest
   }) => (
     <BlockWrapper
@@ -27,7 +31,10 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
     >
       {renderChildren({
         ...rest,
-        extraProps: { className: 'w-full', padding: isInnerPadding ? '' : 'p-0' },
+        extraProps: {
+          className: style('w-full', getBorderStyle(isInnerBorder)),
+          padding: isInnerPadding ? '' : 'p-0',
+        },
       })}
     </BlockWrapper>
   ),

package/mobile/src/icons/CardSendIcon.svg

@@ -0,0 +1,9 @@
+<svg title="Карта" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 8.5H14.5" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 16.5H8" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 16.5H14.5" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 11.01V7.89C2 4.38 2.89 3.5 6.44 3.5H14.5" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 14.0298V16.1098C22 19.6198 21.11 20.4998 17.56 20.4998H6.44C2.89 20.4998 2 19.6198 2 16.1098V14.9898" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 9.5V3.5L22 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 3.5L18 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/CoinIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Монеты" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.0004C15.59 22.0004 18.5 19.4704 18.5 16.3504V12.6504C18.5 15.7704 15.59 18.0004 12 18.0004C8.41 18.0004 5.5 15.7704 5.5 12.6504V16.3504C5.5 18.0604 6.37 19.5904 7.75 20.6204" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 7.65C18.5 8.56 18.25 9.4 17.81 10.12C16.74 11.88 14.54 13 12 13C9.46 13 7.26 11.88 6.19 10.12C5.75 9.4 5.5 8.56 5.5 7.65C5.5 6.09 6.22999 4.68 7.39999 3.66C8.57999 2.63 10.2 2 12 2C13.8 2 15.42 2.63 16.6 3.65C17.77 4.68 18.5 6.09 18.5 7.65Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 7.65V12.65C18.5 15.77 15.59 18 12 18C8.41 18 5.5 15.77 5.5 12.65V7.65C5.5 4.53 8.41 2 12 2C13.8 2 15.42 2.63 16.6 3.65C17.77 4.68 18.5 6.09 18.5 7.65Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/ConvertCardIcon.svg

@@ -0,0 +1,8 @@
+<svg title="Конвертирование" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5.55957H22" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.65 10.5H14.22C12.44 10.5 12 10.06 12 8.3V4.2C12 2.44 12.44 2 14.22 2H19.78C21.56 2 22 2.44 22 4.2V8.31C22 10.07 21.56 10.51 19.78 10.51" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 17.0596H12" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.5 22H4.22C2.44 22 2 21.56 2 19.8V15.7C2 13.94 2.44 13.5 4.22 13.5H9.78C11.56 13.5 12 13.94 12 15.7V19.81C12 21.57 11.56 22.01 9.78 22.01" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 9C2 5.13 5.13 2 9 2L7.95001 3.75" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/DzenIcon.svg

@@ -0,0 +1,4 @@
+<svg title="Лого «Дзен»" isInverse="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none">
+  <path fill="currentColor" d="M1.2 11.665C1.2 5.885 6.197 1.2 12.363 1.2c6.166 0 11.165 4.685 11.165 10.465S18.53 22.129 12.364 22.129c-6.166 0-11.165-4.685-11.165-10.464Z"/>
+  <path fill="#ffffff" fill-rule="evenodd" d="M12.03 1.2c-.057 4.242-.366 6.627-2.063 8.218-1.698 1.59-4.242 1.88-8.768 1.933v.627c4.526.053 7.07.343 8.768 1.934 1.697 1.59 2.006 3.975 2.062 8.217h.67c.056-4.242.365-6.626 2.062-8.217 1.698-1.591 4.242-1.88 8.768-1.934v-.627c-4.526-.053-7.07-.342-8.768-1.933C13.063 7.827 12.755 5.442 12.7 1.2h-.67Z" clip-rule="evenodd"/>
+</svg>

package/mobile/src/icons/HeartTickIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Сердцебеение" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.56 3.09961C9.37 3.09961 10.99 3.97965 12 5.32965C13.01 3.97965 14.63 3.09961 16.44 3.09961C19.51 3.09961 22 5.59964 22 8.68964C22 10.6596 21.49 12.3996 20.69 13.9096C19.81 12.9796 18.57 12.3997 17.2 12.3997C14.55 12.3997 12.4 14.5496 12.4 17.1996C12.4 18.4296 12.87 19.5497 13.63 20.3997C13.26 20.5697 12.92 20.7096 12.62 20.8096C12.28 20.9296 11.72 20.9296 11.38 20.8096C8.48 19.8196 2 15.6896 2 8.68964C2 7.13964 2.62 5.73961 3.63 4.72961" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.9999 17.2004C21.9999 18.1004 21.7499 18.9503 21.2999 19.6703C20.4699 21.0603 18.9499 22.0004 17.1999 22.0004C15.4499 22.0004 13.9199 21.0603 13.0999 19.6703C12.6599 18.9503 12.3999 18.1004 12.3999 17.2004C12.3999 14.5504 14.5499 12.4004 17.1999 12.4004C19.8499 12.4004 21.9999 14.5504 21.9999 17.2004Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3301 17.2005L16.5101 18.3805L19.0701 16.0205" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/IconName.ts

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

package/mobile/src/icons/NotificationBingIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Колокольчик нотификаций" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.44043V9.77043" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M20.5899 15.17C21.3199 16.39 20.7399 17.97 19.3899 18.42C14.6099 20.01 9.43993 20.01 4.65993 18.42C3.21993 17.94 2.66993 16.48 3.45993 15.17L4.72993 13.05C5.07993 12.47 5.35993 11.44 5.35993 10.77V8.67C5.35993 4.98 8.33993 2 12.0199 2C15.6799 2 18.6799 5 18.6799 8.66V10.76C18.6799 10.94 18.6999 11.14 18.7299 11.35" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M15.3299 18.8203C15.3299 20.6503 13.8299 22.1503 11.9999 22.1503C11.0899 22.1503 10.2499 21.7703 9.64992 21.1703C9.04992 20.5703 8.66992 19.7303 8.66992 18.8203" stroke="#000000" stroke-width="2" stroke-miterlimit="10"/>
+</svg>

package/mobile/src/icons/Security/320/241ardIcon.svg

@@ -0,0 +1,7 @@
+<svg title="Безопасность" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.00023 7.14012C2.00023 5.92012 2.93024 4.57012 4.07024 4.14012L9.05023 2.2701C9.87023 1.9601 11.2302 1.9601 12.0502 2.2701L17.0202 4.14012C17.9702 4.50012 18.7802 5.5001 19.0302 6.5201H11.7302C11.5102 6.5201 11.3102 6.53011 11.1202 6.53011C9.27022 6.64011 8.79022 7.31012 8.79022 9.42012V14.8501C8.79022 17.1601 9.38022 17.7501 11.7302 17.7501H17.6502C17.5602 17.8301 17.4702 17.9001 17.3802 17.9801L13.1102 21.1801C11.7002 22.2301 9.40022 22.2301 7.98022 21.1801L3.70023 17.9801C2.76023 17.2801 1.99023 15.7301 1.99023 14.5601V11.2401" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.80029 11.2202H22.0003" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.0003 9.42026V14.9702C21.9803 17.1902 21.3703 17.7402 19.0603 17.7402H11.7403C9.3903 17.7402 8.80029 17.1502 8.80029 14.8402V9.41025C8.80029 7.31025 9.28029 6.64023 11.1303 6.52023C11.3203 6.52023 11.5203 6.51025 11.7403 6.51025H19.0603C21.4103 6.52025 22.0003 7.10026 22.0003 9.42026Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3203 15.2603H12.6503" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.75 15.2603H18.02" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -11,13 +11,7 @@ export type BenefitItemProps = ComplexBenefitContent & {
 };
 
 export const BenefitItem = JSX<BenefitItemProps>(({ className, benefitsVersion, ..._ }) => (
-  <div
-    className={style(
-      'flex gap-m min-w-56',
-      'description' in _ && _.description ? 'items-start' : 'items-center',
-      className,
-    )}
-  >
+  <div className={style('flex gap-m min-w-56 items-center', className)}>
     {'icon' in _ ? renderBenefitIcon(_.icon, benefitsVersion) : null}
     <div>{renderBenefitText(_)}</div>
   </div>

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

@@ -29,17 +29,18 @@ const SELECT_PROPS: { className: string; iconVersion: IconVersion; isBorder: boo
 };
 
 const formStyle =
-  'flex justify-between px-m py-s border border-gray rounded-md cursor-pointer ' +
+  'flex justify-between items-center h-14 px-m py-s border rounded-md cursor-pointer ' +
   'hover:border-black active:border-black focus:border-black';
 
 interface DatePickerProps extends ControlProps<Date>, LabelProps {
   className?: string;
   minDate?: Date;
   maxDate?: Date;
+  valid?: boolean;
 }
 
 export const DatePicker = JSX<DatePickerProps>(
-  ({ className = '', label = '', value, minDate, maxDate, onChange }) => {
+  ({ className = '', label = '', value, valid = true, minDate, maxDate, onChange }) => {
     const [showCalendar, { setValue }] = useBool(false);
     const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
     const [selectedYear, setSelectedYear] = useState(
@@ -67,7 +68,7 @@ export const DatePicker = JSX<DatePickerProps>(
     return (
       <div className={style(className, 'relative')} ref={ref}>
         <Text size="text-m">{label}</Text>
-        {renderDatePickerForm(handleChangeVisibleCalendar, value)}
+        {renderDatePickerForm(handleChangeVisibleCalendar, value, valid)}
         {showCalendar ? (
           <div className="absolute bg-white z-10 select-none">
             <div className="flex gap-s">
@@ -105,8 +106,15 @@ export const DatePicker = JSX<DatePickerProps>(
   },
 );
 
-const renderDatePickerForm = (handleChangeVisibleCalendar: () => void, value: Date | undefined) => (
-  <div onClick={handleChangeVisibleCalendar} className={formStyle}>
+const renderDatePickerForm = (
+  handleChangeVisibleCalendar: () => void,
+  value: Date | undefined,
+  valid: boolean,
+) => (
+  <div
+    onClick={handleChangeVisibleCalendar}
+    className={style(formStyle, valid ? 'border-gray' : 'border-error')}
+  >
     <Paragraph>{value && formatDate(value)}</Paragraph>
     <Icon {...ICON_PROPS} name="CalendarIcon" />
   </div>

package/mobile/src/ui-kit/DatePicker/getYears.ts

@@ -1,4 +1,4 @@
-const START_YEAR = 1970;
+const START_YEAR = 1940;
 
 export const getYears = () =>
   Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);

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

@@ -56,7 +56,7 @@ export const Input = JSX<InputProps>(
             ref={inputRef}
             key={key}
             className={style(
-              'w-full border rounded-md text-primary-text outline-none p-m',
+              'w-full h-14 border rounded-md text-primary-text outline-none p-m',
               paddingStyle,
               validStyle,
               inputClassName,

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

@@ -6,7 +6,7 @@ import { Img } from '../Img/Img';
 
 export const NotFound = JSX<NotFoundContent>(({ title, description }) => (
   <div className="bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center">
-    <Img image={{ icon: 'MagnifierIcon' }} width="120" height="120" />
+    <Img image={{ icon: 'MagnifierIcon', iconVersion: 'normal' }} width="120" height="120" />
     <Headline
       title={title}
       description={description}

package/mobile/src/ui-kit/SearchDialog/SearchInput.tsx

@@ -28,7 +28,7 @@ export const SearchInput = JSX<SearchInputProps>(
         </div>
         <input
           className={style(
-            'h-12 w-full px-10 text-l text-black outline-none box-border border border-solid rounded-md',
+            'h-14 w-full px-10 text-l text-black outline-none box-border border border-solid rounded-md',
             'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
           )}
           value={value}

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

@@ -59,7 +59,7 @@ export const Select = JSX<SelectProps>(
         <div className={style('relative', isOpen ? 'z-20' : 'z-10')} ref={inputRef}>
           <div
             className={style(
-              'text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
+              'h-14 text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
               getBorderStyle(isBorder, valid),
             )}
             onClick={isOpen ? handleClose : open}

package/mobile/src/utils/getBorderStyle.ts

@@ -0,0 +1,4 @@
+export const getBorderStyle = (showBorder?: boolean) =>
+  showBorder
+    ? 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider'
+    : '';

package/package.json

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

package/src/api/{CorporateLeadAPI.ts → LeadServiceAPI.ts}

@@ -12,10 +12,12 @@ export interface DaDataResult {
   suggestions?: DaDataSuggestion<DaDataAddress>[];
 }
 
-export function CorporateLeadAPI() {
-  async function send(body: Record<string, string>) {
+export function LeadServiceAPI() {
+  async function send(body: Record<string, string>, isIndividualType?: boolean) {
+    const url = isIndividualType ? '/api/v1/lead' : '/api/v1/sendcorporatelead';
+
     try {
-      const response = await fetch('/api/v1/sendcorporatelead', {
+      const response = await fetch(url, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         mode: 'cors',

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

@@ -48,6 +48,14 @@ const ApplicationFormGrantSupport: ApplicationFormContent = {
   },
 };
 
+const ApplicationFormIndividuals: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormIndividuals',
+    product: 'product',
+  },
+};
+
 export default {
   credit: (
     <div className="container grid grid-cols-12">
@@ -85,4 +93,10 @@ export default {
       <PopupManager />
     </div>
   ),
+  individuals: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormIndividuals} />
+      <PopupManager />
+    </div>
+  ),
 };

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

@@ -48,6 +48,14 @@ const ApplicationFormGrantSupport: ApplicationFormContent = {
   },
 };
 
+const ApplicationFormIndividuals: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormIndividuals',
+    product: 'product',
+  },
+};
+
 export default {
   credit: (
     <div className="container grid grid-cols-12">
@@ -85,4 +93,10 @@ export default {
       <PopupManager />
     </div>
   ),
+  individuals: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormIndividuals} />
+      <PopupManager />
+    </div>
+  ),
 };