@redneckz/wildless-cms-uni-blocks 0.14.767 → 0.14.768

package/src/ui-kit/DraftDialog/utils.ts

@@ -0,0 +1,162 @@
+/* eslint-disable camelcase */
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { countIncomeAverage } from '../../services/retail/adaptors/getFamilyStatusAndIncomeData';
+import { type DictionaryItem } from '../../services/retail/model/LeadFormData';
+import { type Option } from '../Select/Option';
+
+export const enum EContactType {
+  MainPhone = 'MAIN_PHONE',
+  SecondPhone = 'SECOND_PHONE',
+  HomePhoneFact = 'HOME_PHONE_FACT',
+  HomePhoneReg = 'HOME_PHONE_REG',
+  OrganizationPhone = 'ORGANIZATION_PHONE',
+  EMail = 'EMAIL',
+}
+
+export const enum EAddressType {
+  REGISTRATION = 'REGISTRATION',
+  RESIDENTAL = 'RESIDENTAL',
+  WORK = 'WORK',
+}
+
+export const enum EIncomesType {
+  INCOME_AVERAGE = 'INCOME_AVERAGE',
+  MANDATORY_PAYMENTS = 'MANDATORY_PAYMENTS',
+  ADDITIONAL_INCOME = 'ADDITIONAL_INCOME',
+  OTHER_INCOME = 'OTHER_INCOME',
+  OTHER_PAYMENTS = 'OTHER_PAYMENTS',
+  RENTAL_INCOME = 'RENTAL_INCOME',
+  WAGES = 'WAGES',
+  RETIREMENT_INCOME = 'RETIREMENT_INCOME',
+}
+
+export const EMPLOYMENT_TYPE = {
+  WORK: 'Работаю',
+  RETIREE: 'Пенсионер',
+};
+
+export const INCOME_CERTIFICATE = {
+  BANK_STATEMENT: 'Получаю зарплату на счет/карту в РСХБ',
+  BANK_STATEMENT_PENS: 'Получаю пенсию на счет/карту в РСХБ',
+  PFR_CERTIFICATE: 'Получаю зарплату на счет/карту в другом банке',
+  OTHER: 'Другое',
+};
+
+export const creditCodesToProgrammIdMap = {
+  credit_cash: '10',
+  credit_cash_single_doc: '28',
+  credit_mcx: '39',
+  family_offer_credit: '41',
+  gas_engine_fuel: '33',
+  pension_credit: '12',
+  ref_credit: '11',
+  ref_credit_single_doc: '29',
+  self_employed: '34',
+  summer_cash: '35',
+  summer_cash_pens: '36',
+};
+
+export const cardCodesToProgrammIdMap = {
+  amur_card: '14',
+  owner_card: '13',
+  travel_card: '15',
+};
+
+export const creditProgramCodeToProductIdMap = {
+  ...creditCodesToProgrammIdMap,
+  ...cardCodesToProgrammIdMap,
+};
+
+export const getParticipantIncomes = (participantIncomes: Participant['participantIncomes']) => {
+  const wages = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.WAGES,
+  )?.value;
+  const mandatoryPayments = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.MANDATORY_PAYMENTS,
+  )?.value;
+  const additionalIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.ADDITIONAL_INCOME,
+  )?.value;
+  const otherIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.OTHER_INCOME,
+  )?.value;
+  const otherPayments = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.OTHER_PAYMENTS,
+  )?.value;
+  const rentalIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.RENTAL_INCOME,
+  )?.value;
+  const retirementIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.RETIREMENT_INCOME,
+  )?.value;
+  const incomeAverage = countIncomeAverage(wages, retirementIncome);
+
+  return {
+    wages,
+    mandatoryPayments,
+    incomeAverage,
+    additionalIncome,
+    otherIncome,
+    otherPayments,
+    rentalIncome,
+    retirementIncome,
+  };
+};
+
+export const getParticipantAddresses = (
+  participantAddresses: Participant['participantAddresses'],
+) => {
+  const addressRegistration = participantAddresses?.find(
+    (address) => address.addressType.key === EAddressType.REGISTRATION,
+  );
+  const addressFact = participantAddresses?.find(
+    (address) => address.addressType.key === EAddressType.RESIDENTAL,
+  );
+  const organizationAddress = participantAddresses?.find(
+    (address) => address.addressType.key === EAddressType.WORK,
+  );
+
+  return {
+    addressRegistration,
+    addressFact,
+    organizationAddress,
+  };
+};
+
+export const getParticipantContacts = (participantContacts: Participant['participantContacts']) => {
+  const email = participantContacts?.find(
+    (contact) => contact.contactTypeCd.key === EContactType.EMail,
+  )?.value;
+  const phone = participantContacts?.find(
+    (contact) => contact.contactTypeCd.key === EContactType.MainPhone,
+  )?.value;
+  const organizationPhone = participantContacts?.find(
+    (contact) => contact.contactTypeCd.key === EContactType.OrganizationPhone,
+  )?.value;
+
+  return {
+    email,
+    phone,
+    organizationPhone,
+  };
+};
+
+export const getParticipantGender = (gender: Participant['genderCd']) => {
+  return gender?.key
+    ? {
+        sex: gender.key === 'MAN' ? 'male' : 'female',
+      }
+    : null;
+};
+
+export const getSelectValue = (
+  option?: DictionaryItem,
+  map?: Record<string, string>,
+): Option | undefined => {
+  return option?.key
+    ? {
+        key: option.key,
+        text: map ? map[option.key] : option.value,
+      }
+    : undefined;
+};

package/src/ui-kit/EsiaLoginDialog/EsiaLoginDialog.fixture.tsx

@@ -0,0 +1,7 @@
+import '../../setup-fixture';
+
+import { EsiaLoginDialog } from './EsiaLoginDialog';
+
+export default {
+  default: <EsiaLoginDialog />,
+};

package/src/ui-kit/EsiaLoginDialog/EsiaLoginDialog.tsx

@@ -0,0 +1,59 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { getLink } from '../../api/RetailAPI/getLink';
+import { locationNavigator } from '../../external/locationNavigator';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+import { Img } from '../Img/Img';
+
+export interface EsiaLoginDialogProps {
+  onClose?: () => void;
+}
+
+export const EsiaLoginDialog = JSX<EsiaLoginDialogProps>(({ onClose }) => {
+  const navigator = locationNavigator();
+  const retailFormStore = useRetailFormStore();
+
+  const handleAuth = useCallback(async () => {
+    const resp = await getLink({
+      redirectUri: navigator.href,
+    });
+
+    if (resp?.link) {
+      navigator.assign(resp.link);
+    }
+  }, []);
+
+  const handleClose = useCallback(() => {
+    if (retailFormStore.leadForm) {
+      const leadForm = { ...retailFormStore.leadForm };
+      delete leadForm.esiaAccountTypeCd;
+      retailFormStore.leadForm = leadForm;
+    }
+    onClose?.();
+  }, []);
+
+  return (
+    <Dialog className="my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg" onClose={handleClose}>
+      <div className="flex flex-col gap-lg items-center rounded-md">
+        <div className="flex items-center justify-around w-full px-m">
+          <ul className="list-disc">
+            <li>Вероятность одобрения выше</li>
+            <li>Без справок о доходах и трудоустройстве</li>
+            <li>С защитой Ваших данных</li>
+          </ul>
+          <Img image={{ icon: 'GosUslugiIcon', iconVersion: 'normal' }} height="70" />
+        </div>
+        <div className="flex flex-wrap gap-lg w-full">
+          <Button type="button" onClick={handleAuth}>
+            Заполнить через Госуслуги
+          </Button>
+          <Button type="button" version="secondary" onClick={handleClose}>
+            Пропустить
+          </Button>
+        </div>
+      </div>
+    </Dialog>
+  );
+});

package/src/ui-kit/EsiaLoginDialog/useEsiaLoginDialog.tsx

@@ -0,0 +1,13 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { locationNavigator } from '../../external/locationNavigator';
+import { useDialog } from '../DialogManager/useDialog';
+import { EsiaLoginDialog } from './EsiaLoginDialog';
+
+export const useEsiaLoginDialog = (nextStepLink: string) => {
+  const { open } = useDialog(EsiaLoginDialog);
+  const navigator = locationNavigator();
+
+  return useCallback(() => {
+    open({ onClose: () => navigator.assign(nextStepLink) });
+  }, [open, nextStepLink]);
+};

package/src/ui-kit/FormField/BaseFieldDef.ts

@@ -3,6 +3,6 @@ export interface BaseFieldDef {
   required?: boolean;
   condition?: {
     name: string;
-    values: string[];
+    values: Array<string | boolean>;
   };
 }

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

@@ -0,0 +1,69 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const AddressFactField = JSX<CustomFieldProps>(({ field, input }) => {
+  const fieldName = 'addressFact';
+  const fieldValue = field(fieldName).value;
+  const { value } = field('addressMatch');
+
+  useEffect(() => {
+    if (value) {
+      field('addressFact')?.onChange?.(field('addressRegistration').value);
+    }
+  }, [value, field('addressRegistration').value]);
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.(fieldName)?.onChange?.({
+      apartment: item?.data?.flat,
+      city: item?.data?.city,
+      district: item?.data?.area_with_type,
+      fullAddress: item?.value,
+      fiasCode: item?.data?.fias_id,
+      house: item?.data?.house,
+      locality: item?.data?.settlement_with_type,
+      okatoRegionCode: item?.data?.okato,
+      postcode: item?.data?.postal_code,
+      region: item?.data?.region,
+      regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
+      street: item?.data?.house,
+      qc: item?.data?.qc,
+      qcComplete: item?.data?.qc_complete,
+      qcHouse: item?.data?.qc_house,
+    });
+  }, []);
+
+  const onChange = useCallback((val: string) => {
+    field?.(fieldName)?.onChange?.({
+      apartment: '',
+      city: '',
+      district: '',
+      fullAddress: val,
+      fiasCode: '',
+      house: '',
+      locality: '',
+      okatoRegionCode: '',
+      postcode: '',
+      region: '',
+      regionCode: '',
+      street: '',
+      qc: '',
+      qcComplete: '',
+      qcHouse: '',
+    });
+  }, []);
+
+  return (
+    <InputControl
+      label="Адрес"
+      disabled={value}
+      {...field(fieldName)}
+      value={fieldValue?.fullAddress}
+      onChange={onChange}
+      {...input}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

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

@@ -0,0 +1,65 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+export const AddressField = JSX<CustomFieldProps>(({ field, input }) => {
+  const fieldName = input?.name || 'addressRegistration';
+  const fieldValue = field(fieldName).value;
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.(fieldName)?.onChange?.(getAddressFromDaDataItem(item));
+  }, []);
+
+  const onChange = useCallback((value: string) => {
+    field?.(fieldName)?.onChange?.({
+      apartment: '',
+      city: '',
+      district: '',
+      fullAddress: value,
+      fiasCode: '',
+      house: '',
+      locality: '',
+      okatoRegionCode: '',
+      postcode: '',
+      region: '',
+      regionCode: '',
+      street: '',
+      qc: '',
+      qcComplete: '',
+      qcHouse: '',
+    });
+  }, []);
+
+  return (
+    <InputControl
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, fieldName)}
+      label="Адрес"
+      {...field(fieldName)}
+      value={fieldValue?.fullAddress}
+      onChange={onChange}
+      {...input}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});
+
+export const getAddressFromDaDataItem = (item?: DaDataSuggestion) => ({
+  apartment: item?.data?.flat,
+  city: item?.data?.city,
+  district: item?.data?.area_with_type,
+  fullAddress: item?.unrestricted_value,
+  fiasCode: item?.data?.fias_id,
+  house: item?.data?.house,
+  locality: item?.data?.settlement_with_type,
+  okatoRegionCode: item?.data?.okato,
+  postcode: item?.data?.postal_code,
+  region: item?.data?.region,
+  regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
+  street: item?.data?.street,
+  qc: item?.data?.qc,
+  qcComplete: item?.data?.qc_complete,
+  qcHouse: item?.data?.qc_house,
+});

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const AddressMatchField = JSX<CustomFieldProps>(({ field, input }) => {
+  return (
+    <CheckboxWithError
+      text="Адрес фактического места жительства совпадает с адресом регистрации"
+      {...field(input?.name ?? '')}
+    />
+  );
+});

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

@@ -0,0 +1,60 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { fetchRegionOffices, type OfficeType } from '../../../api/RetailAPI/regionOffices';
+import { getOfficePoint } from '../../../components/OfficesAtmsMap/renderOfficeCard';
+import { useOfficesAtmsMapData } from '../../../components/OfficesAtmsMap/useOfficesAtmsMapData';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { ClientOnly } from '../../ClientOnly';
+import { SelectControl } from '../../Select/SelectControl';
+import { YandexMap } from '../../YandexMap/YandexMap';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [offices, setOffices] = useState<OfficeType[]>([]);
+  const { data } = useLeadFormData('REGION_RF');
+
+  const regionValue = field('regionRetail')?.value || {};
+  const addressField = field(input?.name ?? '');
+
+  useEffect(() => {
+    (async () => {
+      const officesList = await fetchRegionOffices((regionValue?.key as string) ?? '');
+      setOffices(officesList);
+    })();
+
+    if (regionValue?.key) {
+      addressField.onChange?.('');
+    }
+  }, [regionValue.key]);
+
+  const { points } = useOfficesAtmsMapData({
+    data: offices,
+    filtrationState: {},
+    getBalloon: getOfficePoint,
+  });
+
+  return (
+    <div>
+      <SelectControl
+        label="Адрес отделения"
+        placeholder="Выберите отделение"
+        options={offices.map(({ id, address = '' }) => ({
+          key: id?.toString() || '',
+          text: address,
+        }))}
+        {...addressField}
+        isSearch={true}
+      />
+      <div className="h-[600px]">
+        <ClientOnly>
+          <YandexMap
+            points={points}
+            isLoad={!data}
+            className="h-full"
+            selectedAddress={addressField?.value?.text}
+          />
+        </ClientOnly>
+      </div>
+    </div>
+  );
+});

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { useRetailFormStore } from '../../../hooks/useRetailFormStore';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const AmountWorkersField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data } = useLeadFormData('EMPLOYEES_NUMBER');
+
+  const store = useRetailFormStore();
+
+  useEffect(() => {
+    if (data) {
+      store.amountWorkers = data;
+    }
+  }, [data]);
+
+  return (
+    <SelectField
+      field={field}
+      source={store.amountWorkers ?? []}
+      label="Количество работающих в организации"
+      fieldName="amountWorkers"
+      input={input}
+    />
+  );
+});

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

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

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import type { CustomFieldProps } from '../CustomFieldProps';
+
+export const BankEmpoleeCodeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Код представителя Банка"
+    placeholder="Введите код"
+    isInteger={true}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,10 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const BankruptcyFlgField = JSX<CustomFieldProps>(({ field, input }) => (
+  <CheckboxWithError
+    text="В отношении меня ведётся производство по делу о банкротстве"
+    {...field(input?.name ?? '')}
+  />
+));

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

@@ -0,0 +1,11 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const BeginDateField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl
+    label="Дата начала работы на текущем месте"
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,15 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+const FIELD_NAME = 'birthPlace';
+
+export const BirthPlaceField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Место рождения"
+    {...field(input?.name ?? '')}
+    {...input}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
+  />
+));

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

@@ -0,0 +1,49 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { getCardTypes, type CardTypeData } from '../../../api/RetailAPI/getCardTypes';
+import { useLocalStorage } from '../../../hooks/useLocalStorage';
+import { InfoCard } from '../../InfoCard/InfoCard';
+import { type Option } from '../../Select/Option';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const CardCategoryField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [cardTypes, setCardTypes] = useState<CardTypeData[]>([]);
+  const [programId] = useLocalStorage<string>('programId');
+  const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
+  const selectedPaymentSystem = field('paymentSystem')?.value?.key;
+
+  useEffect(() => {
+    if (selectedPaymentSystem && programId) {
+      (async () => {
+        const fetchedCardTypes = await getCardTypes(selectedPaymentSystem as string, programId);
+        setCardTypes(fetchedCardTypes);
+
+        if (!isValidCardCategory(fetchedCardTypes, selectedCardCategory as Option)) {
+          cardCategoryChange && cardCategoryChange(null);
+        }
+      })();
+    }
+  }, [selectedPaymentSystem]);
+
+  const description = useMemo(
+    () => cardTypes?.find((_) => _.key === selectedCardCategory?.key)?.description,
+    [cardTypes, selectedCardCategory],
+  );
+
+  return (
+    <div>
+      <SelectField
+        field={field}
+        source={cardTypes}
+        label="Категория карты"
+        fieldName="cardCategory"
+        input={input}
+      />
+      {description ? <InfoCard __html={description} /> : null}
+    </div>
+  );
+});
+
+const isValidCardCategory = (cardTypes: CardTypeData[], selectedCardCategory: Option | null) =>
+  cardTypes.some((cardType) => cardType.key === selectedCardCategory?.key);

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const ChildrenField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество детей до 18 лет"
+    placeholder="Введите значение"
+    isInteger={true}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const CodeWordField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl label="Кодовое слово" {...field(input?.name ?? '')} {...input} />
+));

package/src/ui-kit/FormField/Fields/ConfirmationIncomeField.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 ConfirmationIncomeField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: confirmationIncome } = useLeadFormData('INCOME_CERT_UNITED');
+
+  return (
+    <SelectField
+      field={field}
+      source={confirmationIncome}
+      label="Способ подтверждения дохода"
+      fieldName="confirmationIncome"
+      input={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}
+    />
+  );
+});