@redneckz/wildless-cms-uni-blocks 0.14.603 → 0.14.605

package/mobile/src/components/CreditForm/StepsNavigationButtons.tsx

@@ -0,0 +1,47 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../../ui-kit/Button/Button';
+import { style } from '../../utils/style';
+
+export interface StepsNavigationButtonsProps {
+  step: number;
+  setStep: (step: number) => void;
+  totalSteps: number;
+}
+
+export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
+  ({ step, setStep, totalSteps }) => {
+    const handleNext = () => {
+      if (step < totalSteps) {
+        setStep(step + 1);
+      }
+    };
+
+    const handlePrev = () => {
+      if (step > 1) {
+        setStep(step - 1);
+      }
+    };
+
+    return (
+      <div className={'flex justify-between'}>
+        <Button
+          onClick={handlePrev}
+          className={style('w-full @xl:w-auto')}
+          type="button"
+          version="secondary"
+          disabled={step === 1}
+        >
+          Назад
+        </Button>
+        <Button
+          onClick={handleNext}
+          className={style('w-full @xl:w-auto')}
+          type="button"
+          disabled={step === totalSteps}
+        >
+          Далее
+        </Button>
+      </div>
+    );
+  },
+);

package/mobile/src/components/CreditForm/creditFormStepsData.tsx

@@ -0,0 +1,215 @@
+/* eslint-disable max-lines */
+/* eslint-disable max-len */
+
+export const stepsSectionsMap = {
+  1: [
+    {
+      title: 'Персональные данные',
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'surname', required: true, dadata: true },
+        { fieldType: 'common', name: 'name', required: true, dadata: true },
+        { fieldType: 'common', name: 'middleName', dadata: true },
+        { fieldType: 'common', name: 'sex', required: true },
+        { fieldType: 'common', name: 'birthday', required: true },
+        { fieldType: 'common', name: 'birthPlace', required: true },
+        { fieldType: 'common', name: 'phone', required: true },
+        { fieldType: 'common', name: 'email', required: true, dadata: true },
+      ],
+    },
+    {
+      title: 'Паспортные данные',
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'dulSerie', required: true },
+        { fieldType: 'common', name: 'dulNumber', required: true },
+        { fieldType: 'common', name: 'dulIssueDateField', required: true },
+        { fieldType: 'common', name: 'dulSubdivisionCode', required: true, dadata: true },
+      ],
+    },
+    {
+      inputs: [
+        { fieldType: 'common', name: 'dulIssuedBy', required: true, dadata: true },
+        {
+          fieldType: 'common',
+          name: 'education',
+          required: true,
+        },
+      ],
+    },
+    {
+      title: 'Адрес регистрации по месту жительства',
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'participantAddress', required: true },
+        { fieldType: 'common', name: 'participantAddress', required: true, dadata: true },
+      ],
+    },
+    {
+      title: 'Адрес фактического проживания (место пребывания РФ)',
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'fullAddress', required: true, dadata: true },
+        { fieldType: 'common', name: 'housing', required: true },
+      ],
+    },
+  ],
+  2: [
+    {
+      title: 'Данные о трудоустройстве',
+      inputs: [],
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'info',
+          text: 'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+        },
+      ],
+    },
+    {
+      inputs: [
+        { fieldType: 'common', name: 'employment', required: true },
+        { fieldType: 'common', name: 'organizationName', required: true, dadata: true },
+      ],
+    },
+    {
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'inn', required: true, dadata: 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 }],
+    },
+  ],
+  3: [
+    {
+      title: 'Семейное положение',
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'familyStatus' }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'dependents' }],
+    },
+    {
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'familyMembers' },
+        { fieldType: 'common', name: 'familyMembers' },
+        { fieldType: 'common', name: 'retirementIncome' },
+        { fieldType: 'common', name: 'otherIncome' },
+      ],
+    },
+    {
+      title: 'Совокупный доход',
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'info',
+          text: 'Сумма основного и дополнительных доходов после вычета налога',
+        },
+      ],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'mandatoryIncome' }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'otherPayments' }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'snils' }],
+    },
+    {
+      columns: 2,
+      inputs: [{ fieldType: 'common', name: 'armyIdFlg' }],
+    },
+  ],
+  4: [
+    {
+      title: 'Дополнительные сведения',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'disablePeopleFlg' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'bankruptcyFlg' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'shareholderFlg' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'legalEntityName' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
+    },
+  ],
+  5: [
+    {
+      title: 'Отделение Банка',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'region' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'addressBranch' }],
+    },
+    {
+      title: 'Код представителя Банка',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'info',
+          text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+        },
+      ],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
+    },
+  ],
+};

package/mobile/src/ui-kit/FormField/Fields/BankEmployeeCodeField.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 BankEmpoleeCodeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Код представителя Банка"
+    placeholder="Введите код"
+    type="number"
+    {...getValidation(field('bankEmployeeCode'), validatorObj.bankEmployeeCode, input?.required)}
+    {...input}
+  />
+));

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

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

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

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

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

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

package/mobile/src/ui-kit/FormField/Fields/LegalEntityNameField.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 LegalEntityNameField = JSX<CustomFieldProps>(({ field, input }) => {
+  return (
+    <InputControl
+      label="Наименование юридического лица"
+      {...input}
+      {...getValidation(field('legalEntityName'), validatorObj.legalEntityName, input?.required)}
+    />
+  );
+});

package/mobile/src/ui-kit/FormField/Fields/MandatoryIncome.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 MandatoryIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Совокупный доход в месяц после вычета налогов (зарплата, премии)"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('mandatoryIncome'), validatorObj.mandatoryIncome, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/OtherIncomeField.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 OtherIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Иные доходы"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('otherIncome'), validatorObj.otherIncome, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/OtherPayments.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 OtherPaymentsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Обязательные выплаты"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('otherPayments'), validatorObj.otherPayments, input?.required)}
+    {...input}
+  />
+));

package/mobile/src/ui-kit/FormField/Fields/RetirementIncomeField.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 RetirementIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Пенсионные доходы"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('retirementIncome'), validatorObj.retirementIncome, input?.required)}
+    {...input}
+  />
+));

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const ShareholderFlgField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Я являюсь акционером / участником / членом / пайщиком / вкладчиком с долей участия более 20% уставного капитала юридического лица"
+    {...getValidation(field('shareholderFlg'), validatorObj.shareholderFlg)}
+  />
+));

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

@@ -73,4 +73,14 @@ export type NameFieldDef =
   | 'conscription'
   | 'armyIdFlg'
   | 'participantAddress'
-  | 'participantDateRegistration';
+  | 'participantDateRegistration'
+  | 'retirementIncome'
+  | 'otherIncome'
+  | 'mandatoryIncome'
+  | 'otherPayments'
+  | 'creditInRshbCd'
+  | 'disablePeopleFlg'
+  | 'bankruptcyFlg'
+  | 'shareholderFlg'
+  | 'legalEntityName'
+  | 'bankEmployeeCode';

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

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines */
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
 import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
@@ -8,7 +9,9 @@ import { AmountField } from './Fields/AmountField';
 import { AmountWorkersField } from './Fields/AmountWorkersField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
 import { ArmyIdFlgField } from './Fields/ArmyIdFlgField';
+import { BankEmpoleeCodeField } from './Fields/BankEmployeeCodeField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
+import { BankruptcyFlgField } from './Fields/BankruptcyFlgField';
 import { BeginDateField } from './Fields/BeginDateField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { BirthPlaceField } from './Fields/BirthPlaceField';
@@ -17,8 +20,10 @@ import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
 import { ConscriptionField } from './Fields/ConscriptionField';
 import { ConsentField } from './Fields/ConsentField';
+import { CreditInRshbCdField } from './Fields/CreditInRshbCdField';
 import { DependentsField } from './Fields/DependentsField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
+import { DisablePeopleFlgField } from './Fields/DisablePeopleFlgField';
 import { DulIssueDateField } from './Fields/DulIssueDateField';
 import { DulIssuedByField } from './Fields/DulIssuedByField';
 import { DulNumberField } from './Fields/DulNumberField';
@@ -42,13 +47,17 @@ import { InnField } from './Fields/InnField';
 import { IsClientField } from './Fields/IsClientField';
 import { JobsNumberField } from './Fields/JobsNumberField';
 import { LastJobExperienceField } from './Fields/LastJobExperienceField';
+import { LegalEntityNameField } from './Fields/LegalEntityNameField';
 import { LegalFormField } from './Fields/LegalFormField';
 import { LocalitiesField } from './Fields/LocalitiesField';
+import { MandatoryIncomeField } from './Fields/MandatoryIncome';
 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 { OtherIncomeField } from './Fields/OtherIncomeField';
+import { OtherPaymentsField } from './Fields/OtherPayments';
 import { ParticipantAddressField } from './Fields/ParticipantAddressField';
 import { ParticipantDateRegistrationField } from './Fields/ParticipantDateRegistrationField';
 import { PartnerCommentsField } from './Fields/PartnerCommentsField';
@@ -58,9 +67,11 @@ import { PosTerminalField } from './Fields/PosTerminalField';
 import { ProductField } from './Fields/ProductField';
 import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
+import { RetirementIncomeField } from './Fields/RetirementIncomeField';
 import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
 import { ServiceDirectionField } from './Fields/ServiceDirectionField';
 import { SexField } from './Fields/SexField';
+import { ShareholderFlgField } from './Fields/ShareholderFlgField';
 import { SnilsField } from './Fields/SnilsField';
 import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
@@ -159,6 +170,16 @@ export const getField =
       dulIssuedBy: <DulIssuedByField field={field} input={input} />,
       participantAddress: <ParticipantAddressField field={field} input={input} />,
       participantDateRegistration: <ParticipantDateRegistrationField field={field} input={input} />,
+      retirementIncome: <RetirementIncomeField field={field} input={input} />,
+      otherIncome: <OtherIncomeField field={field} input={input} />,
+      mandatoryIncome: <MandatoryIncomeField field={field} input={input} />,
+      otherPayments: <OtherPaymentsField field={field} input={input} />,
+      disablePeopleFlg: <DisablePeopleFlgField field={field} input={input} />,
+      bankruptcyFlg: <BankruptcyFlgField field={field} input={input} />,
+      shareholderFlg: <ShareholderFlgField field={field} input={input} />,
+      legalEntityName: <LegalEntityNameField field={field} input={input} />,
+      creditInRshbCd: <CreditInRshbCdField field={field} input={input} />,
+      bankEmployeeCode: <BankEmpoleeCodeField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

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

@@ -82,6 +82,15 @@ export const validatorObj: Record<string, Validator> = {
   sex: defaultValidator('Укажите свой пол'),
   participantAddress: defaultValidator('Необходимо выбрать адрес'),
   participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+  retirementIncome: defaultValidator(),
+  otherIncome: defaultValidator(),
+  mandatoryIncome: defaultValidator(),
+  otherPayments: defaultValidator(),
+  disablePeopleFlg: defaultValidator(),
+  bankruptcyFlg: defaultValidator(),
+  shareholderFlg: defaultValidator(),
+  legalEntityName: defaultValidator(),
+  bankEmployeeCode: defaultValidator(),
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

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

@@ -10,11 +10,13 @@ interface InfoCardProps {
   iconVersion?: IconVersion;
 }
 
-export const InfoCard = JSX<InfoCardProps>(({ __html, icon, iconVersion = 'black' }) => (
-  <div className="flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m justify-evenly p-m">
-    <div className="rounded-full bg-white p-xs">
-      <Icon name={icon} width="24" height="24" iconVersion={iconVersion} />
+export const InfoCard = JSX<InfoCardProps>(
+  ({ __html, icon = 'InfoCircleIcon', iconVersion = 'black' }) => (
+    <div className="flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m">
+      <div className="rounded-full bg-white p-xs">
+        <Icon name={icon} width="24" height="24" iconVersion={iconVersion} />
+      </div>
+      <RichText __html={__html} />
     </div>
-    <RichText __html={__html} />
-  </div>
-));
+  ),
+);

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

@@ -4,16 +4,19 @@ import { JSX } from '@redneckz/uni-jsx';
 interface ProgressBarProps {
   step?: number;
   description?: string;
+  showPercentage?: boolean;
 }
 
-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}%` }} />
+export const ProgressBar = JSX<ProgressBarProps>(
+  ({ step = 10, description, showPercentage = true }) => (
+    <div>
+      <div className="h-4 w-full bg-gray relative">
+        <div className="h-4 bg-green" style={{ width: `${step}%` }} />
+      </div>
+      <div className="relative">
+        {showPercentage ? <div className="absolute left-2/4 text-green">{step}%</div> : null}
+        {description ? <div className="text-right mr-4 text-gray">{description}</div> : null}
+      </div>
     </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/package.json

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

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -58,11 +58,21 @@ export type FieldVedDef = FieldDefaultDef & {
   defaultValue?: VedTypes;
 };
 
+/**
+ * @title Текст для отображения в карточке информации
+ * @default {"fieldType": "info"}
+ */
+export type FieldInfoDef = FieldDefaultDef &
+  TextProps & {
+    /** @default "info" */
+    fieldType: 'info';
+  };
+
 /**
  * @title Поле
  * @default { "fieldType": "common" }
  */
-export type FieldDef = FieldCommonDef | FieldVedDef;
+export type FieldDef = FieldCommonDef | FieldVedDef | FieldInfoDef;
 
 /** @hidden */
 type TypeFormFieldDef =

package/src/components/ApplicationForm/renderInputs.tsx

@@ -0,0 +1,25 @@
+import { getField } from '../../ui-kit/FormField/getField';
+import type {
+  FieldDef,
+  GroupedConsentsProps,
+} from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { CONSENTS } from '../ApplicationLeadForm/consents';
+import { GroupedConsents } from '../ApplicationLeadForm/GroupedConsents';
+
+export const renderInputs = ({ field, typeForm = '', inputs }: GroupedConsentsProps) => {
+  const { consentInputs, restInputs } = splitInputs(inputs || []);
+
+  return consentInputs.length > 2 ? (
+    <div>
+      {restInputs.map(getField(field, typeForm))}
+      <GroupedConsents inputs={consentInputs} field={field} />
+    </div>
+  ) : (
+    (inputs || [])?.map(getField(field, typeForm))
+  );
+};
+
+const splitInputs = (inputs?: FieldDef[]) => ({
+  consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name)) || [],
+  restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name)) || [],
+});