@redneckz/wildless-cms-uni-blocks 0.14.577 → 0.14.579

package/mobile/src/ui-kit/DatePicker/renderCalendarCells.tsx

@@ -10,8 +10,8 @@ interface RenderCalendarCellsParams {
   totalDays: number;
   currentYear: number;
   currentMonth: number;
-  min?: Date | undefined;
-  max?: Date | undefined;
+  min?: Date;
+  max?: Date;
   onDateClick: (date: Date) => void;
 }
 
@@ -68,7 +68,7 @@ const checkIsToday = (currentDate: Date, today: Date | undefined) =>
 const checkIsDisabled = (currentDate: Date, min: Date | undefined, max: Date | undefined) =>
   (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
 
-const getDayStyles = (isToday: boolean | undefined, isDisabled: boolean | undefined) =>
+const getDayStyles = (isToday = false, isDisabled = false) =>
   style(
     'p-s text-center rounded-md border',
     {

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

@@ -7,8 +7,8 @@ import { useDialogManager } from './useDialogManager';
 import { useDialogsList } from './useDialogsList';
 
 export const DialogManager = JSX(() => {
-  const handleCloseAll = useCallback((dialogs: DialogOpenAction[]) => {
-    for (const _ of dialogs) {
+  const handleCloseAll = useCallback((dialogActions: DialogOpenAction[]) => {
+    for (const _ of dialogActions) {
       _?.onClose && _.onClose();
     }
   }, []);

package/mobile/src/ui-kit/FormField/Fields/AmountWorkersField.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 AmountWorkersField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: amountWorkers } = useLeadFormData('EMPLOYEES_NUMBER');
+
+  return (
+    <SelectField
+      field={field}
+      source={amountWorkers || []}
+      label="Количество работающих в организации"
+      fieldName="amountWorkers"
+      input={input}
+    />
+  );
+});

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

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

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

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

package/mobile/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_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={employment || []}
+      label="Информация о трудоустройстве"
+      fieldName="employment"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,14 @@
+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 Experience5YearsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Стаж"
+    placeholder="За последние 5 лет"
+    {...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required)}
+    {...input}
+  />
+));

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

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

package/mobile/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';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Общий стаж"
+    placeholder="Количество лет"
+    {...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required)}
+    {...input}
+  />
+));

package/mobile/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/mobile/src/ui-kit/FormField/Fields/JobsNumberField.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 JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Общий стаж"
+    placeholder="Количество лет"
+    type="number"
+    {...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required)}
+    {...input}
+  />
+));

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

@@ -0,0 +1,14 @@
+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 LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Стаж на последнем рабочем месте"
+    placeholder="Количество лет"
+    {...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required)}
+    {...input}
+  />
+));

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

@@ -0,0 +1,14 @@
+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 LegalFormField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="ОПФ"
+    placeholder="ООО, ПАО  и др."
+    {...getValidation(field('legalForm'), validatorObj.legalForm, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/OrganizationField.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 OrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: organization } = useLeadFormData('ORGANIZATION_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={organization || []}
+      label="Тип организации"
+      fieldName="organization"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const OrganizationNameField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Наименование организации"
+    {...getValidation(field('organizationName'), validatorObj.organizationName, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/PositionOrganizationField.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 PositionOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: positionOrganization } = useLeadFormData('POSITION');
+
+  return (
+    <SelectField
+      field={field}
+      source={positionOrganization || []}
+      label="Должность в организации"
+      fieldName="positionOrganization"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,37 @@
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { SelectControl } from '../Select/SelectControl';
+import { type CustomFieldProps } from './CustomFieldProps';
+import { validatorObj } from './getObjectValidator';
+import { getValidation } from './getValidation';
+
+export interface LeadProps {
+  type: string;
+  key: string;
+  value: string;
+  displayOrder: number;
+  description: string;
+}
+
+export interface SelectFieldProps extends CustomFieldProps, UniBlockProps {
+  source?: LeadProps[];
+  label: string;
+  fieldName: string;
+}
+
+export const SelectField = UniBlock<SelectFieldProps>(
+  ({ field, source, label, fieldName, input }) => {
+    const leadDescription = (source && source?.map((_: LeadProps) => _.description)) || [];
+
+    return (
+      <SelectControl
+        placeholder="Выберите из списка"
+        label={label}
+        options={arrayToOptions(leadDescription)}
+        {...getValidation(field(fieldName), validatorObj[fieldName], input?.required)}
+      />
+    );
+  },
+);
+
+const arrayToOptions = (array?: string[]) => (array ?? []).map((_) => ({ key: _, value: _ }));

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

@@ -0,0 +1,3 @@
+export const PRODUCT_REF = {
+  $ref: '/wcms-resources/outservice-productlist.json',
+};

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

@@ -6,8 +6,10 @@ import { InputControl } from '../Input/InputControl';
 import { AcquiringField } from './Fields/AcquiringField';
 import { AddressBranchField } from './Fields/AddressBranchField';
 import { AmountField } from './Fields/AmountField';
+import { AmountWorkersField } from './Fields/AmountWorkersField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
+import { BeginDateField } from './Fields/BeginDateField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
@@ -18,18 +20,32 @@ import { ConsentPhotoFlg } from './Fields/ConsentPhotoField';
 import { ConsentProviderField } from './Fields/ConsentProviderField';
 import { ConsentToReceiveMaterialsField } from './Fields/ConsentToReceiveMaterialsField';
 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 { Experience5YearsField } from './Fields/Experience5YearsField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
 import { FeedbackTypeField } from './Fields/FeedbackTypeField';
+import { FullAddressField } from './Fields/FullAddressField';
 import { FullNameField } from './Fields/FullNameField';
+import { GeneralSeniorityField } from './Fields/GeneralSeniorityField';
+import { HousingField } from './Fields/HousingField';
 import { InnField } from './Fields/InnField';
 import { IsClientField } from './Fields/IsClientField';
+import { JobsNumberField } from './Fields/JobsNumberField';
+import { LastJobExperienceField } from './Fields/LastJobExperienceField';
+import { LegalFormField } from './Fields/LegalFormField';
 import { LocalitiesField } from './Fields/LocalitiesField';
 import { MiddleNameField } from './Fields/MiddleNameField';
 import { NameField } from './Fields/NameField';
 import { OnlineCheckoutField } from './Fields/OnlineCheckoutField';
+import { OrganizationField } from './Fields/OrganizationField';
+import { OrganizationNameField } from './Fields/OrganizationNameField';
 import { PartnerCommentsField } from './Fields/PartnerCommentsField';
 import { PhoneField } from './Fields/PhoneField';
+import { PositionOrganizationField } from './Fields/PositionOrganizationField';
 import { PosTerminalField } from './Fields/PosTerminalField';
 import { ProcessPersonalDataField } from './Fields/ProcessPersonalDataField';
 import { ProductField } from './Fields/ProductField';
@@ -60,6 +76,14 @@ export const getField =
       email: <EmailField field={field} input={input} />,
       fullName: <FullNameField field={field} input={input} />,
       inn: <InnField field={field} input={input} />,
+      legalForm: <LegalFormField field={field} input={input} />,
+      organizationName: <OrganizationNameField field={field} input={input} />,
+      generalSeniority: <GeneralSeniorityField field={field} input={input} />,
+      lastJobExperience: <LastJobExperienceField field={field} input={input} />,
+      experience5Years: <Experience5YearsField field={field} input={input} />,
+      jobsNumber: <JobsNumberField field={field} input={input} />,
+      beginDate: <BeginDateField field={field} input={input} />,
+      fullAddress: <FullAddressField field={field} input={input} />,
       comment: <CommentField field={field} input={input} />,
       addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
       birthday: <BirthdayField field={field} input={input} />,
@@ -100,6 +124,14 @@ export const getField =
       ) : (
         <RegionField field={field} input={input} url={getRegionUrl(typeForm)} />
       ),
+      education: <EducationField field={field} input={input} />,
+      housing: <HousingField field={field} input={input} />,
+      employment: <EmploymentField field={field} input={input} />,
+      organization: <OrganizationField field={field} input={input} />,
+      amountWorkers: <AmountWorkersField field={field} input={input} />,
+      employerActivities: <EmployerActivitiesField field={field} input={input} />,
+      employerOrganization: <EmployerOrganizationField field={field} input={input} />,
+      positionOrganization: <PositionOrganizationField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

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

@@ -19,9 +19,25 @@ export const validatorObj: Record<string, Validator> = {
   phone: phoneValidator,
   secondaryPhone: phoneValidator,
   birthday: defaultValidator,
+  education: defaultValidator,
+  housing: defaultValidator,
+  employment: defaultValidator,
+  organization: defaultValidator,
+  amountWorkers: defaultValidator,
+  employerActivities: defaultValidator,
+  employerOrganization: defaultValidator,
+  positionOrganization: defaultValidator,
   email: defaultValidator,
   fullName: nameValidator,
   inn: innValidator,
+  legalForm: defaultValidator,
+  organizationName: defaultValidator,
+  generalSeniority: defaultValidator,
+  lastJobExperience: defaultValidator,
+  experience5Years: defaultValidator,
+  jobsNumber: defaultValidator,
+  beginDate: defaultValidator,
+  fullAddress: defaultValidator,
   partnerComments: defaultValidator,
   collectionCount: defaultValidator,
   comment: defaultValidator,

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

@@ -10,7 +10,9 @@ export const PhoneInput = JSX<InputProps>(({ children, onChange, ...inputProps }
     [onChange],
   );
   const handleBlur = useCallback((v: string) => {
-    v === '+7 (' ? onChange && onChange('') : null;
+    if (v === '+7 (') {
+      onChange && onChange('');
+    }
   }, []);
 
   return (

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

@@ -1,24 +1,19 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
 
 interface ProgressBarProps {
   step?: number;
   description?: string;
 }
 
-export const ProgressBar = JSX<ProgressBarProps>(({ step = 10, description }) => {
-  const [progressPercent, setProgressPercent] = useState(0);
-
-  return (
-    <div>
-      <div className="h-4 w-full bg-gray relative">
-        <div className="h-4 bg-green" style={{ width: `${progressPercent}%` }} />
-      </div>
-      <div className="relative">
-        <div className="absolute left-2/4 text-green">{progressPercent}%</div>
-        {description ? <div className="text-right mr-4 text-gray">{description}</div> : null}
-      </div>
+export const ProgressBar = JSX<ProgressBarProps>(({ step = 10, description }) => (
+  <div>
+    <div className="h-4 w-full bg-gray relative">
+      <div className="h-4 bg-green" style={{ width: `${step}%` }} />
+    </div>
+    <div className="relative">
+      <div className="absolute left-2/4 text-green">{step}%</div>
+      {description ? <div className="text-right mr-4 text-gray">{description}</div> : null}
     </div>
-  );
-});
+  </div>
+));

package/mobile/src/ui-kit/VerifyPhoneDialog/InputCode.tsx

@@ -81,7 +81,7 @@ export const InputCode = JSX<InputCodeProps>(({ values, setValues, hasError }) =
   );
 });
 
-const getInputStyle = (index: number, values: string[], hasError?: boolean) => {
+const getInputStyle = (index: number, values: string[], hasError = false) => {
   const isInputEmpty = !values[index];
 
   return `w-16 h-20 text-3xl text-center p-2 m-2 border ${

package/package.json

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

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -17,12 +17,20 @@ export type SubmitButtonProps = TextProps & {
 /**
  * @title Название поля ввода
  * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращени", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку"]
+ * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации"]
  */
 export type NameFieldDef =
   | 'surname'
   | 'name'
   | 'middleName'
+  | 'education'
+  | 'housing'
+  | 'employment'
+  | 'organization'
+  | 'amountWorkers'
+  | 'employerActivities'
+  | 'employerOrganization'
+  | 'positionOrganization'
   | 'email'
   | 'phone'
   | 'fullName'
@@ -60,7 +68,15 @@ export type NameFieldDef =
   | 'consentPhotoFlg'
   | 'consentPfrFlg'
   | 'consentProviderFlg'
-  | 'processPersonalDataLeadFlg';
+  | 'processPersonalDataLeadFlg'
+  | 'legalForm'
+  | 'organizationName'
+  | 'generalSeniority'
+  | 'lastJobExperience'
+  | 'experience5Years'
+  | 'jobsNumber'
+  | 'beginDate'
+  | 'fullAddress';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */

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

@@ -48,4 +48,67 @@ export default {
       <DialogManager />
     </div>
   ),
+  employmentData: (
+    <div className="container grid grid-cols-12">
+      <ApplicationLeadForm
+        className="col-span-12"
+        title="Заявка на кредит &#171;Кредит на любые цели&#187;"
+        typeForm="CORRUPTION"
+        endpoint="lead"
+        sections={[
+          {
+            title: 'Данные о трудоустройстве',
+            inputs: [],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'employment', required: true },
+              { fieldType: 'common', name: 'organizationName', required: true },
+            ],
+          },
+          {
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'inn', required: true },
+              { fieldType: 'common', name: 'legalForm', required: true },
+            ],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'organization', required: true },
+              { fieldType: 'common', name: 'amountWorkers', required: true },
+            ],
+          },
+          {
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'employerActivities', required: true },
+              { fieldType: 'common', name: 'employerOrganization', required: true },
+              { fieldType: 'common', name: 'generalSeniority', required: true },
+              { fieldType: 'common', name: 'lastJobExperience', required: true },
+              { fieldType: 'common', name: 'experience5Years', required: true },
+              { fieldType: 'common', name: 'jobsNumber', required: true },
+            ],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'phone', label: 'Телефон работодателя', required: true },
+              { fieldType: 'common', name: 'beginDate', required: true },
+              { fieldType: 'common', name: 'positionOrganization', required: true },
+            ],
+          },
+          {
+            title: 'Адрес работодателя',
+            inputs: [],
+          },
+          {
+            inputs: [{ fieldType: 'common', name: 'fullAddress', required: true }],
+          },
+        ]}
+        button={button}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
 };