@redneckz/wildless-cms-uni-blocks 0.14.737 → 0.14.738

package/src/hooks/useForm/useForm.ts

@@ -0,0 +1,98 @@
+import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { type ControlProps } from '../../ui-kit/ControlProps';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { type ValidationInfo } from '../../validation/validator';
+import { type FieldOptions } from './FieldOptions';
+import { type FormOptions } from './FormOptions';
+import { useFormValidator } from './useFormValidator';
+import { useNormalizedFormState } from './useNormalizedFormState';
+
+export interface FieldProps<V> extends ControlProps<V> {
+  isDirty?: boolean;
+  errors?: ValidationInfo;
+  error?: ValidationInfo[0];
+}
+
+export type FormFieldRegisterer<FormState> = <N extends keyof FormState, V = FormState[N]>(
+  fieldName: N,
+  options?: FieldOptions<V, FormState[N]>,
+) => FieldProps<V extends undefined ? FormState[N] : V>;
+
+export interface FormOperators<FormState extends Record<string, any>> {
+  errors: ValidationInfo;
+  field: FormFieldRegisterer<FormState>;
+  update: (_: FormState) => void;
+  reset: () => void;
+  onSubmit?: (ev: PreventableEvent) => void;
+}
+
+export function useForm<FormState extends Record<string, any>>(
+  initialState: FormState,
+  { resetOnSubmit, formValidator, normalizer, onChange, onSubmit }: FormOptions<FormState> = {},
+): [FormState, FormOperators<FormState>] {
+  const [formState, setFormState] = useNormalizedFormState<FormState>(
+    initialState,
+    normalizer,
+    onChange,
+  );
+
+  const [isDirtyForm, { setTrue: markAsDirty, setFalse: markAsClean }] = useBool(false);
+  const dirtyFieldsMap = useRef<Record<string, boolean>>({});
+
+  const [fieldValidatorsMap, { isValid, errors }] = useFormValidator(formState, formValidator);
+
+  const field: FormFieldRegisterer<FormState> = useCallback(
+    (fieldName, options = {}) => {
+      const { parse, format, onChange: onFieldChange } = options;
+      const value = formState[fieldName];
+      const isDirty = isDirtyForm || dirtyFieldsMap.current?.[String(fieldName)];
+      const fieldValidator = options?.validator ?? fieldValidatorsMap[fieldName];
+      const fieldErrors: ValidationInfo = isDirty && fieldValidator ? fieldValidator(value) : [];
+
+      return {
+        value: format ? (format(value) as any) : value,
+        isDirty,
+        errors: fieldValidator && fieldErrors, // TODO Костыль
+        error: fieldErrors[0],
+        onChange: (_) => {
+          dirtyFieldsMap.current ||= {};
+          dirtyFieldsMap.current[String(fieldName)] = true;
+          const fieldVal = parse ? parse(_) : _;
+          onFieldChange?.(fieldVal as FormState[typeof fieldName]);
+          setFormState((prev) => ({ ...prev, [fieldName]: fieldVal }));
+        },
+      };
+    },
+    [formState, isDirtyForm, fieldValidatorsMap, setFormState],
+  );
+
+  const update = useCallback(
+    (_: FormState) => {
+      dirtyFieldsMap.current = _;
+      setFormState(_);
+    },
+    [setFormState],
+  );
+
+  const reset = useCallback(() => {
+    dirtyFieldsMap.current = {};
+    markAsClean();
+    setFormState(initialState);
+  }, [initialState, setFormState]);
+
+  const handleSubmit = useCallback(
+    (ev: PreventableEvent) => {
+      ev.preventDefault();
+      if (isValid) {
+        resetOnSubmit && reset();
+        onSubmit?.(formState, ev);
+      } else {
+        markAsDirty();
+      }
+    },
+    [resetOnSubmit, formState, isValid, reset, onSubmit],
+  );
+
+  return [formState, { errors, field, update, reset, onSubmit: handleSubmit }];
+}

package/src/hooks/useForm/useFormValidator.ts

@@ -0,0 +1,24 @@
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { objectValidator } from '../../validation/objectValidator';
+import { isValidationSuccess, type ValidationInfo } from '../../validation/validator';
+import type { FieldValidatorsMap, FormValidator } from './FormOptions';
+
+const EMPTY_VALIDATORS_MAP: FieldValidatorsMap<any> = {};
+const NO_ERRORS = [];
+
+export function useFormValidator<FormState extends Record<string, any>>(
+  formState: FormState,
+  formValidator: FormValidator<FormState> | undefined,
+): [FieldValidatorsMap<FormState>, { isValid: boolean; errors: ValidationInfo }] {
+  const validatorsMap = useMemo(
+    () => formValidator?.(formState) ?? EMPTY_VALIDATORS_MAP,
+    [formValidator, formState],
+  );
+  const errors = useMemo(
+    () => objectValidator(validatorsMap)(formState) ?? NO_ERRORS,
+    [validatorsMap, formState],
+  );
+  const isValid = isValidationSuccess(errors);
+
+  return [validatorsMap, { isValid, errors }];
+}

package/src/hooks/useForm/useNormalizedFormState.ts

@@ -0,0 +1,37 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { shallowCompare } from './shallowCompare';
+
+export function useNormalizedFormState<FormState extends Record<string, any>>(
+  initialState: FormState,
+  normalizer?: (_: FormState) => FormState,
+  onChange?: (_: FormState) => void,
+): [FormState, (_: FormState | ((prev: FormState) => FormState)) => void] {
+  const [formState, setFormStateUnsafe] = useState<FormState>(initialState);
+
+  const setFormState = useCallback(
+    (_: FormState | ((prevState: FormState) => FormState)) =>
+      setFormStateUnsafe((prevState) => {
+        const rawState = _ instanceof Function ? _(prevState) : _;
+        const normalizedState = normalizer ? normalizer(rawState) : rawState;
+
+        const hasChangedWithNormalization = !shallowCompare(rawState, normalizedState);
+        const nextState = hasChangedWithNormalization ? normalizedState : rawState;
+
+        const hasChanged = !shallowCompare(prevState, nextState);
+        if (hasChanged) {
+          onChange?.(nextState);
+        }
+
+        return nextState;
+      }),
+    [normalizer, onChange],
+  );
+
+  useEffect(() => {
+    if (normalizer) {
+      setFormStateUnsafe(normalizer);
+    }
+  }, [normalizer]);
+
+  return [formState, setFormState];
+}

package/src/services/retail/external/types.ts

@@ -1,4 +1,4 @@
-export { type FormFieldRegisterer } from '../../../hooks/useForm';
+export { type FormFieldRegisterer } from '../../../hooks/useForm/useForm';
 export { type AspectsProps } from '../../../model/AspectsProps';
 export { type ColumnsCount } from '../../../model/ColumnCount';
 export { type LabelProps, type TextProps, type TitleProps } from '../../../model/HeadlineType';

package/src/services/retail/inputs.tsx

@@ -1,4 +1,3 @@
-import { type CustomFieldProps } from '../../ui-kit/FormField/CustomFieldProps';
 import { AddressFactField } from '../../ui-kit/FormField/Fields/AddressFactField';
 import { AddressField } from '../../ui-kit/FormField/Fields/AddressField';
 import { AddressMatchField } from '../../ui-kit/FormField/Fields/AddressMatchField';
@@ -61,82 +60,80 @@ import { TotalIncomeField } from '../../ui-kit/FormField/Fields/TotalIncomeField
 import { WagesField } from '../../ui-kit/FormField/Fields/WagesField';
 
 export const InputsApplicationLeadMap = {
-  limitedBirthday: (props: CustomFieldProps) => <LimitedBirthdayField {...props} />,
+  limitedBirthday: LimitedBirthdayField,
 };
 
 export const InputsConsentsMap = {
-  processPersonalDataFlg: (props: CustomFieldProps) => <ConsentField {...props} />,
-  consentProviderFlg: (props: CustomFieldProps) => <ConsentField {...props} />,
-  consentOthersFlg: (props: CustomFieldProps) => <ConsentField {...props} />,
-  consentInformFlg: (props: CustomFieldProps) => <ConsentField {...props} />,
-  consentPfrFlg: (props: CustomFieldProps) => <ConsentField {...props} />,
+  processPersonalDataFlg: ConsentField,
+  consentProviderFlg: ConsentField,
+  consentOthersFlg: ConsentField,
+  consentInformFlg: ConsentField,
+  consentPfrFlg: ConsentField,
 };
 
 export const InputsRetailMap = {
-  organization: (props: CustomFieldProps) => <OrganizationField {...props} />,
-  organizationAddress: (props: CustomFieldProps) => <AddressField {...props} />,
-  organizationPhone: (props: CustomFieldProps) => <PhoneField {...props} />,
-  organizationName: (props: CustomFieldProps) => <OrganizationNameField {...props} />,
-  legalForm: (props: CustomFieldProps) => <LegalFormField {...props} />,
-  generalSeniority: (props: CustomFieldProps) => <GeneralSeniorityField {...props} />,
-  lastJobExperience: (props: CustomFieldProps) => <LastJobExperienceField {...props} />,
-  experience5Years: (props: CustomFieldProps) => <Experience5YearsField {...props} />,
-  jobsNumber: (props: CustomFieldProps) => <JobsNumberField {...props} />,
-  beginDate: (props: CustomFieldProps) => <BeginDateField {...props} />,
-  addressFact: (props: CustomFieldProps) => <AddressFactField {...props} />,
-  addressRegistration: (props: CustomFieldProps) => <AddressField {...props} />,
-  addressRetail: (props: CustomFieldProps) => <AddressRetailField {...props} />,
-  addressMatch: (props: CustomFieldProps) => <AddressMatchField {...props} />,
-  sex: (props: CustomFieldProps) => <SexField {...props} />,
-  limitedBirthday: (props: CustomFieldProps) => <LimitedBirthdayField {...props} />,
-  birthPlace: (props: CustomFieldProps) => <BirthPlaceField {...props} />,
-  education: (props: CustomFieldProps) => <EducationField {...props} />,
-  housing: (props: CustomFieldProps) => <HousingField {...props} />,
-  amountWorkers: (props: CustomFieldProps) => <AmountWorkersField {...props} />,
-  employment: (props: CustomFieldProps) => <EmploymentField {...props} />,
-  employerActivities: (props: CustomFieldProps) => <EmployerActivitiesField {...props} />,
-  employerOrganization: (props: CustomFieldProps) => <EmployerOrganizationField {...props} />,
-  positionOrganization: (props: CustomFieldProps) => <PositionOrganizationField {...props} />,
-  familyStatus: (props: CustomFieldProps) => <FamilyStatusField {...props} />,
-  familyMembers: (props: CustomFieldProps) => <FamilyMembersField {...props} />,
-  children: (props: CustomFieldProps) => <ChildrenField {...props} />,
-  dependents: (props: CustomFieldProps) => <DependentsField {...props} />,
-  totalIncome: (props: CustomFieldProps) => <TotalIncomeField {...props} />,
-  expenses: (props: CustomFieldProps) => <ExpensesField {...props} />,
-  snils: (props: CustomFieldProps) => <SnilsField {...props} />,
-  conscription: (props: CustomFieldProps) => <ConscriptionField {...props} />,
-  armyIdFlg: (props: CustomFieldProps) => <ArmyIdFlgField {...props} />,
-  dulSerie: (props: CustomFieldProps) => <DulSerieField {...props} />,
-  dulNumber: (props: CustomFieldProps) => <DulNumberField {...props} />,
-  dulIssueDateField: (props: CustomFieldProps) => <DulIssueDateField {...props} />,
-  dulSubdivisionCode: (props: CustomFieldProps) => <DulSubdivisionCodeField {...props} />,
-  dulIssuedBy: (props: CustomFieldProps) => <DulIssuedByField {...props} />,
-  participantDateRegistration: (props: CustomFieldProps) => (
-    <ParticipantDateRegistrationField {...props} />
-  ),
-  retirementIncome: (props: CustomFieldProps) => <RetirementIncomeField {...props} />,
-  otherIncome: (props: CustomFieldProps) => <OtherIncomeField {...props} />,
-  wages: (props: CustomFieldProps) => <WagesField {...props} />,
-  mandatoryPayments: (props: CustomFieldProps) => <MandatoryPaymentsField {...props} />,
-  disablePeopleFlg: (props: CustomFieldProps) => <DisablePeopleFlgField {...props} />,
-  bankruptcyFlg: (props: CustomFieldProps) => <BankruptcyFlgField {...props} />,
-  shareholderFlg: (props: CustomFieldProps) => <ShareholderFlgField {...props} />,
-  legalEntityName: (props: CustomFieldProps) => <LegalEntityNameField {...props} />,
-  creditInRshbCd: (props: CustomFieldProps) => <CreditInRshbCdField {...props} />,
-  bankEmployeeCode: (props: CustomFieldProps) => <BankEmpoleeCodeField {...props} />,
-  partInBusiness: (props: CustomFieldProps) => <PartInBusinessField {...props} />,
-  regionRetail: (props: CustomFieldProps) => <RegionRetailField {...props} />,
-  infoCard: (props: CustomFieldProps) => <InfoCardField {...props} />,
-  calculator: (props: CustomFieldProps) => <CreditCalcField {...props} />,
-  confirmationIncome: (props: CustomFieldProps) => <ConfirmationIncomeField {...props} />,
+  organization: OrganizationField,
+  organizationAddress: AddressField,
+  organizationPhone: PhoneField,
+  organizationName: OrganizationNameField,
+  legalForm: LegalFormField,
+  generalSeniority: GeneralSeniorityField,
+  lastJobExperience: LastJobExperienceField,
+  experience5Years: Experience5YearsField,
+  jobsNumber: JobsNumberField,
+  beginDate: BeginDateField,
+  addressFact: AddressFactField,
+  addressRegistration: AddressField,
+  addressRetail: AddressRetailField,
+  addressMatch: AddressMatchField,
+  sex: SexField,
+  limitedBirthday: LimitedBirthdayField,
+  birthPlace: BirthPlaceField,
+  education: EducationField,
+  housing: HousingField,
+  amountWorkers: AmountWorkersField,
+  employment: EmploymentField,
+  employerActivities: EmployerActivitiesField,
+  employerOrganization: EmployerOrganizationField,
+  positionOrganization: PositionOrganizationField,
+  familyStatus: FamilyStatusField,
+  familyMembers: FamilyMembersField,
+  children: ChildrenField,
+  dependents: DependentsField,
+  totalIncome: TotalIncomeField,
+  expenses: ExpensesField,
+  snils: SnilsField,
+  conscription: ConscriptionField,
+  armyIdFlg: ArmyIdFlgField,
+  dulSerie: DulSerieField,
+  dulNumber: DulNumberField,
+  dulIssueDateField: DulIssueDateField,
+  dulSubdivisionCode: DulSubdivisionCodeField,
+  dulIssuedBy: DulIssuedByField,
+  participantDateRegistration: ParticipantDateRegistrationField,
+  retirementIncome: RetirementIncomeField,
+  otherIncome: OtherIncomeField,
+  wages: WagesField,
+  mandatoryPayments: MandatoryPaymentsField,
+  disablePeopleFlg: DisablePeopleFlgField,
+  bankruptcyFlg: BankruptcyFlgField,
+  shareholderFlg: ShareholderFlgField,
+  legalEntityName: LegalEntityNameField,
+  creditInRshbCd: CreditInRshbCdField,
+  bankEmployeeCode: BankEmpoleeCodeField,
+  partInBusiness: PartInBusinessField,
+  regionRetail: RegionRetailField,
+  infoCard: InfoCardField,
+  calculator: CreditCalcField,
+  confirmationIncome: ConfirmationIncomeField,
 };
 
 export const InputRetailCardMap = {
-  addressCourier: (props: CustomFieldProps) => <AddressField {...props} />,
-  paymentSystem: (props: CustomFieldProps) => <PaymentSystemField {...props} />,
-  currency: (props: CustomFieldProps) => <CurrencyField {...props} />,
-  cardCategory: (props: CustomFieldProps) => <CardCategoryField {...props} />,
-  codeWord: (props: CustomFieldProps) => <CodeWordField {...props} />,
-  methodObtain: (props: CustomFieldProps) => <MethodObtainField {...props} />,
-  deliveryDate: (props: CustomFieldProps) => <DeliveryDateFiels {...props} />,
+  addressCourier: AddressField,
+  paymentSystem: PaymentSystemField,
+  currency: CurrencyField,
+  cardCategory: CardCategoryField,
+  codeWord: CodeWordField,
+  methodObtain: MethodObtainField,
+  deliveryDate: DeliveryDateFiels,
 };

package/src/ui-kit/BaseFiltration/FiltrationForm.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
 import { type VNode } from '../../model/VNode';
 import { joinList } from '../../utils/joinList';
 import { Button } from '../Button/Button';

package/src/ui-kit/BaseFiltration/useFiltrationForm.ts

@@ -1,5 +1,5 @@
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm, type FormOperatorProps } from '../../hooks/useForm';
+import { useForm, type FormOperators } from '../../hooks/useForm/useForm';
 import { resolveBlockProps } from '../../hooks/useJSONRef/resolveBlockProps';
 import { type BlockDef, type ContentPageDef } from '../../model/ContentPageDef';
 import { identity } from '../../utils/fp/identity';
@@ -21,11 +21,11 @@ export const useFiltrationForm = <FormState extends Record<string, any>>(
     blocksToRender: BlockDef[] | undefined;
     blocksWithProps: [BlockDef, Record<string, any> | undefined][];
   },
-  FormOperatorProps<FormState>,
+  FormOperators<FormState>,
 ] => {
   const blocks = block?.blocks || [];
 
-  const [filtrationState, { field, reset, update }] = useForm(initialFormState);
+  const [filtrationState, operators] = useForm(initialFormState);
 
   const blocksWithProps = useMemo(
     () =>
@@ -41,5 +41,5 @@ export const useFiltrationForm = <FormState extends Record<string, any>>(
       ? blocks
       : filterBlocks(blocksWithProps, filtrationState)(normalize);
 
-  return [filtrationState, { blocksToRender, blocksWithProps }, { field, reset, update }];
+  return [filtrationState, { blocksToRender, blocksWithProps }, operators];
 };

package/src/ui-kit/Calculator/setDefaultParamsCalc.tsx

@@ -6,7 +6,7 @@ import {
   type DepositCalculatorParams,
   type DepositCalculatorSourceBookParams,
 } from '../../components/CalculatorDeposit/getDepositCalculatorParams';
-import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
 import { clamp } from '../../utils/clamp';
 
 interface ParamsCalcProps {

package/src/ui-kit/FormField/CustomFieldProps.ts

@@ -1,5 +1,5 @@
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
-import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
 import { type FormTypeFieldDef } from '../../model/FormTypeFieldDef';
 
 export interface CustomFieldProps {

package/src/ui-kit/FormField/Fields/AcquiringField.tsx

@@ -2,8 +2,6 @@ import { JSX } from '@redneckz/uni-jsx';
 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 ACQUIRING_TYPES: Option[] = [
   {
@@ -29,7 +27,7 @@ export const AcquiringField = JSX<CustomFieldProps>(({ field, input }) => (
     label="Вид эквайринга"
     placeholder="Выберите эквайринг"
     options={ACQUIRING_TYPES}
-    {...getValidation(field('acquiringType'), validatorObj.acquiringType, input?.required)}
+    {...field(input?.name ?? '')}
   />
 ));
 

package/src/ui-kit/FormField/Fields/AddressBranchField.tsx

@@ -5,9 +5,7 @@ import { useBranchesByRegions } from '../../../hooks/useBranchesByRegions';
 import { type FormTypeFieldDef } from '../../../model/FormTypeFieldDef';
 import { SelectControl } from '../../Select/SelectControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
 import { getPremium } from '../getPremium';
-import { getValidation } from '../getValidation';
 
 interface RegionFieldProps extends CustomFieldProps {
   isPremium?: boolean;
@@ -36,7 +34,7 @@ export const AddressBranchField = JSX<RegionFieldProps>(({ field, input, params
         key: address,
         text: address,
       }))}
-      {...getValidation(field('addressBranch'), validatorObj.addressBranch, input?.required)}
+      {...field(input?.name ?? '')}
       isSearch={true}
     />
   );

package/src/ui-kit/FormField/Fields/AddressFactField.tsx

@@ -3,8 +3,6 @@ import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
 export const AddressFactField = JSX<CustomFieldProps>(({ field, input }) => {
   const fieldName = 'addressFact';
@@ -61,7 +59,7 @@ export const AddressFactField = JSX<CustomFieldProps>(({ field, input }) => {
     <InputControl
       label="Адрес"
       disabled={value}
-      {...getValidation(field(fieldName), validatorObj[fieldName], input?.required)}
+      {...field(fieldName)}
       value={fieldValue?.fullAddress}
       onChange={onChange}
       {...input}

package/src/ui-kit/FormField/Fields/AddressField.tsx

@@ -3,8 +3,6 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const AddressField = JSX<CustomFieldProps>(({ field, input }) => {
@@ -39,7 +37,7 @@ export const AddressField = JSX<CustomFieldProps>(({ field, input }) => {
     <InputControl
       disabled={input?.filledByEsia && isEsiaAuthorize(field, fieldName)}
       label="Адрес"
-      {...getValidation(field(fieldName), validatorObj[fieldName], input?.required)}
+      {...field(fieldName)}
       value={fieldValue?.fullAddress}
       onChange={onChange}
       {...input}

package/src/ui-kit/FormField/Fields/AddressMatchField.tsx

@@ -1,14 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
 export const AddressMatchField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <CheckboxWithError
       text="Адрес фактического места жительства совпадает с адресом регистрации"
-      {...getValidation(field('addressMatch'), validatorObj.addressMatch, input?.required)}
+      {...field(input?.name ?? '')}
     />
   );
 });

package/src/ui-kit/FormField/Fields/AddressRetailField.tsx

@@ -8,15 +8,13 @@ import { ClientOnly } from '../../ClientOnly';
 import { SelectControl } from '../../Select/SelectControl';
 import { YandexMap } from '../../YandexMap/YandexMap';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
 export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const [offices, setOffices] = useState<OfficeType[]>([]);
   const { data } = useLeadFormData('REGION_RF');
 
   const regionValue = field('regionRetail')?.value || {};
-  const fieldBranch = field('addressRetail');
+  const addressField = field(input?.name ?? '');
 
   useEffect(() => {
     (async () => {
@@ -25,7 +23,7 @@ export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
     })();
 
     if (regionValue?.key) {
-      field?.('addressRetail')?.onChange?.('');
+      addressField.onChange?.('');
     }
   }, [regionValue.key]);
 
@@ -35,8 +33,6 @@ export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
     getBalloon: getOfficePoint,
   });
 
-  const isRegionSelected = Boolean(regionValue?.key);
-
   return (
     <div>
       <SelectControl
@@ -46,11 +42,7 @@ export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
           key: id?.toString() || '',
           text: address,
         }))}
-        {...getValidation(
-          field('addressRetail'),
-          validatorObj.addressRetail,
-          input?.required && isRegionSelected,
-        )}
+        {...addressField}
         isSearch={true}
       />
       <div className="h-[600px]">
@@ -59,7 +51,7 @@ export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
             points={points}
             isLoad={!data}
             className="h-full"
-            selectedAddress={fieldBranch?.value?.text}
+            selectedAddress={addressField?.value?.text}
           />
         </ClientOnly>
       </div>

package/src/ui-kit/FormField/Fields/AmountField.tsx

@@ -6,12 +6,12 @@ const MIN_CREDIT_AMOUNT = 1000;
 const MAX_CREDIT_AMOUNT = 1000000000;
 const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
 
-export const AmountField = JSX<CustomFieldProps>(({ field }) => (
+export const AmountField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputRange
     title="Сумма, ₽"
     items={ITEMS_CREDIT_AMOUNT}
     min={MIN_CREDIT_AMOUNT}
     max={MAX_CREDIT_AMOUNT}
-    {...field('amount')}
+    {...field(input?.name ?? '')}
   />
 ));

package/src/ui-kit/FormField/Fields/AnnualRevenueField.tsx

@@ -1,12 +1,7 @@
 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 AnnualRevenueField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="Годовая выручка, ₽"
-    {...getValidation(field('annualRevenue'), validatorObj.annualRevenue, input?.required)}
-  />
+  <InputControl label="Годовая выручка, ₽" {...field(input?.name ?? '')} />
 ));

package/src/ui-kit/FormField/Fields/ArmyIdFlgField.tsx

@@ -1,12 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
 export const ArmyIdFlgField = JSX<CustomFieldProps>(({ field, input }) => (
-  <CheckboxWithError
-    text="Наличие военного билета"
-    {...getValidation(field('armyIdFlg'), validatorObj.armyIdFlg, input?.required)}
-  />
+  <CheckboxWithError text="Наличие военного билета" {...field(input?.name ?? '')} />
 ));

package/src/ui-kit/FormField/Fields/BankEmployeeCodeField.tsx

@@ -1,15 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { InputControl } from '../../Input/InputControl';
 import type { CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
 export const BankEmpoleeCodeField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Код представителя Банка"
     placeholder="Введите код"
     isInteger={true}
-    {...getValidation(field('bankEmployeeCode'), validatorObj.bankEmployeeCode, input?.required)}
+    {...field(input?.name ?? '')}
     {...input}
   />
 ));

package/src/ui-kit/FormField/Fields/BankEmpoleeField.tsx

@@ -2,9 +2,9 @@ import { JSX } from '@redneckz/uni-jsx';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
-export const BankEmpoleeField = JSX<CustomFieldProps>(({ field }) => (
+export const BankEmpoleeField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="ФИО или должность обслуживавшего Вас сотрудника Банка"
-    {...field('bankEmpolee')}
+    {...field(input?.name ?? '')}
   />
 ));

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

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

package/src/ui-kit/FormField/Fields/BeginDateField.tsx

@@ -1,13 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { DatePickerControl } from '../../DatePicker/DatePickerControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
 export const BeginDateField = JSX<CustomFieldProps>(({ field, input }) => (
   <DatePickerControl
     label="Дата начала работы на текущем месте"
-    {...getValidation(field('beginDate'), validatorObj.beginDate, input?.required)}
+    {...field(input?.name ?? '')}
     {...input}
   />
 ));