@redneckz/wildless-cms-uni-blocks 0.14.592 → 0.14.594

package/mobile/src/ui-kit/FormField/getObjectValidator.tsx

@@ -25,6 +25,7 @@ export const validatorObj: Record<string, Validator> = {
   phone: phoneValidator('Укажите номер телефона'),
   secondaryPhone: phoneValidator('Укажите номер телефона'),
   birthday: defaultValidator('Укажите дату рождения'),
+  birthPlace: defaultValidator('Укажите место рождения'),
   education: defaultValidator('Выберите ваше образование'),
   housing: defaultValidator('Выберите тип жилья'),
   employment: defaultValidator('Выберите информацию о трудоустройстве'),
@@ -78,6 +79,9 @@ export const validatorObj: Record<string, Validator> = {
   snils: snilsValidator('Некорректный номер СНИЛС'),
   conscription: defaultValidator(),
   armyIdFlg: agreementValidator,
+  sex: defaultValidator('Укажите свой пол'),
+  participantAddress: defaultValidator('Необходимо выбрать адрес'),
+  participantDateRegistration: defaultValidator('Укажите дату регистрации'),
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

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

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type IconVersion } from '../../model/IconVersion';
+import { Icon } from '../Icon/Icon';
+import { type IconName } from '../Icon/IconProps';
+import { RichText } from '../RichText/RichText';
+
+interface InfoCardProps {
+  __html?: string;
+  icon?: IconName;
+  iconVersion?: IconVersion;
+}
+
+export const InfoCard = JSX<InfoCardProps>(({ __html, icon, iconVersion = 'black' }) => (
+  <div className="flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m justify-evenly p-m">
+    <div className="rounded-full bg-white p-xs">
+      <Icon name={icon} width="24" height="24" iconVersion={iconVersion} />
+    </div>
+    <RichText __html={__html} />
+  </div>
+));

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

@@ -6,6 +6,7 @@ import { inputValidStyle } from './inputValidStyle';
 import { renderLabel } from './renderLabel';
 
 export const Input = JSX<InputProps>(
+  // eslint-disable-next-line max-lines-per-function
   ({
     key,
     className = '',
@@ -23,6 +24,7 @@ export const Input = JSX<InputProps>(
     pattern,
     autoFocus = false,
     isTextarea = false,
+    disabled = false,
   }) => {
     const inputRef = useRef<HTMLInputElement | null>(null);
 
@@ -58,6 +60,7 @@ export const Input = JSX<InputProps>(
               onChange={handleChange}
               onFocus={onFocus}
               onBlur={onBlur}
+              disabled={disabled}
             />
           ) : (
             <input
@@ -73,6 +76,7 @@ export const Input = JSX<InputProps>(
               onFocus={onFocus}
               onBlur={onBlur}
               pattern={pattern}
+              disabled={disabled}
             />
           )}
         </label>

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

@@ -4,19 +4,15 @@ import { PhoneInput } from '../PhoneInput/PhoneInput';
 import { type InputProps } from './InputProps';
 import { renderErrorText } from './renderErrorText';
 
-export const InputPhoneControl = JSX<InputProps>(
-  ({ className, label, value, error, onChange, onBlur, ...rest }) => (
-    <div className={style('shrink-0 w-full', className)}>
-      <PhoneInput
-        aria-label={label}
-        label={rest?.errors ? `${label}*` : label}
-        valid={Boolean(!error)}
-        value={value}
-        onChange={onChange}
-        onBlur={onBlur}
-        placeholder="+7 (___) ___-__-__"
-      />
-      {renderErrorText(error)}
-    </div>
-  ),
-);
+export const InputPhoneControl = JSX<InputProps>(({ className, label, error, ...rest }) => (
+  <div className={style('shrink-0 w-full', className)}>
+    <PhoneInput
+      aria-label={label}
+      label={rest?.errors ? `${label}*` : label}
+      valid={Boolean(!error)}
+      placeholder="+7 (___) ___-__-__"
+      {...rest}
+    />
+    {renderErrorText(error)}
+  </div>
+));

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

@@ -3,12 +3,14 @@ import { type TextProps } from '../../model/HeadlineType';
 import { type ListOrientation } from '../../model/ListOrientation';
 import { style } from '../../utils/style';
 import { Checkbox } from '../Checkbox/Checkbox';
+import { Text } from '../Text/Text';
 
 export type RadioButtonItem = TextProps & {
   id: string;
 };
 
 interface RadioButtonGroupProps {
+  title?: string;
   items?: RadioButtonItem[];
   checkedItem?: string;
   className?: string;
@@ -18,12 +20,13 @@ interface RadioButtonGroupProps {
 }
 
 const orientationStyleMap: Record<ListOrientation, string> = {
-  horizontal: 'gap-5xl',
-  vertical: 'flex-col gap-s',
+  horizontal: '@lg:flex-row',
+  vertical: '',
 };
 
 export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
   ({
+    title,
     items,
     checkedItem,
     className,
@@ -31,21 +34,30 @@ export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
     disabled = false,
     orientation = 'horizontal',
   }) => (
-    <div
-      className={style(`flex ${orientationStyleMap[orientation]}`, className)}
-      role="radiogroup"
-      aria-label="Группа кнопок"
-    >
-      {items?.map(({ id, text }) => (
-        <Checkbox
-          key={String(id)}
-          isRadio
-          text={text}
-          value={checkedItem === id}
-          onChange={() => onChangeCheckedItem && onChangeCheckedItem(id)}
-          disabled={disabled}
-        />
-      ))}
+    <div className="grid gap-xs whitespace-nowrap">
+      {title ? (
+        <div role="radiogroup" aria-label={title}>
+          <Text color="text-secondary-text" font="font-light">
+            {title}
+          </Text>
+        </div>
+      ) : null}
+      <div
+        className={style('flex flex-col gap-s', orientationStyleMap[orientation], className)}
+        role="radiogroup"
+        aria-label="Группа кнопок"
+      >
+        {items?.map(({ id, text }) => (
+          <Checkbox
+            key={String(id)}
+            isRadio
+            text={text}
+            value={checkedItem === id}
+            onChange={() => onChangeCheckedItem && onChangeCheckedItem(id)}
+            disabled={disabled}
+          />
+        ))}
+      </div>
     </div>
   ),
 );

package/package.json

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

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -5,6 +5,7 @@ import { type AspectsProps } from '../../model/AspectsProps';
 import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type Target } from '../../model/LinkProps';
+import { type NameFieldDef } from '../../ui-kit/FormField/NameFieldDef';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 interface Required {
@@ -15,82 +16,6 @@ interface Required {
 export type SubmitButtonProps = TextProps & {
   version?: LinkButtonVersion;
 };
-/**
- * @title Название поля ввода
- * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации", "Серия документа", "Номер документа", "Дата выдачи", "Код подразделения", "Кем выдан", "Email", "Телефон", "ФИО", "ИНН", "ОПФ", "Наименование организации", "Общий стаж", "Стаж на последнем рабочем месте", "Стаж", "Количество мест работы", "Дата начала работы на текущем месте", "Адрес работодателя", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку", "Семейное положение", "Количество иждивенцев", "Количество членов семьи", "Количество детей до 18 лет", "Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)", "Статус военнообязанного", "Обязательные расходы в месяц", "Наличие военного билета", "Обязательные расходы в месяц"]
- */
-export type NameFieldDef =
-  | 'surname'
-  | 'name'
-  | 'middleName'
-  | 'education'
-  | 'housing'
-  | 'employment'
-  | 'organization'
-  | 'amountWorkers'
-  | 'employerActivities'
-  | 'employerOrganization'
-  | 'positionOrganization'
-  | 'dulSerie'
-  | 'dulNumber'
-  | 'dulIssueDateField'
-  | 'dulSubdivisionCode'
-  | 'dulIssuedBy'
-  | 'email'
-  | 'phone'
-  | 'fullName'
-  | 'inn'
-  | 'comment'
-  | 'region'
-  | 'addressBranch'
-  | 'typeForm'
-  | 'birthday'
-  | 'isClient'
-  | 'consentToReceiveMaterials'
-  | 'acquiringType'
-  | 'onlineCheckout'
-  | 'posTerminal'
-  | 'serviceDirection'
-  | 'serviceType'
-  | 'feedbackMethod'
-  | 'bankEmpolee'
-  | 'applicationDate'
-  | 'secondaryPhone'
-  | 'vedTypes'
-  | 'term'
-  | 'amount'
-  | 'annualRevenue'
-  | 'collectionCount'
-  | 'desiredMeetingDate'
-  | 'product'
-  | 'localities'
-  | 'partnerComments'
-  | 'consentDataProcessing'
-  | 'consentInformFlg'
-  | 'consentCollectionFlg'
-  | 'consentAssignmentClaimsFlg'
-  | 'consentPhotoFlg'
-  | 'consentPfrFlg'
-  | 'consentProviderFlg'
-  | 'processPersonalDataLeadFlg'
-  | 'legalForm'
-  | 'organizationName'
-  | 'generalSeniority'
-  | 'lastJobExperience'
-  | 'experience5Years'
-  | 'jobsNumber'
-  | 'beginDate'
-  | 'fullAddress'
-  | 'familyStatus'
-  | 'children'
-  | 'familyMembers'
-  | 'dependents'
-  | 'totalIncome'
-  | 'expenses'
-  | 'snils'
-  | 'conscription'
-  | 'armyIdFlg';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */

package/src/components/ApplicationForm/getFormatData.tsx

@@ -38,6 +38,6 @@ const getRegion = (region?: Option): Record<string, string> =>
 const getVedTypes = (vedTypes?: string): { vedTypes?: Record<string, boolean> } =>
   vedTypes
     ? {
-        vedTypes: Object.fromEntries(VED_TYPES.map((v) => [v, v === vedTypes])),
+        vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
       }
     : {};

package/src/components/ApplicationLeadForm/ApplicationLeadForm.fixture.tsx

@@ -23,7 +23,12 @@ export default {
           {
             columns: 2,
             inputs: [
-              { fieldType: 'common', name: 'surname', required: true, dadata: true },
+              {
+                fieldType: 'common',
+                name: 'participantAddress',
+                required: true,
+                dadata: true,
+              },
               { fieldType: 'common', name: 'name', required: true, dadata: true },
               { fieldType: 'common', name: 'middleName', dadata: true },
               { fieldType: 'common', name: 'birthday', required: true },
@@ -49,6 +54,64 @@ export default {
       <DialogManager />
     </div>
   ),
+  step1: (
+    <div className="container grid grid-cols-12">
+      <ApplicationLeadForm
+        className="col-span-12"
+        title="Заявка на кредит &#171;Кредит на любые цели&#187;"
+        typeForm="CORRUPTION"
+        endpoint="lead"
+        sections={[
+          { title: 'Персональные данные', inputs: [] },
+          {
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'middleName', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'middleName' },
+              { fieldType: 'common', name: 'sex', required: true },
+              { fieldType: 'common', name: 'birthday', required: true },
+              { fieldType: 'common', name: 'birthPlace', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email', required: true },
+            ],
+          },
+          {
+            title: 'Паспортные данные',
+            inputs: [
+              { fieldType: 'common', name: 'dulSerie', required: true },
+              { fieldType: 'common', name: 'dulNumber', required: true },
+              { fieldType: 'common', name: 'dulIssueDateField', required: true },
+              { fieldType: 'common', name: 'dulSubdivisionCode', required: true },
+            ],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'dulIssuedBy', required: true },
+              {
+                fieldType: 'common',
+                name: 'education',
+                required: true,
+              },
+            ],
+          },
+          {
+            title: 'Адрес регистрации по месту жительства',
+            inputs: [],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'participantDateRegistration', required: true },
+              { fieldType: 'common', name: 'participantAddress', required: true },
+            ],
+          },
+        ]}
+        button={button}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
   employmentData: (
     <div className="container grid grid-cols-12">
       <ApplicationLeadForm

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -1,9 +1,8 @@
-/* eslint-disable max-len */
-
 import { type FormFieldRegisterer } from '../../hooks/useForm';
 import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type Target } from '../../model/LinkProps';
+import { type NameFieldDef } from '../../ui-kit/FormField/NameFieldDef';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 import { type FormState } from './getInitialFormState';
 
@@ -15,82 +14,6 @@ interface Required {
 export type SubmitButtonProps = TextProps & {
   version?: LinkButtonVersion;
 };
-/**
- * @title Название поля ввода
- * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации", "Серия документа", "Номер документа", "Дата выдачи", "Код подразделения", "Кем выдан", "Email", "Телефон", "ФИО", "ИНН", "ОПФ", "Наименование организации", "Общий стаж", "Стаж на последнем рабочем месте", "Стаж", "Количество мест работы", "Дата начала работы на текущем месте", "Адрес работодателя", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку", "Семейное положение", "Количество иждивенцев", "Количество членов семьи", "Количество детей до 18 лет", "Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)", "Статус военнообязанного", "Обязательные расходы в месяц", "Наличие военного билета", "Обязательные расходы в месяц"]
- */
-export type NameFieldDef =
-  | 'surname'
-  | 'name'
-  | 'middleName'
-  | 'education'
-  | 'housing'
-  | 'employment'
-  | 'organization'
-  | 'amountWorkers'
-  | 'employerActivities'
-  | 'employerOrganization'
-  | 'positionOrganization'
-  | 'dulSerie'
-  | 'dulNumber'
-  | 'dulIssueDateField'
-  | 'dulSubdivisionCode'
-  | 'dulIssuedBy'
-  | 'email'
-  | 'phone'
-  | 'fullName'
-  | 'inn'
-  | 'legalForm'
-  | 'organizationName'
-  | 'generalSeniority'
-  | 'lastJobExperience'
-  | 'experience5Years'
-  | 'jobsNumber'
-  | 'beginDate'
-  | 'fullAddress'
-  | 'comment'
-  | 'region'
-  | 'addressBranch'
-  | 'typeForm'
-  | 'birthday'
-  | 'isClient'
-  | 'consentToReceiveMaterials'
-  | 'acquiringType'
-  | 'onlineCheckout'
-  | 'posTerminal'
-  | 'serviceDirection'
-  | 'serviceType'
-  | 'feedbackMethod'
-  | 'bankEmpolee'
-  | 'applicationDate'
-  | 'secondaryPhone'
-  | 'vedTypes'
-  | 'term'
-  | 'amount'
-  | 'annualRevenue'
-  | 'collectionCount'
-  | 'desiredMeetingDate'
-  | 'product'
-  | 'localities'
-  | 'partnerComments'
-  | 'consentDataProcessing'
-  | 'consentInformFlg'
-  | 'consentCollectionFlg'
-  | 'consentAssignmentClaimsFlg'
-  | 'consentPhotoFlg'
-  | 'consentPfrFlg'
-  | 'consentProviderFlg'
-  | 'processPersonalDataLeadFlg'
-  | 'familyStatus'
-  | 'children'
-  | 'familyMembers'
-  | 'dependents'
-  | 'totalIncome'
-  | 'expenses'
-  | 'snils'
-  | 'conscription'
-  | 'armyIdFlg';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -14,7 +14,10 @@ export interface FormState {
   name?: string;
   middleName?: string;
   fullName?: string;
+  registrationDate?: Date;
   birthday?: Date;
+  birthPlace?: string;
+  sex?: string;
   phone?: string;
   secondaryPhone?: string;
   education?: string;
@@ -79,6 +82,8 @@ export interface FormState {
   snils?: string;
   conscription?: string;
   armyIdFlg?: boolean;
+  participantAddress?: string;
+  participantDateRegistration?: Date;
 }
 
 const initialFormState = {
@@ -112,6 +117,8 @@ const initialFormState = {
   consentAssignmentClaimsFlg: false,
   consentCollectionFlg: false,
   consentInformFlg: false,
+  participantAddress: '',
+  participantDateRegistration: undefined,
 };
 
 export const getInitialFormState = (inputs: FieldDef[], typeForm = ''): FormState => {

package/src/icons/IconName.ts

@@ -92,6 +92,7 @@ export enum IconMap {
   HeartTickIcon = 'HeartTickIcon',
   HouseIcon = 'HouseIcon',
   HuaweiIcon = 'HuaweiIcon',
+  InfoCircleIcon = 'InfoCircleIcon',
   LockIcon = 'LockIcon',
   LogoIcon = 'LogoIcon',
   LoupeIcon = 'LoupeIcon',
@@ -202,6 +203,7 @@ export enum IconTitleMap {
   HeartTickIcon = 'Сердцебеение',
   HouseIcon = 'Ипотека',
   HuaweiIcon = 'Лого «Huawei»',
+  InfoCircleIcon = 'Инфо',
   LockIcon = 'Замок',
   LogoIcon = 'Логотип',
   LoupeIcon = 'Лупа',
@@ -258,7 +260,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Достижение', 'Деньги', 'Предупреждение', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Логотип', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты (желтый)', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'RefreshIcon', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
+ *   'Достижение', 'Деньги', 'Предупреждение', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебиение', 'Ипотека', 'Лого «Huawei»', 'Инфо', 'Замок', 'Логотип', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты (желтый)', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'RefreshIcon', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
  * ]
  */
 export type IconName =
@@ -321,6 +323,7 @@ export type IconName =
   | 'HeartTickIcon'
   | 'HouseIcon'
   | 'HuaweiIcon'
+  | 'InfoCircleIcon'
   | 'LockIcon'
   | 'LogoIcon'
   | 'LoupeIcon'

package/src/icons/InfoCircleIcon.svg

@@ -0,0 +1,5 @@
+<svg title='Инфо' isInverse="true" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 6.8125C10.4602 6.8125 10.8333 7.1856 10.8333 7.64583V11.8125C10.8333 12.2727 10.4602 12.6458 9.99996 12.6458C9.53972 12.6458 9.16663 12.2727 9.16663 11.8125V7.64583C9.16663 7.1856 9.53972 6.8125 9.99996 6.8125Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.30154 2.59342C7.43399 2.08704 8.69161 1.8125 10 1.8125C15.0603 1.8125 19.1667 5.91893 19.1667 10.9792C19.1667 16.0394 15.0603 20.1458 10 20.1458C4.9398 20.1458 0.833374 16.0394 0.833374 10.9792C0.833374 8.91627 1.52148 7.00918 2.66623 5.47981C2.94202 5.11135 3.46428 5.03623 3.83273 5.31202C4.20119 5.58781 4.27631 6.11007 4.00052 6.47853C3.06193 7.73248 2.50004 9.29206 2.50004 10.9792C2.50004 15.1189 5.86028 18.4792 10 18.4792C14.1398 18.4792 17.5 15.1189 17.5 10.9792C17.5 6.8394 14.1398 3.47917 10 3.47917C8.92514 3.47917 7.89943 3.70462 6.98188 4.11491C6.56173 4.30278 6.06883 4.11448 5.88096 3.69434C5.69309 3.27419 5.88139 2.78129 6.30154 2.59342Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.16211 14.3138C9.16211 13.8536 9.53521 13.4805 9.99544 13.4805H10.0029C10.4632 13.4805 10.8363 13.8536 10.8363 14.3138C10.8363 14.774 10.4632 15.1471 10.0029 15.1471H9.99544C9.53521 15.1471 9.16211 14.774 9.16211 14.3138Z" fill="currentColor"/>
+</svg>

package/src/ui-kit/FormField/Fields/BirthPlaceField.tsx

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const BirthPlaceField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Место рождения"
+    {...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/NameField.tsx

@@ -1,18 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type FieldDef } from '../../../components/ApplicationForm/ApplicationFormContent';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 
-export const NameField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { required, ...rest } = input as FieldDef;
-
-  return (
-    <InputControl
-      label="Имя"
-      {...getValidation(field('name'), validatorObj.name, required)}
-      {...rest}
-    />
-  );
-});
+export const NameField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Имя"
+    {...getValidation(field('name'), validatorObj.name, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/ParticipantAddressField.tsx

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const ParticipantAddressField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Адрес"
+    {...getValidation(
+      field('participantAddress'),
+      validatorObj.participantAddress,
+      input?.required,
+    )}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/ParticipantDateRegistrationField.tsx

@@ -0,0 +1,16 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const ParticipantDateRegistrationField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl
+    label="Дата регистрации по месту жительства"
+    {...getValidation(
+      field('participantDateRegistration'),
+      validatorObj.participantDateRegistration,
+      input?.required,
+    )}
+  />
+));

package/src/ui-kit/FormField/Fields/PhoneField.tsx

@@ -8,5 +8,6 @@ export const PhoneField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputPhoneControl
     label="Телефон"
     {...getValidation(field('phone'), validatorObj.phone, input?.required)}
+    {...input}
   />
 ));