@redneckz/wildless-cms-uni-blocks 0.15.342 → 0.16.1

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { withValidator } from '../../../validation/withValidator';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export const ConsentProviderField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Согласие об использовании простой электронной подписи"
+    {...withValidator(field('consentProviderFlg'), validatorObj.consentProviderFlg)}
+  />
+));

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

@@ -0,0 +1,10 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const ConsentToReceiveMaterialsField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Согласен на получение информационных и аналитических материалов по электронной почте"
+    {...field('consentToReceiveMaterials')}
+  />
+));

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { withValidator } from '../../../validation/withValidator';
+import { SelectControl } from '../../Select/SelectControl';
+import { FEEDBACK_METHOD } from '../constants';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export const FeedbackMethodField = JSX<CustomFieldProps>(({ field }) => (
+  <SelectControl
+    label="Способ получения ответа"
+    options={FEEDBACK_METHOD}
+    {...withValidator(field('feedbackMethod'), validatorObj.feedbackMethod)}
+  />
+));

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

@@ -0,0 +1,25 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { withValidator } from '../../../validation/withValidator';
+import { SelectControl } from '../../Select/SelectControl';
+import { FEEDBACK_TYPES, SERVICE_DIRECTIONS } from '../constants';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export const FeedbackTypeField = JSX<CustomFieldProps>(({ field }) => {
+  const feedbackType = field('feedbackType');
+  useEffect(() => {
+    if (feedbackType?.value?.key === 'FEEDBACK') {
+      field('serviceDirection')?.onChange?.(SERVICE_DIRECTIONS[0]);
+    }
+  }, [feedbackType?.value]);
+
+  return (
+    <SelectControl
+      label="Тема"
+      placeholder="Выберите тему"
+      options={FEEDBACK_TYPES}
+      {...withValidator(feedbackType, validatorObj.feedbackType)}
+    />
+  );
+});

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const IsClientField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError {...field('isClient')} text='Являюсь клиентом банка АО "Россельхозбанк"' />
+));

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

@@ -0,0 +1,34 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useRegions } from '../../../hooks/useRegions';
+import { SelectControl } from '../../Select/SelectControl';
+import { OUT_SERVICE_URL } from '../constants';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+type RegionFieldProps = CustomFieldProps;
+
+export const LocalitiesField = JSX<RegionFieldProps>(({ field, input }) => {
+  const fieldRegion = field('region');
+  const regionKey = fieldRegion?.value?.key;
+  const localities = useRegions(OUT_SERVICE_URL)
+    ?.find((_) => _.code === regionKey)
+    ?.localities?.map((_) => ({ key: _, text: _ }));
+
+  useEffect(() => {
+    if (regionKey !== '') {
+      field?.('localities')?.onChange?.('');
+    }
+  }, [regionKey]);
+
+  return (
+    <SelectControl
+      label="Населенный пункт"
+      placeholder="Выберите город, где доступен сервис"
+      options={localities}
+      {...getValidation(field('localities'), validatorObj.localities, input?.required)}
+      isSearch={true}
+    />
+  );
+});

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const MiddleNameField = JSX<CustomFieldProps>(({ field }) => (
+  <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
+));

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

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type FieldDef } from '../../../components/ApplicationForm/ApplicationFormContent';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const NameField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { required, ...rest } = input as FieldDef;
+
+  return (
+    <InputControl
+      label="Имя"
+      {...getValidation(field('name'), validatorObj.name, required)}
+      {...rest}
+    />
+  );
+});

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

@@ -0,0 +1,10 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { SlideCheckbox } from '../../SlideCheckbox/SlideCheckbox';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isAcquiringTrade } from './AcquiringField';
+
+export const OnlineCheckoutField = JSX<CustomFieldProps>(({ field }) =>
+  isAcquiringTrade(field('acquiringType')?.value?.key as string) ? (
+    <SlideCheckbox type="radio" text="Хочу онлайн-кассу" {...field('onlineCheckout')} />
+  ) : null,
+);

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

@@ -0,0 +1,19 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type FieldDef } from '../../../components/ApplicationForm/ApplicationFormContent';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const PartnerCommentsField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { required, ...rest } = input as FieldDef;
+
+  return (
+    <InputControl
+      {...getValidation(field('partnerComments'), validatorObj.partnerComments, required)}
+      placeholder="Укажите интересующий вас вопрос"
+      isTextarea={true}
+      {...rest}
+    />
+  );
+});

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputPhoneControl } from '../../Input/InputPhoneControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const PhoneField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputPhoneControl
+    label="Телефон"
+    {...getValidation(field('phone'), validatorObj.phone, input?.required)}
+  />
+));

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

@@ -0,0 +1,10 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { SlideCheckbox } from '../../SlideCheckbox/SlideCheckbox';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isAcquiringTrade } from './AcquiringField';
+
+export const PosTerminalField = JSX<CustomFieldProps>(({ field }) =>
+  isAcquiringTrade(field('acquiringType')?.value?.key as string) ? (
+    <SlideCheckbox type="radio" text="Хочу POS-терминал" {...field('posTerminal')} />
+  ) : null,
+);

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { withValidator } from '../../../validation/withValidator';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export const ProcessPersonalDataField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Согласие на обработку персональных данных"
+    {...withValidator(field('processPersonalDataLeadFlg'), validatorObj.processPersonalDataLeadFlg)}
+  />
+));

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

@@ -0,0 +1,24 @@
+import { type JSONRefObject } from '../../../data/JSONRefObject';
+import { UniBlock } from '../../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../../UniBlock/UniBlockProps';
+import { withValidator } from '../../../validation/withValidator';
+import { SelectControl } from '../../Select/SelectControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export interface ProductFieldProps extends CustomFieldProps, UniBlockProps {
+  source?: JSONRefObject & {
+    productList?: string[];
+  };
+}
+
+export const ProductField = UniBlock<ProductFieldProps>(({ field, source }) => (
+  <SelectControl
+    placeholder="Выберите продукт"
+    label="Продукт"
+    options={arrayToOptions(source?.productList)}
+    {...withValidator(field('product'), validatorObj.product)}
+  />
+));
+
+const arrayToOptions = (array?: string[]) => (array ?? []).map((_) => ({ key: _, value: _ }));

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

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useRegions } from '../../../hooks/useRegions';
+import { SelectControl } from '../../Select/SelectControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const RegionField = JSX<CustomFieldProps>(({ field, input, url }) => {
+  const regions = useRegions(url);
+
+  return (
+    <SelectControl
+      label="Филиал"
+      placeholder="Выберите филиал"
+      isSearch={true}
+      options={useMemo(
+        () => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })),
+        [regions],
+      )}
+      {...getValidation(field('region'), validatorObj.region, input?.required)}
+    />
+  );
+});

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

@@ -0,0 +1,29 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useBranchesByRegions } from '../../../hooks/useBranchesByRegions';
+import { type Option } from '../../Select/Option';
+import { SelectControl } from '../../Select/SelectControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const RegionPremiumField = JSX<CustomFieldProps>(({ field, input }) => {
+  const branchByRegions = useBranchesByRegions();
+  const regions = useMemo(
+    () =>
+      branchByRegions?.map(({ region }) => ({
+        key: region,
+        text: region,
+      })),
+    [branchByRegions],
+  );
+
+  return (
+    <SelectControl
+      label="Регион"
+      placeholder="Выберите регион"
+      options={regions as Option[]}
+      {...getValidation(field('region'), validatorObj.region, input?.required)}
+    />
+  );
+});

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

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { withValidator } from '../../../validation/withValidator';
+import { InputPhoneControl } from '../../Input/InputPhoneControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export const SecondaryPhoneField = JSX<CustomFieldProps>(({ field }) => {
+  const fieldPhone = field('secondaryPhone');
+
+  return (
+    <InputPhoneControl
+      label="Дополнительный телефон"
+      {...(!fieldPhone.value || fieldPhone.value === '+7 ('
+        ? fieldPhone
+        : withValidator(fieldPhone, validatorObj.secondaryPhone))}
+    />
+  );
+});

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

@@ -0,0 +1,15 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { withValidator } from '../../../validation/withValidator';
+import { SelectControl } from '../../Select/SelectControl';
+import { SERVICE_DIRECTIONS } from '../constants';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+
+export const ServiceDirectionField = JSX<CustomFieldProps>(({ field }) => (
+  <SelectControl
+    label="Направление обслуживания"
+    placeholder="Выберите направление"
+    options={SERVICE_DIRECTIONS}
+    {...withValidator(field('serviceDirection'), validatorObj.serviceDirection)}
+  />
+));

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

@@ -0,0 +1,12 @@
+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 SurnameField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Фамилия"
+    {...getValidation(field('surname'), validatorObj.surname, input?.required)}
+  />
+));

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

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputRange } from '../../InputRange/InputRange';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const MIN_CREDIT_TERM = 1;
+const MAX_CREDIT_TERM = 180;
+const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
+
+export const TermField = JSX<CustomFieldProps>(({ field }) => (
+  <InputRange
+    title="Срок, месяцев"
+    items={ITEMS_CREDIT_TERM}
+    min={MIN_CREDIT_TERM}
+    max={MAX_CREDIT_TERM}
+    {...field('term')}
+  />
+));

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { withValidator } from '../../../validation/withValidator';
+import { SelectControl } from '../../Select/SelectControl';
+import { SERVICE_TYPES } from '../constants';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+export const UltraPremiumField = JSX<CustomFieldProps>(({ field }) => (
+  <SelectControl
+    label="Тип обслуживания"
+    options={SERVICE_TYPES}
+    {...withValidator(field('serviceType'), validatorObj.serviceType)}
+  />
+));

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

@@ -0,0 +1,54 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { Radio } from '../../Radio/Radio';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const VED_TYPES: string[] = [
+  'currencyControl',
+  'documentOperations',
+  'conversionTransactions',
+  'otherIssues',
+];
+
+export const VedField = JSX<CustomFieldProps>(({ field }) => {
+  const { value, onChange } = field('vedTypes');
+  useEffect(() => {
+    if (value !== 'currencyControl') {
+      field?.('inn')?.onChange?.('');
+      field?.('region')?.onChange?.('');
+    }
+  }, [value]);
+
+  return (
+    <div className="py-m gap-m grid @xl:flex @xl:items-center">
+      <Radio
+        name="vedTypes"
+        text="Валютный контроль"
+        value="currencyControl"
+        checked={value === 'currencyControl'}
+        onChange={onChange}
+      />
+      <Radio
+        name="vedTypes"
+        text="Документарные операции"
+        value="documentOperations"
+        checked={value === 'documentOperations'}
+        onChange={onChange}
+      />
+      <Radio
+        name="vedTypes"
+        text="Конверсионные операции"
+        value="conversionTransactions"
+        checked={value === 'conversionTransactions'}
+        onChange={onChange}
+      />
+      <Radio
+        name="vedTypes"
+        text="Иные вопросы ВЭД"
+        value="otherIssues"
+        checked={value === 'otherIssues'}
+        onChange={onChange}
+      />
+    </div>
+  );
+});

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

@@ -0,0 +1,29 @@
+import { type Option } from '../Select/Option';
+
+export const SERVICE_TYPES: Option[] = [
+  { key: 'ULTRASERVICE', text: 'Ультра' },
+  { key: 'PREMIUMSERVICE', text: 'Премиум' },
+];
+
+export const SERVICE_DIRECTIONS: Option[] = [
+  { key: 'Физическое лицо' },
+  { key: 'Юридическое лицо / ИП' },
+];
+
+export const FEEDBACK_TYPES: Option[] = [
+  {
+    text: 'Задать вопрос по продуктам и услугам',
+    key: 'FEEDBACK',
+  },
+  {
+    text: 'Качество обслуживания',
+    key: 'FEEDBACK_QS',
+  },
+];
+
+export const FEEDBACK_METHOD: Option[] = [
+  { key: 'phone', text: 'Телефонный звонок' },
+  { key: 'email', text: 'Электронное сообщение' },
+];
+
+export const OUT_SERVICE_URL = '/api/v1/outservice/outserviceregions';

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

@@ -0,0 +1,4 @@
+import type { FieldDef } from '../../components/ApplicationLeadForm/ApplicationLeadFormContent';
+
+export const getConsentDataProcessing = (inputs: FieldDef[]) =>
+  inputs?.find((_) => _?.name === 'consentDataProcessing');

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

@@ -0,0 +1,148 @@
+import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
+import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
+import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { CheckboxWithError } from '../Checkbox/CheckboxWithError';
+import { DatePickerControl } from '../DatePicker/DatePickerControl';
+import { InputControl } from '../Input/InputControl';
+import { AcquiringField } from './Fields/AcquiringField';
+import { AddressBranchField } from './Fields/AddressBranchField';
+import { AmountField } from './Fields/AmountField';
+import { CommentField } from './Fields/CommentField';
+import { ConsentAssignmentField } from './Fields/ConsentAssignmentField';
+import { ConsentCollectionField } from './Fields/ConsentCollectionField';
+import { ConsentInformField } from './Fields/ConsentInformField';
+import { ConsentPhotoFlg } from './Fields/ConsentPhotoField';
+import { ConsentProviderField } from './Fields/ConsentProviderField';
+import { ConsentToReceiveMaterialsField } from './Fields/ConsentToReceiveMaterialsField';
+import { FeedbackMethodField } from './Fields/FeedbackMethodField';
+import { FeedbackTypeField } from './Fields/FeedbackTypeField';
+import { IsClientField } from './Fields/IsClientField';
+import { LocalitiesField } from './Fields/LocalitiesField';
+import { MiddleNameField } from './Fields/MiddleNameField';
+import { NameField } from './Fields/NameField';
+import { OnlineCheckoutField } from './Fields/OnlineCheckoutField';
+import { PartnerCommentsField } from './Fields/PartnerCommentsField';
+import { PhoneField } from './Fields/PhoneField';
+import { PosTerminalField } from './Fields/PosTerminalField';
+import { ProcessPersonalDataField } from './Fields/ProcessPersonalDataField';
+import { ProductField } from './Fields/ProductField';
+import { RegionField } from './Fields/RegionField';
+import { RegionPremiumField } from './Fields/RegionPremiumField';
+import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
+import { ServiceDirectionField } from './Fields/ServiceDirectionField';
+import { SurnameField } from './Fields/SurnameField';
+import { TermField } from './Fields/TermField';
+import { UltraPremiumField } from './Fields/UltraPremiumField';
+import { VedField } from './Fields/VedField';
+import { validatorObj } from './getObjectValidator';
+import { getValidation } from './getValidation';
+import { isRenderField } from './isRenderField';
+
+const PRODUCT_REF = {
+  $ref: '/wcms-resources/outservice-productlist.json',
+};
+
+export const getField =
+  // eslint-disable-next-line max-lines-per-function
+  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, i: number) => {
+    const { required, ...rest } = input;
+    const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
+
+    const InputsMap = {
+      surname: <SurnameField field={field} input={input} />,
+      name: <NameField field={field} input={input} />,
+      middleName: <MiddleNameField field={field} />,
+      phone: <PhoneField field={field} input={input} />,
+      email: (
+        <InputControl
+          label="Электронная почта"
+          {...getValidation(field('email'), validatorObj.email, required)}
+          {...rest}
+        />
+      ),
+      fullName: (
+        <InputControl
+          label="ФИО"
+          {...getValidation(field('fullName'), validatorObj.fullName, required)}
+          {...rest}
+        />
+      ),
+      inn: (
+        <InputControl
+          label="ИНН"
+          type="number"
+          {...getValidation(field('inn'), validatorObj.inn, required)}
+        />
+      ),
+      comment: <CommentField field={field} input={input} />,
+      region: isPremium ? (
+        <RegionPremiumField field={field} />
+      ) : (
+        <RegionField field={field} input={input} url={getRegionUrl(typeForm)} />
+      ),
+      addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
+      birthday: (
+        <DatePickerControl
+          label="Дата рождения"
+          {...getValidation(field('birthday'), validatorObj.birthday, required)}
+        />
+      ),
+      desiredMeetingDate: (
+        <DatePickerControl
+          label="Желаемая дата встречи"
+          {...getValidation(field('desiredMeetingDate'), validatorObj.meetingDay, required)}
+        />
+      ),
+      product: <ProductField field={field} source={PRODUCT_REF} />,
+      localities: <LocalitiesField field={field} input={input} />,
+      isClient: <IsClientField field={field} />,
+      partnerComments: <PartnerCommentsField field={field} input={input} />,
+      collectionCount: (
+        <InputControl
+          label="Количество объектов инкассации"
+          type="number"
+          {...getValidation(field('collectionCount'), validatorObj.collectionCount, required)}
+        />
+      ),
+      acquiringType: <AcquiringField field={field} input={input} />,
+      onlineCheckout: <OnlineCheckoutField field={field} />,
+      posTerminal: <PosTerminalField field={field} />,
+      serviceType: <UltraPremiumField field={field} />,
+      term: <TermField field={field} />,
+      amount: <AmountField field={field} />,
+      annualRevenue: (
+        <InputControl
+          label="Годовая выручка, ₽"
+          {...getValidation(field('annualRevenue'), validatorObj.annualRevenue, required)}
+        />
+      ),
+      vedTypes: <VedField field={field} />,
+      feedbackType: <FeedbackTypeField field={field} />,
+      feedbackMethod: <FeedbackMethodField field={field} />,
+      serviceDirection: <ServiceDirectionField field={field} />,
+      bankEmpolee: (
+        <InputControl
+          label="ФИО или должность обслуживавшего Вас сотрудника Банка"
+          {...field('bankEmpolee')}
+        />
+      ),
+      applicationDate: (
+        <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
+      ),
+      secondaryPhone: <SecondaryPhoneField field={field} />,
+      consentPfrFlg: (
+        <CheckboxWithError text="Согласие на запрос в ПФР" {...field('consentPfrFlg')} />
+      ),
+      consentToReceiveMaterials: <ConsentToReceiveMaterialsField field={field} />,
+      processPersonalDataLeadFlg: <ProcessPersonalDataField field={field} />,
+      consentProviderFlg: <ConsentProviderField field={field} />,
+      consentPhotoFlg: <ConsentPhotoFlg field={field} />,
+      consentAssignmentClaimsFlg: <ConsentAssignmentField field={field} />,
+      consentCollectionFlg: <ConsentCollectionField field={field} />,
+      consentInformFlg: <ConsentInformField field={field} />,
+    };
+
+    return isRenderField({ input, field }) ? (
+      <div key={String(i)}>{InputsMap[input?.name]}</div>
+    ) : null;
+  };

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

@@ -0,0 +1,4 @@
+import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
+
+export const getNamesFromInput = (inputs: FieldDef[]) =>
+  Object.values(inputs.filter((_) => _))?.map((_) => _.name);