@redneckz/wildless-cms-uni-blocks 0.14.584 → 0.14.586

package/mobile/src/ui-kit/FormField/Fields/ChildrenField.tsx

@@ -0,0 +1,15 @@
+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 ChildrenField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество детей до 18 лет"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('children'), validatorObj.children, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/ConscriptionField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const ConscriptionField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: conscription } = useLeadFormData('MILITARY_STATUS');
+
+  return (
+    <SelectField
+      field={field}
+      source={conscription}
+      label="Статус военнообязанного"
+      fieldName="conscription"
+      input={input}
+    />
+  );
+});

package/mobile/src/ui-kit/FormField/Fields/DependentsField.tsx

@@ -0,0 +1,15 @@
+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 DependentsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество иждивенцев"
+    placeholder="За исключение детей до 18 лет"
+    type="number"
+    {...getValidation(field('dependents'), validatorObj.dependents, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/EducationField.tsx

@@ -9,7 +9,7 @@ export const EducationField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={education || []}
+      source={education}
       label="Образование"
       fieldName="education"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/EmployerActivitiesField.tsx

@@ -9,7 +9,7 @@ export const EmployerActivitiesField = JSX<CustomFieldProps>(({ field, input })
   return (
     <SelectField
       field={field}
-      source={employerActivities || []}
+      source={employerActivities}
       label="Вид деятельности организации-работодателя"
       fieldName="employerActivities"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/EmployerOrganizationField.tsx

@@ -9,7 +9,7 @@ export const EmployerOrganizationField = JSX<CustomFieldProps>(({ field, input }
   return (
     <SelectField
       field={field}
-      source={employerOrganization || []}
+      source={employerOrganization}
       label="Вид организации работодателя"
       fieldName="employerOrganization"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/EmploymentField.tsx

@@ -9,7 +9,7 @@ export const EmploymentField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={employment || []}
+      source={employment}
       label="Информация о трудоустройстве"
       fieldName="employment"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/ExpensesField.tsx

@@ -0,0 +1,15 @@
+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 ExpensesField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Обязательные расходы в месяц"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('expenses'), validatorObj.expenses, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/FamilyMembersField.tsx

@@ -0,0 +1,15 @@
+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 FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество членов семьи"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/FamilyStatusField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const FamilyStatusField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
+
+  return (
+    <SelectField
+      field={field}
+      source={familyStatus}
+      label="Семейное положение"
+      fieldName="familyStatus"
+      input={input}
+    />
+  );
+});

package/mobile/src/ui-kit/FormField/Fields/HousingField.tsx

@@ -9,7 +9,7 @@ export const HousingField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={housing || []}
+      source={housing}
       label="Тип жилья"
       fieldName="housing"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/OrganizationField.tsx

@@ -9,7 +9,7 @@ export const OrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={organization || []}
+      source={organization}
       label="Тип организации"
       fieldName="organization"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/PositionOrganizationField.tsx

@@ -9,7 +9,7 @@ export const PositionOrganizationField = JSX<CustomFieldProps>(({ field, input }
   return (
     <SelectField
       field={field}
-      source={positionOrganization || []}
+      source={positionOrganization}
       label="Должность в организации"
       fieldName="positionOrganization"
       input={input}

package/mobile/src/ui-kit/FormField/Fields/RegionPremiumField.tsx

@@ -8,7 +8,7 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 
 export const RegionPremiumField = JSX<CustomFieldProps>(({ field, input }) => {
-  const branchByRegions = useBranchesByRegions();
+  const branchByRegions = useBranchesByRegions(true);
   const regions = useMemo(
     () =>
       branchByRegions?.map(({ region }) => ({

package/mobile/src/ui-kit/FormField/Fields/SnilsField.tsx

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputSnilsControl } from '../../Input/InputSnilsControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const SnilsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputSnilsControl
+    label="СНИЛС"
+    {...getValidation(field('snils'), validatorObj.snils, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/TotalIncomeField.tsx

@@ -0,0 +1,15 @@
+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 TotalIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('totalIncome'), validatorObj.totalIncome, input?.required)}
+    {...input}
+  />
+));

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

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines */
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
 import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
@@ -8,24 +9,31 @@ import { AddressBranchField } from './Fields/AddressBranchField';
 import { AmountField } from './Fields/AmountField';
 import { AmountWorkersField } from './Fields/AmountWorkersField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
+import { ArmyIdFlgField } from './Fields/ArmyIdFlgField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BeginDateField } from './Fields/BeginDateField';
 import { BirthdayField } from './Fields/BirthdayField';
+import { ChildrenField } from './Fields/ChildrenField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
+import { ConscriptionField } from './Fields/ConscriptionField';
 import { ConsentAssignmentField } from './Fields/ConsentAssignmentField';
 import { ConsentCollectionField } from './Fields/ConsentCollectionField';
 import { ConsentInformField } from './Fields/ConsentInformField';
 import { ConsentPhotoFlg } from './Fields/ConsentPhotoField';
 import { ConsentProviderField } from './Fields/ConsentProviderField';
 import { ConsentToReceiveMaterialsField } from './Fields/ConsentToReceiveMaterialsField';
+import { DependentsField } from './Fields/DependentsField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
 import { EducationField } from './Fields/EducationField';
 import { EmailField } from './Fields/EmailField';
 import { EmployerActivitiesField } from './Fields/EmployerActivitiesField';
 import { EmployerOrganizationField } from './Fields/EmployerOrganizationField';
 import { EmploymentField } from './Fields/EmploymentField';
+import { ExpensesField } from './Fields/ExpensesField';
 import { Experience5YearsField } from './Fields/Experience5YearsField';
+import { FamilyMembersField } from './Fields/FamilyMembersField';
+import { FamilyStatusField } from './Fields/FamilyStatusField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
 import { FullAddressField } from './Fields/FullAddressField';
 import { FullNameField } from './Fields/FullNameField';
@@ -52,8 +60,10 @@ import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
 import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
 import { ServiceDirectionField } from './Fields/ServiceDirectionField';
+import { SnilsField } from './Fields/SnilsField';
 import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
+import { TotalIncomeField } from './Fields/TotalIncomeField';
 import { UltraPremiumField } from './Fields/UltraPremiumField';
 import { VedField } from './Fields/VedField';
 import { isRenderField } from './isRenderField';
@@ -130,6 +140,15 @@ export const getField =
       employerActivities: <EmployerActivitiesField field={field} input={input} />,
       employerOrganization: <EmployerOrganizationField field={field} input={input} />,
       positionOrganization: <PositionOrganizationField field={field} input={input} />,
+      familyStatus: <FamilyStatusField field={field} input={input} />,
+      children: <ChildrenField field={field} input={input} />,
+      familyMembers: <FamilyMembersField field={field} input={input} />,
+      dependents: <DependentsField field={field} input={input} />,
+      totalIncome: <TotalIncomeField field={field} input={input} />,
+      expenses: <ExpensesField field={field} input={input} />,
+      snils: <SnilsField field={field} input={input} />,
+      conscription: <ConscriptionField field={field} input={input} />,
+      armyIdFlg: <ArmyIdFlgField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

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

@@ -6,8 +6,10 @@ import {
   defaultSelectValidator,
   defaultValidator,
   innValidator,
+  lengthStringValidator,
   nameValidator,
   phoneValidator,
+  snilsValidator,
 } from './validators';
 
 export const validatorObj: Record<string, Validator> = {
@@ -58,6 +60,15 @@ export const validatorObj: Record<string, Validator> = {
   consentAssignmentClaimsFlg: agreementValidator,
   consentCollectionFlg: agreementValidator,
   consentInformFlg: agreementValidator,
+  familyStatus: defaultValidator,
+  children: lengthStringValidator(2),
+  familyMembers: lengthStringValidator(2),
+  dependents: lengthStringValidator(2),
+  totalIncome: lengthStringValidator(19),
+  expenses: lengthStringValidator(10),
+  snils: snilsValidator,
+  conscription: defaultValidator,
+  armyIdFlg: agreementValidator,
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

package/mobile/src/ui-kit/FormField/validators.ts

@@ -10,6 +10,9 @@ export const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(
 
 export const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
 
+export const lengthStringValidator = (maxLength: number) =>
+  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
+
 export const innValidator = validator(
   (_) => typeof _ === 'string' && (_.length === 10 || _.length === 12),
 )(ERROR_MESSAGE);
@@ -21,3 +24,25 @@ export const phoneValidator = pattern(
 export const agreementValidator = validator((_) => typeof _ === 'boolean' && _)(
   'Согласие обязательно',
 );
+
+const snilsValidate = (snils: string) => {
+  const snl = String(snils).replace(/[^0-9]+/g, '');
+  if (snl.length === 11) {
+    let checksum = 0;
+    for (let i = 0; i < 9; i++) {
+      checksum += parseInt(snl.charAt(i)) * (9 - i);
+    }
+    if (checksum > 101) {
+      checksum = checksum % 101;
+    }
+    if (checksum === 100 || checksum === 101) {
+      checksum = 0;
+    }
+
+    return checksum === parseInt(snl.substr(9));
+  }
+
+  return false;
+};
+
+export const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);

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

@@ -0,0 +1,22 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { SnilsInput } from '../SnilsInput/SnilsInput';
+import { type InputProps } from './InputProps';
+import { renderErrorText } from './renderErrorText';
+
+export const InputSnilsControl = JSX<InputProps>(
+  ({ className, label, value, error, onChange, onBlur, ...rest }) => (
+    <div className={style('shrink-0 w-full', className)}>
+      <SnilsInput
+        aria-label={label}
+        label={rest?.errors ? `${label}*` : label}
+        valid={Boolean(!error)}
+        value={value}
+        onChange={onChange}
+        onBlur={onBlur}
+        placeholder="___-___-___ __"
+      />
+      {renderErrorText(error)}
+    </div>
+  ),
+);

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { Input } from '../Input/Input';
+import { type InputProps } from '../Input/InputProps';
+import { normalizeSnils } from './normalizeSnils';
+
+export const SnilsInput = JSX<InputProps>(({ children, onChange, ...inputProps }) => {
+  const handleChange = useCallback(
+    (v: string) => onChange && onChange(normalizeSnils(v)),
+    [onChange],
+  );
+  const handleBlur = useCallback((v: string) => {
+    if (v === '___-___-___ __') {
+      onChange && onChange('');
+    }
+  }, []);
+
+  return (
+    <Input
+      {...inputProps}
+      onChange={handleChange}
+      onFocus={(ev) => handleChange((ev?.target as HTMLInputElement)?.value || '')}
+      onBlur={(ev) => handleBlur((ev?.target as HTMLInputElement)?.value || '')}
+    >
+      {children}
+    </Input>
+  );
+});

package/mobile/src/ui-kit/SnilsInput/normalizeSnils.ts

@@ -0,0 +1,29 @@
+const isPlaceholder = (_: string) => _ === '_';
+const isDigit = (_: string) => /\d/.test(_);
+const isWildcard = (_: string) => isPlaceholder(_) || isDigit(_);
+
+const snilsPattern = [...'___-___-___ __'];
+
+const firstPlaceholderIndex = snilsPattern.findIndex(isPlaceholder);
+const snilsWildcardIndicies = snilsPattern.map((_, i) =>
+  isWildcard(_) ? snilsPattern.slice(0, i).filter(isWildcard).length : -1,
+);
+
+export function normalizeSnils(snils: string): string {
+  const snilsNumbers = snils.replace(/\D/g, '');
+  const applyPlaceholder = (_: string, i: number) =>
+    isDigit(_) ? _ : snilsNumbers.charAt(snilsWildcardIndicies[i]) || _;
+
+  const result = snilsPattern.map(applyPlaceholder);
+  const resultLength = snilsWildcardIndicies.indexOf(snilsNumbers.length - 1) + 1;
+
+  const isCursorStart = snilsNumbers.length === 0;
+
+  if (!isCursorStart) {
+    return (
+      resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result
+    ).join('');
+  } else {
+    return '';
+  }
+}

package/package.json

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

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -17,7 +17,7 @@ export type SubmitButtonProps = TextProps & {
 /**
  * @title Название поля ввода
  * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации"]
+ * @enumNames ["Фамилия", "Имя", "Отчество", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации", "Email", "Телефон", "ФИО", "ИНН", "ОПФ", "Наименование организации", "Общий стаж", "Стаж на последнем рабочем месте", "Стаж", "Количество мест работы", "Дата начала работы на текущем месте", "Адрес работодателя", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку", "Семейное положение", "Количество иждивенцев", "Количество членов семьи", "Количество детей до 18 лет", "Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)", "Статус военнообязанного", "Обязательные расходы в месяц", "Наличие военного билета", "Обязательные расходы в месяц"]
  */
 export type NameFieldDef =
   | 'surname'
@@ -75,7 +75,16 @@ export type NameFieldDef =
   | 'experience5Years'
   | 'jobsNumber'
   | 'beginDate'
-  | 'fullAddress';
+  | 'fullAddress'
+  | 'familyStatus'
+  | 'children'
+  | 'familyMembers'
+  | 'dependents'
+  | 'totalIncome'
+  | 'expenses'
+  | 'snils'
+  | 'conscription'
+  | 'armyIdFlg';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -18,7 +18,7 @@ export type SubmitButtonProps = TextProps & {
 /**
  * @title Название поля ввода
  * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации", "Email", "Телефон", "ФИО", "ИНН", "ОПФ", "Наименование организации", "Общий стаж", "Стаж на последнем рабочем месте", "Стаж", "Количество мест работы", "Дата начала работы на текущем месте", "Адрес работодателя", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку"]
+ * @enumNames ["Фамилия", "Имя", "Отчество", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации", "Email", "Телефон", "ФИО", "ИНН", "ОПФ", "Наименование организации", "Общий стаж", "Стаж на последнем рабочем месте", "Стаж", "Количество мест работы", "Дата начала работы на текущем месте", "Адрес работодателя", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку", "Семейное положение", "Количество иждивенцев", "Количество членов семьи", "Количество детей до 18 лет", "Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)", "Статус военнообязанного", "Обязательные расходы в месяц", "Наличие военного билета", "Обязательные расходы в месяц"]
  */
 export type NameFieldDef =
   | 'surname'
@@ -76,7 +76,16 @@ export type NameFieldDef =
   | 'consentPhotoFlg'
   | 'consentPfrFlg'
   | 'consentProviderFlg'
-  | 'processPersonalDataLeadFlg';
+  | 'processPersonalDataLeadFlg'
+  | 'familyStatus'
+  | 'children'
+  | 'familyMembers'
+  | 'dependents'
+  | 'totalIncome'
+  | 'expenses'
+  | 'snils'
+  | 'conscription'
+  | 'armyIdFlg';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -65,6 +65,15 @@ export interface FormState {
   consentCollectionFlg?: boolean;
   consentInformFlg?: boolean;
   consentToReceiveMaterials?: boolean;
+  familyStatus?: string;
+  children?: number;
+  familyMembers?: number;
+  dependents?: number;
+  totalIncome?: number;
+  expenses?: number;
+  snils?: string;
+  conscription?: string;
+  armyIdFlg?: boolean;
 }
 
 const initialFormState = {

package/src/hooks/useBranchesByRegions.ts

@@ -2,6 +2,7 @@ import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../utils/fetchJSON';
 
 const REGIONS_URL = '/api/v1/branchesByRegions';
+const PREMIUM_REGIONS_URL = '/api/v1/premiumBranchesByRegions';
 
 export interface Region {
   region: string;
@@ -11,8 +12,11 @@ export interface Region {
   }[];
 }
 
-export function useBranchesByRegions(): Region[] {
-  const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
+export function useBranchesByRegions(isPremium = false): Region[] {
+  const { data } = useAsyncData(
+    isPremium ? PREMIUM_REGIONS_URL : REGIONS_URL,
+    fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>,
+  );
 
   return Array.isArray(data) ? data : [];
 }

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

@@ -16,7 +16,7 @@ export const AddressBranchField = JSX<RegionFieldProps>(({ field, input, isPremi
   const regionKey = fieldRegion?.value?.key as string;
   const regionText = fieldRegion?.value?.text as string;
   const addressBranch = isPremium
-    ? useBranchesByRegions()?.find((_) => _?.region === regionText)?.branches
+    ? useBranchesByRegions(isPremium)?.find((_) => _?.region === regionText)?.branches
     : useBranches(regionKey)?.filter((branch) => branch?.address);
   useEffect(() => {
     if (fieldRegion?.value?.key !== '') {

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

@@ -9,7 +9,7 @@ export const AmountWorkersField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={amountWorkers || []}
+      source={amountWorkers}
       label="Количество работающих в организации"
       fieldName="amountWorkers"
       input={input}

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const ArmyIdFlgField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Наличие военного билета"
+    {...getValidation(field('armyIdFlg'), validatorObj.armyIdFlg)}
+  />
+));

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

@@ -0,0 +1,15 @@
+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 ChildrenField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество детей до 18 лет"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('children'), validatorObj.children, input?.required)}
+    {...input}
+  />
+));

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

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const ConscriptionField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: conscription } = useLeadFormData('MILITARY_STATUS');
+
+  return (
+    <SelectField
+      field={field}
+      source={conscription}
+      label="Статус военнообязанного"
+      fieldName="conscription"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,15 @@
+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 DependentsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество иждивенцев"
+    placeholder="За исключение детей до 18 лет"
+    type="number"
+    {...getValidation(field('dependents'), validatorObj.dependents, input?.required)}
+    {...input}
+  />
+));