@redneckz/wildless-cms-uni-blocks 0.14.567 → 0.14.569

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/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,137 @@
+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 { 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 { 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} />,
+      consentToReceiveMaterials: (
+        <CheckboxWithError
+          {...field('consentToReceiveMaterials')}
+          text="Согласен на получение информационных и аналитических материалов по электронной почте"
+        />
+      ),
+      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} />,
+    };
+
+    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);

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

@@ -0,0 +1,46 @@
+import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
+import { type Validator } from '../../validation/validator';
+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,
+  meetingDay: defaultValidator,
+  product: defaultValidator,
+  localities: defaultValidator,
+  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?.[_]]));
+};

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

@@ -0,0 +1,4 @@
+import type { FormColumnsCount } from '../../components/ApplicationLeadForm/ApplicationLeadFormContent';
+
+export const inputColumnStyles = (column: FormColumnsCount | undefined) =>
+  column === 2 ? '@xl:grid-cols-2' : '';

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

@@ -0,0 +1,15 @@
+import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
+import { type FormFieldRegisterer } from '../../hooks/useForm';
+
+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/ui-kit/FormField/renderTitle.tsx

@@ -0,0 +1,8 @@
+import { Text } from '../Text/Text';
+
+export const renderTitle = (title?: string) =>
+  title ? (
+    <div className="@xl:text-center @xl:col-span-2 mb-m">
+      <Text size="text-h6">{title}</Text>
+    </div>
+  ) : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.567",
+  "version": "0.14.569",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationForm/ApplicationForm.tsx

@@ -5,22 +5,20 @@ 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 { getConsentDataProcessing } from '../../ui-kit/FormField/getConsentDataProcessing';
+import { getField } from '../../ui-kit/FormField/getField';
+import { getObjectValidator } 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 { useResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/useResponseTypeDialog';
-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 { 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';
 
@@ -108,19 +106,6 @@ 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((_) => _)

package/src/components/ApplicationForm/getFormatData.tsx

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
+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 {

package/src/components/ApplicationForm/getInitialFormState.tsx

@@ -1,8 +1,13 @@
+import {
+  FEEDBACK_METHOD,
+  FEEDBACK_TYPES,
+  SERVICE_DIRECTIONS,
+  SERVICE_TYPES,
+} from '../../ui-kit/FormField/constants';
+import { ACQUIRING_TYPES } from '../../ui-kit/FormField/Fields/AcquiringField';
+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 './constants';
-import { VED_TYPES } from './VedField';
 
 export interface FormState {
   typeForm?: Option | string;

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/getRegionUrl.tsx

@@ -1,4 +1,4 @@
-import { OUT_SERVICE_URL } from './constants';
+import { OUT_SERVICE_URL } from '../../ui-kit/FormField/constants';
 
 export const getRegionUrl = (typeForm?: string) =>
   typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;

package/src/components/ApplicationForm/renderAgreementSubmit.tsx

@@ -1,12 +1,12 @@
 import { type FieldProps } from '../../hooks/useForm';
 import { type LinkProps } from '../../model/LinkProps';
 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 = (