@redneckz/wildless-cms-uni-blocks 0.14.294 → 0.14.296

package/mobile/lib/ui-kit/TabsControl/TabsControl.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 import { renderTab } from './renderTab.js';
-export const TabsControl = JSX(({ className, tabsType = 'default', items = [], value, onChange }) => (_jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tablist", children: items.map(renderTab(value, onChange, tabsType)) })));
+export const TabsControl = JSX(({ className, tabsType = 'default', items = [], value, onChange }) => (_jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tabpanel", children: items.map(renderTab(value, onChange, tabsType)) })));
 //# sourceMappingURL=TabsControl.js.map

package/mobile/lib/ui-kit/TabsControl/TabsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cAAK,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5F,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}
+{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cACE,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAC1E,IAAI,EAAC,UAAU,YAEd,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/TabsControl/TabsControlProps.d.ts

@@ -1,6 +1,15 @@
 import { type ListControlProps } from '../ListControlProps';
-import { type TabItemBase, type TabType } from './TabItem';
+import { type TabItemBase } from './TabItem';
+/**
+ * @title Тип вкладки
+ * @enumNames [
+ *   "По ширине экрана",
+ *   "С прокруткой",
+ *   "Кнопка с анимацией",
+ * ]
+ */
+export declare type TabsType = 'default' | 'underlined' | 'animated';
 export interface TabsControlProps extends ListControlProps<TabItemBase> {
     className?: string;
-    tabsType?: TabType;
+    tabsType?: TabsType;
 }

package/mobile/lib/ui-kit/TabsControl/renderTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type TabItemBase, type TabType } from './TabItem';
-import { type TabsControlProps } from './TabsControlProps';
-export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) => (tab: TabItemBase, i: number) => JSX.Element;
+import { type TabItemBase } from './TabItem';
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabsType) => (tab: TabItemBase, i: number) => JSX.Element;

package/mobile/lib/ui-kit/TabsControl/renderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAkC,MAAM,WAAW,CAAC;AAGpE,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAc,EAAE,EAAE,CACpF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAGtD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAe,EAAE,EAAE,CACrF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}

package/mobile/lib/ui-kit/TabsControl/renderTabItemInner.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type Picture } from '../../model/Picture';
+interface TabsLayoutButtonProps {
+    isActive: boolean;
+    description?: string;
+    icon?: Picture;
+    type: string;
+    text?: string;
+}
+export declare const renderTabItemInner: ({ text, description, icon, isActive, type, }: TabsLayoutButtonProps) => JSX.Element;
+export {};

package/mobile/lib/ui-kit/TabsControl/renderTabItemInner.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { style } from '../../utils/style.js';
+import { Img } from '../Img/Img.js';
+const getButtonClassNames = (isActive) => ({
+    btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
+    text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
+    desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
+    icon: isActive ? '' : 'text-primary-main',
+    iconVersion: (isActive ? 'white' : 'normal'),
+    oldText: 'text-m text-center',
+    oldDesc: 'text-m-light',
+});
+export const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
+    const buttonClassNames = getButtonClassNames(isActive);
+    return (_jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, role: "tab", children: [icon ? (_jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
+                    ...icon,
+                    iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
+                }, width: "24", height: "24", alt: text })) : null, _jsxs("div", { className: "border-0", children: [_jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), _jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
+};
+//# sourceMappingURL=renderTabItemInner.js.map

package/mobile/lib/ui-kit/TabsControl/renderTabItemInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTabItemInner.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,MAAM,mBAAmB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,CAAC;IAClD,GAAG,EAAE,QACH,QAAQ,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC,mCAC5D,EAAE;IACF,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iCAAiC;IACpE,IAAI,EAAE,cAAc,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,4BAA4B,EAAE;IACnF,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;IACzC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAgB;IAC3D,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,IAAI,GACkB,EAAE,EAAE;IAC1B,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CAAC,kDAAkD,CAAC,gBACxD,IAAI,EAChB,IAAI,EAAC,KAAK,aAET,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAClE,KAAK,EAAE;oBACL,GAAG,IAAI;oBACP,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,gBAAgB,CAAC,WAAW;iBAC/D,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,IAAI,GACT,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,IAAI,GACD,EACN,cAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,WAAW,GACR,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/src/components/ApplicationForm/ApplicationForm.tsx

@@ -0,0 +1,132 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useEffect, useState } 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 { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
+import { Text } from '../../ui-kit/Text/Text';
+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 { 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>(
+  ({
+    className,
+    title,
+    typeForm = '',
+    sections = [],
+    button,
+    link,
+    endpoint,
+    additionalParams,
+    isContacts,
+    data,
+    ...rest
+  }) => {
+    const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
+    const initialFormState = getInitialFormState(inputs, typeForm);
+    const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
+
+    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);
+
+        if (status === 'OK' && data) {
+          const aspects = useAspects();
+          handleAspects({ aspectsAttributes: data, aspects, ev, formData: formatData });
+        }
+
+        return status;
+      },
+      [],
+    );
+
+    const [, { field, onSubmit, reset }] = useForm(initialFormState, { 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}>
+          {sections.map((_, i) => (
+            <div
+              key={`section-${i}`}
+              className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
+            >
+              {renderTitle(_.title)}
+              {(_?.inputs || [])?.map(getField(field, typeForm))}
+            </div>
+          ))}
+          {renderAgreementSubmit(
+            fieldName ? field('consentDataProcessing') : undefined,
+            link,
+            button,
+          )}
+        </form>
+        {isContacts ? renderContacts() : null}
+      </ApplicationFormLayout>
+    );
+  },
+);
+
+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/mobile/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -0,0 +1,164 @@
+/* eslint-disable max-len */
+
+import { type AspectsProps } from '../../model/AspectsProps';
+import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
+import { type LinkProps } from '../../model/LinkProps';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+
+interface Required {
+  /** @title Обязательно для заполнения */
+  required?: boolean;
+}
+
+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 Условия отображения полей формы */
+  condition?: {
+    name: NameFieldDef;
+    /** @title Значения при которых отображаются поля */
+    values: string[];
+  };
+};
+
+export type FieldDefaultDef = Required &
+  LabelProps &
+  ConditionFieldProps & {
+    name: NameFieldDef;
+  };
+
+/**
+ * @title Поля ввода по умолчанию
+ * @default {"fieldType": "common"}
+ */
+export type FieldCommonDef = FieldDefaultDef & {
+  /** @default "common" */
+  fieldType: 'common';
+};
+
+type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTransactions' | 'otherIssues';
+
+/**
+ * @title Поле ввода ВЭД
+ * @default {"fieldType": "ved", "name": "vedTypes", "defaultValue": "currencyControl"}
+ */
+export type FieldVedDef = FieldDefaultDef & {
+  /** @default "ved" */
+  fieldType: 'ved';
+  /** @title Значение по умолчанию */
+  defaultValue?: VedTypes;
+};
+
+/**
+ * @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 Количество колнок
+ * @enumNames ["Одна", "Две"]
+ */
+export type FormColumnsCount = 1 | 2;
+
+/**
+ * @title Endpoint запроса
+ * @enumNames ["api/v1/lead", "api/v1/sendcorporatelead"]
+ */
+export type EndpointType = 'lead' | 'sendcorporatelead';
+
+/**
+ * @title Секция полей ввода
+ */
+export type SectionsProps = TitleProps & {
+  columns?: FormColumnsCount;
+  inputs?: FieldDef[];
+};
+
+/**
+ * @title Форма заявки настраиваемая
+ */
+export type ApplicationFormContent = UniBlockContent &
+  TitleProps &
+  AspectsProps & {
+    /** @title Кнопка */
+    button?: SubmitButtonProps;
+    /**
+     * @title Условия передачи данных
+     * @required ["text", "href"]
+     */
+    link?: LinkProps;
+    typeForm?: TypeFormFieldDef;
+    sections?: SectionsProps[];
+    endpoint?: EndpointType;
+    /** @title Дополнительные параметры формы */
+    additionalParams?: {
+      /** @title Продукт */
+      product?: string;
+    };
+    /** @title Показать контакты */
+    isContacts?: boolean;
+  };

package/mobile/src/components/ApplicationForm/CustomFieldProps.ts

@@ -0,0 +1,7 @@
+import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { type FieldDef } from './ApplicationFormContent';
+
+export interface CustomFieldProps {
+  field: FormFieldRegisterer<any>;
+  input?: FieldDef;
+}

package/mobile/src/components/ApplicationForm/getField.tsx

@@ -0,0 +1,154 @@
+import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { CheckboxWithError } from '../../ui-kit/Checkbox/CheckboxWithError';
+import { DatePickerControl } from '../../ui-kit/DatePicker/DatePickerControl';
+import { InputControl } from '../../ui-kit/Input/InputControl';
+import { InputPhoneControl } from '../../ui-kit/Input/InputPhoneControl';
+import { AcquiringField } from './AcquiringField';
+import { AddressBranchField } from './AddressBranchField';
+import { AmountField } from './AmountField';
+import { type FieldDef } from './ApplicationFormContent';
+import { CommentField } from './CommentField';
+import { FeedbackMethodField } from './FeedbackMethodField';
+import { FeedbackTypeField } from './FeedbackTypeField';
+import { validatorObj } from './getObjectValidator';
+import { getValidation } from './getValidation';
+import { IsClientField } from './IsClientField';
+import { OnlineCheckoutField } from './OnlineCheckoutField';
+import { SecondaryPhoneField } from './PartnerCommentsField';
+import { PosTerminalField } from './PosTerminalField';
+import { RegionField } from './RegionField';
+import { RegionPremiumField } from './RegionPremiumField';
+import { ServiceDirectionField } from './ServiceDirectionField';
+import { TermField } from './TermField';
+import { UltraPremiumField } from './UltraPremiumField';
+import { VedField } from './VedField';
+
+export const getField =
+  // eslint-disable-next-line max-lines-per-function
+  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, index: number) => {
+    const { required, ...rest } = input;
+    const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
+
+    const InputsMap = {
+      surname: (
+        <InputControl
+          label="Фамилия"
+          {...getValidation(field('surname'), validatorObj.surname, required)}
+        />
+      ),
+      name: (
+        <InputControl
+          label="Имя"
+          {...getValidation(field('name'), validatorObj.name, required)}
+          {...rest}
+        />
+      ),
+      middleName: (
+        <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
+      ),
+      phone: (
+        <InputPhoneControl
+          label="Телефон"
+          {...getValidation(field('phone'), validatorObj.phone, required)}
+        />
+      ),
+      email: (
+        <InputControl
+          label="Электронная почта"
+          {...getValidation(field('email'), validatorObj.email, required)}
+        />
+      ),
+      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} />
+      ),
+      addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
+      birthday: (
+        <DatePickerControl
+          label="Дата рождения"
+          {...getValidation(field('birthday'), validatorObj.birthday, required)}
+        />
+      ),
+      isClient: <IsClientField field={field} />,
+      consentToReceiveMaterials: (
+        <CheckboxWithError
+          {...field('consentToReceiveMaterials')}
+          text="Согласен на получение информационных и аналитических материалов по электронной почте"
+        />
+      ),
+      partnerComments: (
+        <InputControl
+          {...getValidation(field('partnerComments'), validatorObj.partnerComments, required)}
+          placeholder="Укажите интересующий вас вопрос"
+          isTextarea={true}
+          {...rest}
+        />
+      ),
+      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} />,
+    };
+
+    return isRenderField({ input, field }) ? (
+      <div key={String(index)}>{InputsMap[input?.name]}</div>
+    ) : null;
+  };
+
+export function isRenderField({
+  input,
+  field,
+}: {
+  input: FieldDef;
+  field: FormFieldRegisterer<any>;
+}) {
+  const { condition } = input;
+  const { value } = field(condition?.name || '');
+
+  return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
+}

package/mobile/src/components/ApplicationForm/getInitialFormState.tsx

@@ -0,0 +1,70 @@
+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;
+  surname?: string;
+  name?: string;
+  middleName?: string;
+  birthday?: Date;
+  phone?: string;
+  secondaryPhone?: string;
+  email?: string;
+  acquiringType?: Option;
+  serviceType?: Option;
+  feedbackType?: Option;
+  vedTypes?: string;
+  region?: Option;
+  onlineCheckout?: boolean;
+  posTerminal?: boolean;
+  term?: number;
+  amount?: number;
+  annualRevenue?: string;
+  consentDataProcessing?: boolean;
+}
+
+const initialFormState = {
+  typeForm: '',
+  region: { key: '', text: '' },
+  addressBranch: { key: '', text: '' },
+  surname: '',
+  name: '',
+  phone: '',
+  secondaryPhone: '',
+  comment: '',
+  product: '',
+  partnerComments: '',
+  annualRevenue: '',
+  term: 12,
+  amount: 1000,
+  acquiringType: ACQUIRING_TYPES[0],
+  serviceType: SERVICE_TYPES[0],
+  feedbackType: FEEDBACK_TYPES[0],
+  feedbackMethod: FEEDBACK_METHOD[0],
+  serviceDirection: SERVICE_DIRECTIONS[0],
+  vedTypes: VED_TYPES[0],
+  birthday: undefined,
+  isClient: false,
+  onlineCheckout: false,
+  posTerminal: false,
+  consentToReceiveMaterials: false,
+  consentDataProcessing: false,
+};
+
+export const getInitialFormState = (inputs: FieldDef[], typeForm = ''): FormState => {
+  const formState = Object.fromEntries(
+    inputs.map((_) => [
+      _.name,
+      (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
+    ]),
+  );
+
+  if (formState?.serviceType && typeForm === 'PREMIUMSERVICE') {
+    formState.serviceType = SERVICE_TYPES[1];
+  }
+
+  return { ...formState, typeForm: { key: '' || typeForm, text: '' } };
+};

package/mobile/src/components/ApplicationForm/getNamesFromInput.tsx

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

package/mobile/src/components/ApplicationForm/getObjectValidator.tsx

@@ -0,0 +1,43 @@
+import { type Validator } from '../../validation/validator';
+import { type FieldDef } from './ApplicationFormContent';
+import { getNamesFromInput } from './getNamesFromInput';
+import {
+  agreementValidator,
+  defaultSelectValidator,
+  defaultValidator,
+  innValidator,
+  nameValidator,
+  phoneValidator,
+} from './validators';
+
+export const validatorObj: Record<string, Validator> = {
+  typeForm: defaultValidator,
+  surname: nameValidator,
+  name: nameValidator,
+  region: defaultSelectValidator,
+  addressBranch: defaultSelectValidator,
+  phone: phoneValidator,
+  secondaryPhone: phoneValidator,
+  birthday: defaultValidator,
+  email: defaultValidator,
+  fullName: nameValidator,
+  inn: innValidator,
+  partnerComments: defaultValidator,
+  collectionCount: defaultValidator,
+  comment: defaultValidator,
+  acquiringType: defaultSelectValidator,
+  feedbackType: defaultSelectValidator,
+  feedbackMethod: defaultSelectValidator,
+  serviceType: defaultSelectValidator,
+  serviceDirection: defaultSelectValidator,
+  consentDataProcessing: agreementValidator,
+  annualRevenue: defaultValidator,
+};
+
+export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {
+  const requiredInputs = getNamesFromInput(
+    inputs.filter((_: FieldDef) => ('required' in _ ? _.required : false)),
+  );
+
+  return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
+};