@redneckz/wildless-cms-uni-blocks 0.14.776 → 0.14.778

package/src/retail/components/Fields/AddressRetailField.tsx

@@ -0,0 +1,60 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { getOfficePoint } from '../../../components/OfficesAtmsMap/renderOfficeCard';
+import { useOfficesAtmsMapData } from '../../../components/OfficesAtmsMap/useOfficesAtmsMapData';
+import { ClientOnly } from '../../../ui-kit/ClientOnly';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { SelectControl } from '../../../ui-kit/Select/SelectControl';
+import { YandexMap } from '../../../ui-kit/YandexMap/YandexMap';
+import { fetchRegionOffices, type OfficeType } from '../../api/regionOffices';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+
+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/retail/components/Fields/AmountWorkersField.tsx

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+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/retail/components/Fields/ArmyIdFlgField.tsx

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

package/src/retail/components/Fields/BankEmployeeCodeField.tsx

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

package/src/retail/components/Fields/BankruptcyFlgField.tsx

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

package/src/retail/components/Fields/BeginDateField.tsx

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

package/src/retail/components/Fields/BirthPlaceField.tsx

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

package/src/retail/components/Fields/CardCategoryField.tsx

@@ -0,0 +1,49 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useLocalStorage } from '../../../hooks/useLocalStorage';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { InfoCard } from '../../../ui-kit/InfoCard/InfoCard';
+import { type Option } from '../../../ui-kit/Select/Option';
+import { getCardTypes, type CardTypeData } from '../../api/getCardTypes';
+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/retail/components/Fields/ChildrenField.tsx

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

package/src/retail/components/Fields/CodeWordField.tsx

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

package/src/retail/components/Fields/ConfirmationIncomeField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+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/retail/components/Fields/ConscriptionField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+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/retail/components/Fields/ConsentField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { productTypeToConsentsMap } from '../../../components/ApplicationLeadForm/consents';
+import { useLeadFormStore } from '../../../components/ApplicationLeadForm/useLeadFormStore';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { CheckboxWithDoc } from '../CheckboxWithDoc/CheckboxWithDoc';
+
+export const ConsentField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { productType } = useLeadFormStore();
+  const consents = productTypeToConsentsMap[productType ?? ''];
+
+  return input && input.name ? (
+    <CheckboxWithDoc
+      text={consents?.[input.name]?.text}
+      docId={consents?.[input.name]?.docId}
+      {...field(input.name)}
+    />
+  ) : null;
+});

package/src/retail/components/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 '../../../ui-kit/FormField/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/retail/components/Fields/CreditInRshbCdField.tsx

@@ -0,0 +1,23 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+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/retail/components/Fields/CurrencyField.tsx

@@ -0,0 +1,33 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useLeadFormStore } from '../../../components/ApplicationLeadForm/useLeadFormStore';
+import { debitProgrammIdToCardCodesMap } from '../../../components/DebitForm/utils';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { RadioButtonGroupControl } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroupControl';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+
+const RUBLE = [{ id: '810', text: 'Рубли' }];
+
+export const CurrencyField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data } = useLeadFormData('CURRENCY');
+  const { programId } = useLeadFormStore();
+
+  const isOnlyRuble = useMemo(
+    () =>
+      !Object.keys(debitProgrammIdToCardCodesMap).includes(programId || '') || programId === '38',
+    [],
+  );
+  const currencies = useMemo(
+    () => (isOnlyRuble ? RUBLE : data?.map((_) => ({ id: _.key ?? '', text: _.description }))),
+    [data],
+  );
+
+  return (
+    <RadioButtonGroupControl
+      label="Валюта"
+      orientation="horizontal"
+      items={currencies}
+      {...field(input?.name ?? '')}
+    />
+  );
+});

package/src/retail/components/Fields/DaDataInnField.tsx

@@ -0,0 +1,27 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+import { updateOrganizationFields } from '../../utils/updateOrganizationFields';
+import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
+
+export const DaDataInnField = JSX<CustomFieldProps>(({ field, input }) => {
+  const store = useRetailFormStore();
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
+    updateOrganizationFields(store, field, item);
+  }, []);
+
+  return (
+    <DaDataInputControl
+      label="ИНН"
+      isInteger={true}
+      maxLength={12}
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

package/src/retail/components/Fields/DeliveryDateFiels.tsx

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

package/src/retail/components/Fields/DependentsField.tsx

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

package/src/retail/components/Fields/DulIssueDateField.tsx

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

package/src/retail/components/Fields/DulIssuedByField.tsx

@@ -0,0 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
+import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
+import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
+
+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 (
+    <DaDataInputControl
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, input?.name ?? '')}
+      label="Кем выдан"
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+      daDataQueryPrefix={dulSubdivisionCode}
+    />
+  );
+});

package/src/retail/components/Fields/DulNumberField.tsx

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

package/src/retail/components/Fields/DulSerieField.tsx

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

package/src/retail/components/Fields/DulSubdivisionCodeField.tsx

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
+import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
+import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
+
+export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input }) => {
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
+  }, []);
+
+  return (
+    <DaDataInputControl
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+      label="Код подразделения"
+      isInteger={true}
+      maxLength={6}
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

package/src/retail/components/Fields/EducationField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+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/retail/components/Fields/EmailField.tsx

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
+
+export const EmailField = JSX<CustomFieldProps>(({ field, input }) => {
+  return <DaDataInputControl label="Электронная почта" {...field(input?.name ?? '')} {...input} />;
+});

package/src/retail/components/Fields/EmployerActivitiesField.tsx

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+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/retail/components/Fields/EmployerOrganizationField.tsx

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+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/retail/components/Fields/EmploymentField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useLeadFormData } from '../../hooks/useLeadFormData';
+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}
+    />
+  );
+});