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

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

@@ -3,13 +3,20 @@ import { type Option } from '../../Select/Option';
 import { SelectControl } from '../../Select/SelectControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
-const APPLIER_TYPES: Option[] = [
+export const CLIENT_KEY = 'client';
+export const REPRESENTATIVE_KEY = 'representative';
+
+export type ApplierType = Option & {
+  key: 'client' | 'representative';
+};
+
+export const APPLIER_TYPES: ApplierType[] = [
   {
-    key: 'client',
+    key: CLIENT_KEY,
     text: 'Клиент',
   },
   {
-    key: 'representative',
+    key: REPRESENTATIVE_KEY,
     text: 'Представитель клиента',
   },
 ];

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}
+    />
+  );
+});

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CONSENTS } from '../../../components/ApplicationLeadForm/consents';
+import { CheckboxWithDoc } from '../../Checkbox/CheckboxWithDoc';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const ConsentField = JSX<CustomFieldProps>(({ field, input }) =>
+  input && input.name ? (
+    <CheckboxWithDoc
+      text={CONSENTS[input.name]?.text}
+      docId={CONSENTS[input.name]?.docId}
+      {...field(input.name)}
+    />
+  ) : null,
+);

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

@@ -0,0 +1,49 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { CalculatorCredit } from '../../../components/CalculatorCredit/CalculatorCredit';
+import {
+  type CreditCalculatorUserInputParams,
+  type CreditDefaultParams,
+} from '../../../components/CalculatorCredit/CalculatorCreditContent';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const FIELD_NAME = 'calculator';
+
+export const CreditCalcField = JSX<CustomFieldProps>(({ field, params }) => {
+  const handleChange = useCallback((_: CreditCalculatorUserInputParams) => {
+    field(FIELD_NAME).onChange?.(_);
+  }, []);
+
+  return (
+    <CalculatorCredit
+      {...params?.calcData}
+      padding="p-0"
+      defaultParams={defaultValueAdapter(
+        field(FIELD_NAME).value as CreditCalculatorUserInputParams,
+      )}
+      onChange={handleChange}
+    />
+  );
+});
+
+const PARAMS_MAP = {
+  moneyValue: 'sum',
+  monthsValue: 'period',
+  isInsurance: 'isEnableInsurance',
+  isPensionClient: 'isEnablePensionClient',
+  isStateEmployee: 'isEnableStateEmployee',
+  isSalaryClient: 'isEnableSalaryClient',
+  isAnnuity: 'isAnnuity',
+};
+
+const defaultValueAdapter = (
+  value?: CreditCalculatorUserInputParams,
+  isInverse = false,
+): CreditDefaultParams => {
+  const keysMap = isInverse ? swap(PARAMS_MAP) : PARAMS_MAP;
+
+  return Object.fromEntries(Object.entries(value ?? {}).map(([k, v]) => [keysMap[k], v]));
+};
+
+const swap = (_: Record<string, string>) =>
+  Object.fromEntries(Object.entries(_).map(([k, v]) => [v, k]));

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

@@ -0,0 +1,23 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+const LABEL_TEXT = `Имеет ли юридическое лицо, акционером / участником / членом / пайщиком /
+    вкладчиком с долей участия более 20% уставного капитала руководителем,
+    которого Вы являетесь, кредит в АО «Россельхозбанк»`;
+
+export const CreditInRshbCdField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: creditInRshbCd } = useLeadFormData('CREDIT_IN_RSHB');
+
+  return (
+    <SelectField
+      field={field}
+      source={creditInRshbCd}
+      label={LABEL_TEXT}
+      fieldName="creditInRshbCd"
+      input={input}
+      disabled={!field?.('shareholderFlg')?.value}
+    />
+  );
+});

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const CURRENCY_TYPES = [{ id: '810', text: 'Рубли' }];
+
+export const CurrencyField = JSX<CustomFieldProps>(({ field, input }) => (
+  <RadioButtonGroupControl
+    label="Валюта"
+    orientation="horizontal"
+    items={CURRENCY_TYPES}
+    {...field(input?.name ?? '')}
+  />
+));

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const DeliveryDateFiels = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl label="Дата доставки" {...field(input?.name ?? '')} />
+));

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

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

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const DisablePeopleFlgField = JSX<CustomFieldProps>(({ field, input }) => (
+  <CheckboxWithError text="Являюсь инвалидом" {...field(input?.name ?? '')} />
+));

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+export const DulIssueDateField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl
+    label="Дата выдачи"
+    {...field(input?.name ?? '')}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, input?.name ?? '')}
+  />
+));

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

@@ -0,0 +1,26 @@
+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 DulIssuedByField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } =
+    field('dulSubdivisionCode');
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
+  }, []);
+
+  return (
+    <InputControl
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, input?.name ?? '')}
+      label="Кем выдан"
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+      daDataQueryPrefix={dulSubdivisionCode}
+    />
+  );
+});

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+export const DulNumberField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+    label="Номер документа"
+    isInteger={true}
+    maxLength={6}
+    {...field(input?.name ?? '')}
+  />
+));

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+export const DulSerieField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+    label="Серия документа"
+    isInteger={true}
+    maxLength={4}
+    {...field(input?.name ?? '')}
+  />
+));

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

@@ -0,0 +1,24 @@
+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 DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input }) => {
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
+  }, []);
+
+  return (
+    <InputControl
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+      label="Код подразделения"
+      isInteger={true}
+      maxLength={6}
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EducationField.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 EducationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: education } = useLeadFormData('EDUCATION_LEVEL');
+
+  return (
+    <SelectField
+      field={field}
+      source={education}
+      label="Образование"
+      fieldName="education"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EmployerActivitiesField.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 EmployerActivitiesField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
+
+  const store = useRetailFormStore();
+
+  useEffect(() => {
+    if (data) {
+      store.employerActivities = data;
+    }
+  }, [data]);
+
+  return (
+    <SelectField
+      field={field}
+      source={store.employerActivities ?? []}
+      label="Вид деятельности организации-работодателя"
+      fieldName="employerActivities"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EmployerOrganizationField.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 EmployerOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data } = useLeadFormData('ORGANIZATION_KIND');
+
+  const store = useRetailFormStore();
+
+  useEffect(() => {
+    if (data) {
+      store.employerOrganization = data;
+    }
+  }, [data]);
+
+  return (
+    <SelectField
+      field={field}
+      source={store.employerOrganization ?? []}
+      label="Вид организации работодателя"
+      fieldName="employerOrganization"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EmploymentField.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 EmploymentField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: employment } = useLeadFormData('EMPLOYMENT_INFO_UNITED');
+
+  return (
+    <SelectField
+      field={field}
+      source={employment}
+      label="Информация о трудоустройстве"
+      fieldName="employment"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const ExpensesField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Обязательные расходы в месяц"
+    placeholder="Введите значение"
+    isInteger={true}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { value, onChange } = field(input?.name ?? '');
+  const familyStatusKey = field('familyStatus')?.value?.key;
+  const adultsCount = familyStatusKey === 'MARRIED' ? 2 : 1;
+  const childrenCount = Number(field('children')?.value);
+  const dependentsCount = Number(field('dependents')?.value);
+  const totalCount = adultsCount + childrenCount + dependentsCount;
+
+  useEffect(() => {
+    onChange?.(totalCount);
+  }, [familyStatusKey, childrenCount, dependentsCount]);
+
+  return (
+    <InputControl
+      label="Количество членов семьи"
+      placeholder="Введите значение"
+      type="number"
+      disabled={true}
+      value={value}
+      onChange={onChange}
+    />
+  );
+});

package/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/src/ui-kit/FormField/Fields/GeneralSeniorityField.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Общий стаж"
+    type="number"
+    maxLength={2}
+    placeholder="Количество лет"
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/HousingField.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 HousingField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: housing } = useLeadFormData('HOUSE_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={housing}
+      label="Тип жилья"
+      fieldName="housing"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InfoCard } from '../../InfoCard/InfoCard';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const InfoCardField = JSX<CustomFieldProps>(({ input }) => (
+  <InfoCard __html={input?.label} />
+));