@redneckz/wildless-cms-uni-blocks 0.15.342 → 0.16.3-isr

package/src/components/ApplicationForm/ApplicationForm.tsx

@@ -1,29 +1,28 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { LeadServiceAPI } from '../../api/LeadServiceAPI';
 import { handleAspects } from '../../hooks/useAspects/handleAspects';
 import { useAspects } from '../../hooks/useAspects/useAspects';
-import { useForm } from '../../hooks/useForm';
+import { useForm } from '../../hooks/useForm/useForm';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
+import { getConsentDataProcessing } from '../../ui-kit/FormField/getConsentDataProcessing';
+import { getField } from '../../ui-kit/FormField/getField';
+import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator';
+import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-import { Text } from '../../ui-kit/Text/Text';
+import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
-import {
-  type ApplicationFormContent,
-  type FieldDef,
-  type FormColumnsCount,
-} from './ApplicationFormContent';
-import { getField } from './getField';
+import { type ApplicationFormContent, type FieldDef } from './ApplicationFormContent';
 import { getFormatData } from './getFormatData';
 import { getInitialFormState, type FormState } from './getInitialFormState';
-import { getObjectValidator } from './getObjectValidator';
 import { renderAgreementSubmit } from './renderAgreementSubmit';
 import { renderContacts } from './renderContacts';
 
 interface ApplicationFormProps extends ApplicationFormContent, UniBlockProps {}
+
 const API = LeadServiceAPI();
 
 export const ApplicationForm = JSX<ApplicationFormProps>(
@@ -40,45 +39,44 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
     data,
     ...rest
   }) => {
-    const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
-    const initialFormState = getInitialFormState(inputs, typeForm);
-    const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
+    const inputs = useMemo(
+      () => (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[],
+      [sections],
+    );
+    const initialFormState = useMemo(
+      () => getInitialFormState(inputs, typeForm),
+      [inputs, typeForm],
+    );
+
+    const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
+
+    const responseTypeDialog = useDialog(ResponseTypeDialog);
+    const aspects = useAspects();
 
     const handleSubmit = useCallback(
       async (formData: FormState, ev: PreventableEventWithTarget) => {
-        const inputsFiltered = getFilteredInputs(inputs, formData);
-        const feedbackValidator = objectValidator(getObjectValidator(inputsFiltered));
-        if (!isValidationSuccess(feedbackValidator(formData))) {
-          return 'Fail';
-        }
         const formatData = getFormatData({ ...formData, ...additionalParams });
-        const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
-        setResponseType(status);
+        const ok = Boolean(await API.send(formatData, endpoint === 'lead'));
 
-        if (status === 'OK' && data) {
-          const aspects = useAspects();
+        responseTypeDialog.open({ ok, typeForm });
+        if (ok) {
           handleAspects({ aspectsAttributes: data, aspects, ev });
         }
-
-        return status;
       },
-      [],
+      [typeForm],
     );
 
-    const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
+    const [, { field, onSubmit }] = useForm(initialFormState, {
+      resetOnSubmit: true,
+      formValidator,
+      onSubmit: handleSubmit,
+    });
     const fieldName = getConsentDataProcessing(inputs)?.name;
 
-    useEffect(() => {
-      if (responseType === 'OK') {
-        reset();
-      }
-    }, [responseType]);
-
     return (
       <ApplicationFormLayout
         className={style('container space-y-m', className)}
         title={title}
-        responseType={responseType}
         {...rest}
       >
         <form onSubmit={onSubmit}>
@@ -88,7 +86,7 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
               className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
             >
               {renderTitle(_.title)}
-              {(_?.inputs || [])?.map(getField(field, typeForm))}
+              {(_?.inputs || [])?.map(getField<FieldDef>(field, { typeForm }))}
             </div>
           ))}
           {renderAgreementSubmit(
@@ -102,31 +100,3 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
     );
   },
 );
-
-const renderTitle = (title?: string) =>
-  title ? (
-    <div className="@xl:text-center @xl:col-span-2 mb-m">
-      <Text size="text-h6">{title}</Text>
-    </div>
-  ) : null;
-
-const inputColumnStyles = (column: FormColumnsCount | undefined) =>
-  column === 2 ? '@xl:grid-cols-2' : '';
-
-const getConsentDataProcessing = (inputs: FieldDef[]) =>
-  inputs?.find((_) => _?.name === 'consentDataProcessing');
-
-const getFilteredInputs = (inputs: FieldDef[], data: FormState) =>
-  inputs
-    .filter((_) => _)
-    .filter(
-      (input) =>
-        !input?.condition ||
-        input?.condition.values.find((_) => {
-          const dataValue = data?.[input?.condition?.name ?? ''];
-
-          return input.name === 'secondaryPhone'
-            ? Boolean(data.secondaryPhone)
-            : _ === (dataValue?.key ?? dataValue);
-        }),
-    );

package/src/components/ApplicationForm/ApplicationForm.ui.json

@@ -1,6 +1,9 @@
 {
   "content": {
     "additionalParams": {
+      "showProduct": {
+        "ui:widget": "hidden"
+      },
       "product": {
         "ui:widget": "sourceBookDataDropdown",
         "ui:options": {

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -1,9 +1,14 @@
+/* eslint-disable max-lines */
 /* eslint-disable max-len */
 
 import { type AspectsProps } from '../../model/AspectsProps';
+import { type ColumnsCount } from '../../model/ColumnCount';
+import { type FormTypeFieldDef } from '../../model/FormTypeFieldDef';
 import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
+import { type InputSectionsType } from '../../model/InputSectionsType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type Target } from '../../model/LinkProps';
+import { type NameFieldDef } from '../../ui-kit/FormField/NameFieldDef';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 interface Required {
@@ -14,43 +19,6 @@ interface Required {
 export type SubmitButtonProps = TextProps & {
   version?: LinkButtonVersion;
 };
-/**
- * @title Название поля ввода
- * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращени", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "Комментарий партнёров", "Согласие на обработку"]
- */
-export type NameFieldDef =
-  | 'surname'
-  | 'name'
-  | 'middleName'
-  | 'email'
-  | 'phone'
-  | 'fullName'
-  | 'inn'
-  | 'comment'
-  | 'region'
-  | 'addressBranch'
-  | 'typeForm'
-  | 'birthday'
-  | 'isClient'
-  | 'consentToReceiveMaterials'
-  | 'acquiringType'
-  | 'onlineCheckout'
-  | 'posTerminal'
-  | 'serviceDirection'
-  | 'serviceType'
-  | 'feedbackType'
-  | 'feedbackMethod'
-  | 'bankEmpolee'
-  | 'applicationDate'
-  | 'secondaryPhone'
-  | 'vedTypes'
-  | 'term'
-  | 'amount'
-  | 'annualRevenue'
-  | 'collectionCount'
-  | 'partnerComments'
-  | 'consentDataProcessing';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */
@@ -61,92 +29,61 @@ export type ConditionFieldProps = {
   };
 };
 
-export type FieldDefaultDef = Required &
+export type FilledByEsiaProps = {
+  /** @title Заполняется через госуслуги */
+  filledByEsia?: boolean;
+};
+
+export type FieldDef = Required &
   LabelProps &
-  ConditionFieldProps & {
-    name: NameFieldDef;
+  ConditionFieldProps &
+  FilledByEsiaProps & {
+    name?: NameFieldDef;
+    dadata?: boolean;
+    defaultValue?: string;
   };
 
-/**
- * @title Поля ввода по умолчанию
- * @default {"fieldType": "common"}
- */
-export type FieldCommonDef = FieldDefaultDef & {
-  /** @default "common" */
-  fieldType: 'common';
-};
-
-/**
- * @title Значение по умолчанию
- * @enumNames ["Валютный контроль","Документарные операции","Конверсионные операции","Иные вопросы ВЭД"]
- */
-type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTransactions' | 'otherIssues';
+/** @hidden */
+export type EndpointType = 'lead' | 'sendcorporatelead';
 
 /**
- * @title Поле ввода ВЭД
- * @default {"fieldType": "ved", "name": "vedTypes", "defaultValue": "currencyControl"}
+ * @title Секция полей ввода
  */
-export type FieldVedDef = FieldDefaultDef & {
-  /** @default "ved" */
-  fieldType: 'ved';
-  defaultValue?: VedTypes;
+export type SectionsProps = TitleProps & {
+  columns?: ColumnsCount;
+  inputs?: FieldDef[];
 };
 
-/**
- * @title Поле
- * @default { "fieldType": "common" }
- */
-export type FieldDef = FieldCommonDef | FieldVedDef;
-
-/**
- * @title Тип формы
- * @required
- * @enumNames ["Эквайринг ЮЛ", "Аналитика ФЛ", "Мошенничество ФЛ", "Бизнес-карта ЮЛ", "Брокерское обслуживание ЮЛ", "Брокерский счет ФЛ", "Инкассация ЮЛ", "Факты коррупции ФЛ", "Кредит ЮЛ", "Депозит ЮЛ", "Консультация по продукту ФЛ", "Самоинкассация ЮЛ", "ВЭД ЮЛ", "Ультра ФЛ", "Премиум ФЛ", "Обратная связь"]
- */
-type TypeFormFieldDef =
-  | 'ACQR'
-  | 'ANALITIC'
-  | 'ANTIFRAUD'
-  | 'BCRD'
-  | 'BROK'
-  | 'BROKACCOUNT'
-  | 'COLLECTION'
-  | 'CORRUPTION'
-  | 'CRED'
-  | 'DPST'
-  | 'PRODUCT'
-  | 'SELFCOLLECTION'
-  | 'KVED'
-  | 'ULTRASERVICE'
-  | 'PREMIUMSERVICE'
-  | 'FEEDBACK';
+/** @title Дефолтная форма */
+type hideProductDef = {
+  /** @default "" */
+  showProduct: '';
+};
 
-/**
- * @title Количество колнок
- * @enumNames ["Одна", "Две"]
- */
-export type FormColumnsCount = 1 | 2;
+/** @title Продуктовая форма */
+type showProductDef = productType & {
+  /** @default "show" */
+  showProduct: 'show';
+};
 
-/**
- * @title Endpoint запроса
- * @enumNames ["api/v1/lead", "api/v1/sendcorporatelead"]
- */
-export type EndpointType = 'lead' | 'sendcorporatelead';
+type productType = {
+  /** @title Продукт */
+  product?: string;
+};
 
 /**
- * @title Секция полей ввода
+ * @title Отображать выбор продукта
+ * @default { "showProduct": "" }
  */
-export type SectionsProps = TitleProps & {
-  columns?: FormColumnsCount;
-  inputs?: FieldDef[];
-};
+type additionalParamsType = hideProductDef | showProductDef;
 
 /**
  * @title Форма заявки настраиваемая
  */
 export type ApplicationFormContent = UniBlockContent &
   TitleProps &
-  AspectsProps & {
+  AspectsProps &
+  InputSectionsType & {
     /** @title Кнопка */
     button?: SubmitButtonProps;
     /**
@@ -159,14 +96,10 @@ export type ApplicationFormContent = UniBlockContent &
       /** @default "" */
       target?: Target;
     };
-    typeForm?: TypeFormFieldDef;
-    sections?: SectionsProps[];
+    typeForm?: FormTypeFieldDef;
     endpoint?: EndpointType;
     /** @title Дополнительные параметры формы */
-    additionalParams?: {
-      /** @title Продукт */
-      product?: string;
-    };
+    additionalParams?: additionalParamsType;
     /** @title Показать контакты */
     isContacts?: boolean;
   };

package/src/components/ApplicationForm/Footnote.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type TextProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
-import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
+import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Text } from '../../ui-kit/Text/Text';
 
@@ -10,17 +10,12 @@ type FootnoteProps = TextProps & {
 };
 
 export const Footnote = JSX<FootnoteProps>(({ text, link }) => (
-  <Paragraph size="text-s" font="font-light" color="text-secondary-text">
-    <Text>{text}</Text>
+  <Paragraph size="text-l" font="font-light" color="text-secondary-text">
+    {text ? <Text>{text}</Text> : null}
     {link ? (
-      <LinkButton
-        href={link.href}
-        ariaLabel="условия передачи данных"
-        target={link.target || ''}
-        className="text-primary-main"
-      >
-        <Text>{link.text}</Text>
-      </LinkButton>
+      <Link {...link} ariaLabel="условия передачи данных">
+        {link.text}
+      </Link>
     ) : null}
   </Paragraph>
 ));

package/src/components/ApplicationForm/getFormatData.tsx

@@ -1,9 +1,10 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
+import { CLIENT_KEY, type ApplierType } from '../../ui-kit/FormField/Fields/ApplierTypeField';
+import { VED_TYPES } from '../../ui-kit/FormField/Fields/VedField';
 import { type Option } from '../../ui-kit/Select/Option';
 import { type FormState } from './getInitialFormState';
 import { getPartnerComments } from './getPartnerComments';
-import { VED_TYPES } from './VedField';
 
 export const getFormatData = (data: FormState): Record<string, any> => {
   const {
@@ -14,9 +15,12 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     term,
     annualRevenue,
     serviceType,
-    feedbackType,
     vedTypes,
     region,
+    inn,
+    sufferedFrom,
+    situationDescription,
+    applierType,
     ...usedData
   } = data;
   const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
@@ -24,9 +28,11 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     ...usedData,
     ...getVedTypes(vedTypes),
     ...getRegion(region),
+    ...(inn && { inn }),
     ...(partnerComments ? { partnerComments } : {}),
     ...(serviceType ? { typeForm: serviceType } : {}),
-    ...(feedbackType ? { typeForm: feedbackType } : {}),
+    ...getIncidentComment(sufferedFrom?.text, situationDescription),
+    ...getIsClient(applierType),
   };
 
   return Object.fromEntries(
@@ -34,12 +40,20 @@ export const getFormatData = (data: FormState): Record<string, any> => {
   );
 };
 
+const getIsClient = (applierType?: ApplierType) =>
+  applierType?.key ? { isClient: applierType?.key === CLIENT_KEY } : {};
+
+const getIncidentComment = (sufferedFrom?: string, situationDescription?: string) =>
+  sufferedFrom || situationDescription
+    ? { comment: `${sufferedFrom || ''};${situationDescription || ''}` }
+    : {};
+
 const getRegion = (region?: Option): Record<string, string> =>
   region?.key || region?.text ? { region: region?.text || region?.key } : {};
 
 const getVedTypes = (vedTypes?: string): { vedTypes?: Record<string, boolean> } =>
   vedTypes
     ? {
-        vedTypes: Object.fromEntries(VED_TYPES.map((v) => [v, v === vedTypes])),
+        vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
       }
     : {};

package/src/components/ApplicationForm/getInitialFormState.tsx

@@ -1,8 +1,13 @@
+import {
+  FEEDBACK_METHOD,
+  SERVICE_DIRECTIONS,
+  SERVICE_TYPES,
+} from '../../ui-kit/FormField/constants';
+import { ACQUIRING_TYPES } from '../../ui-kit/FormField/Fields/AcquiringField';
+import { type ApplierType } from '../../ui-kit/FormField/Fields/ApplierTypeField';
+import { VED_TYPES } from '../../ui-kit/FormField/Fields/VedField';
 import { type Option } from '../../ui-kit/Select/Option';
-import { ACQUIRING_TYPES } from './AcquiringField';
 import { type FieldDef } from './ApplicationFormContent';
-import { FEEDBACK_METHOD, FEEDBACK_TYPES, SERVICE_DIRECTIONS, SERVICE_TYPES } from './contants';
-import { VED_TYPES } from './VedField';
 
 export interface FormState {
   typeForm?: Option | string;
@@ -15,8 +20,8 @@ export interface FormState {
   email?: string;
   acquiringType?: Option;
   serviceType?: Option;
-  feedbackType?: Option;
   vedTypes?: string;
+  inn?: string;
   region?: Option;
   onlineCheckout?: boolean;
   posTerminal?: boolean;
@@ -24,6 +29,10 @@ export interface FormState {
   amount?: number;
   annualRevenue?: string;
   consentDataProcessing?: boolean;
+  addressRetail?: Option;
+  sufferedFrom?: Option;
+  situationDescription?: string;
+  applierType?: ApplierType;
 }
 
 const initialFormState = {
@@ -39,32 +48,28 @@ const initialFormState = {
   partnerComments: '',
   annualRevenue: '',
   term: 12,
-  amount: 1000,
+  amount: 100000,
   acquiringType: ACQUIRING_TYPES[0],
   serviceType: SERVICE_TYPES[0],
-  feedbackType: FEEDBACK_TYPES[0],
   feedbackMethod: FEEDBACK_METHOD[0],
   serviceDirection: SERVICE_DIRECTIONS[0],
-  vedTypes: VED_TYPES[0],
+  vedTypes: VED_TYPES[0].id,
   birthday: undefined,
   isClient: false,
   onlineCheckout: false,
   posTerminal: false,
   consentToReceiveMaterials: false,
   consentDataProcessing: false,
+  addressRetail: { key: '', text: '' },
 };
 
 export const getInitialFormState = (inputs: FieldDef[], typeForm = ''): FormState => {
   const formState = Object.fromEntries(
     inputs.map((_) => [
       _.name,
-      (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
+      (_?.name === 'vedTypes' && _?.defaultValue) || initialFormState[_.name || ''],
     ]),
   );
 
-  if (formState?.serviceType && typeForm === 'PREMIUMSERVICE') {
-    formState.serviceType = SERVICE_TYPES[1];
-  }
-
   return { ...formState, typeForm: { key: '' || typeForm, text: '' } };
 };

package/src/components/ApplicationForm/getPartnerComments.tsx

@@ -1,4 +1,4 @@
-import { isAcquiringTrade } from './AcquiringField';
+import { isAcquiringTrade } from '../../ui-kit/FormField/Fields/AcquiringField';
 import { type FormState } from './getInitialFormState';
 
 export const getPartnerComments = (data: FormState): string => {

package/src/components/ApplicationForm/renderAgreementSubmit.tsx

@@ -1,23 +1,24 @@
-import { type FieldProps } from '../../hooks/useForm';
+import { type FieldProps } from '../../hooks/useForm/useForm';
 import { type LinkProps } from '../../model/LinkProps';
+import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { agreementValidator } from '../../ui-kit/FormField/validators';
 import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
 import { withValidator } from '../../validation/withValidator';
 import { type SubmitButtonProps } from './ApplicationFormContent';
 import { Footnote } from './Footnote';
-import { renderSubmitButton } from './renderSubmitButton';
-import { agreementValidator } from './validators';
 
 const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
+
 export const renderAgreementSubmit = (
   consentDataProcessing?: FieldProps<boolean>,
   link?: LinkProps,
   button?: SubmitButtonProps,
 ) => (
-  <div className="flex col-span-2 gap-m flex-col lg:flex-row w-full justify-between items-baseline">
+  <div className="flex col-span-2 gap-xs flex-col w-full items-baseline">
     {consentDataProcessing ? (
       <div>
-        <div className="flex gap-3">
+        <div className="flex gap-3 items-center">
           <Checkbox {...consentDataProcessing} />
           <Footnote link={link} />
         </div>
@@ -26,6 +27,8 @@ export const renderAgreementSubmit = (
     ) : (
       <Footnote text={agreementText} link={link} />
     )}
-    {renderSubmitButton(button)}
+    <SubmitButton className="w-full @xl:w-auto">
+      {button?.text ? button.text : 'Отправить заявку'}
+    </SubmitButton>
   </div>
 );

package/src/components/ApplicationForm/renderContacts.tsx

@@ -8,18 +8,18 @@ export const renderContacts = () => (
       title="Или свяжитесь с нами удобным способом"
       className="@xl:text-center"
     />
-    <div className="flex gap-xl">
+    <div className="flex sm:justify-center gap-xl">
       <a
         className="flex gap-s items-center text-primary-text no-underline"
         href={`tel:8 (800) 200-78-70`}
-        aria-label="8 (800) 200-78-70"
+        aria-label="телефон 8 (800) 200-78-70"
       >
         <Img image={{ icon: 'PhoneIcon' }} width="24" height="24" />
         <span>8 (800) 200-78-70</span>
       </a>
       <a
         className="flex gap-s items-center text-primary-text no-underline"
-        aria-label="ved@rshb.ru"
+        aria-label="почта ved@rshb.ru"
         href={`mailto:ved@rshb.ru`}
       >
         <Img image={{ icon: 'MailIcon' }} width="24" height="24" />

package/src/components/ApplicationLeadForm/ApplicationLeadForm.example.json

@@ -0,0 +1,70 @@
+[
+  [
+    "Лид форма",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Лид форма",
+        "typeForm": "OUTSERVICE",
+        "endpoint": "lead",
+        "sections": [
+          {
+            "columns": 2,
+            "inputs": [
+              {
+                "name": "surname",
+                "required": true
+              },
+              {
+                "name": "name",
+                "required": true
+              },
+              {
+                "name": "middleName"
+              },
+              {
+                "name": "limitedBirthday",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "email",
+                "required": true
+              }
+            ]
+          },
+          {
+            "inputs": [
+              {
+                "name": "processPersonalDataFlg",
+                "required": true
+              },
+              {
+                "name": "consentProviderFlg",
+                "required": true
+              },
+              {
+                "name": "consentOthersFlg",
+                "required": true
+              },
+              {
+                "name": "consentInformFlg"
+              },
+              {
+                "name": "consentPfrFlg"
+              }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Оформить",
+          "version": "primary"
+        }
+      }
+    }
+  ]
+]