@redneckz/wildless-cms-uni-blocks 0.14.657 → 0.14.659

package/src/components/CreditForm/formStateMap.tsx

@@ -1,80 +1,7 @@
-/* eslint-disable max-lines */
-import type { Option } from '../../ui-kit/Select/Option';
-import { type Address } from '../ApplicationLeadForm/getInitialFormState';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
 
-export interface FormStateMap {
-  0: {
-    moneyValue?: number;
-    monthsValue?: number;
-    isAnnuity?: boolean;
-    isInsurance?: boolean;
-    isSalaryClient?: boolean;
-    isPensionClient?: boolean;
-    isStateEmployee?: boolean;
-  };
-  1: {
-    surname?: string;
-    name?: string;
-    middleName?: string;
-    sex?: string;
-    birthday?: Date;
-    birthPlace?: string;
-    phone?: string;
-    email?: string;
-    dulSerie?: number;
-    dulNumber?: number;
-    dulIssueDateField?: Date;
-    dulSubdivisionCode?: string;
-    dulIssuedBy?: string;
-    addressRegistration?: Address;
-    participantDateRegistration?: Date;
-    addressFact?: Address;
-    housing?: string;
-  };
-  2: {
-    amountWorkers?: Option;
-    beginDate?: Date;
-    employerActivities?: Option;
-    employerOrganization?: Option;
-    employment?: Option;
-    experience5Years?: string;
-    inn?: number;
-    jobsNumber?: string;
-    lastJobExperience?: string;
-    legalForm?: string;
-    organization?: Option;
-    organizationAddress?: Address;
-    organizationName?: string;
-    organizationPhone?: string;
-    partInBusiness?: number;
-    positionOrganization?: Option;
-  };
-  3: {
-    familyStatus?: Option;
-    dependents?: number;
-    familyMembers?: number;
-    confirmationIncome?: Option;
-    mandatoryIncome?: number;
-    otherPayments?: number;
-    snils?: string;
-    armyIdFlg?: boolean;
-  };
-  4: {
-    disablePeopleFlg?: boolean;
-    bankruptcyFlg?: boolean;
-    shareholderFlg?: boolean;
-    legalEntityName?: string;
-    creditInRshbCd?: Option;
-  };
-  5: {
-    regionRetail?: string;
-    addressRetail?: string;
-    bankEmployeeCode?: string;
-  };
-}
-
-export const formStateMap: FormStateMap = {
-  0: {
+export const formStateMap: Partial<FormState>[] = [
+  {
     moneyValue: 0,
     monthsValue: 0,
     isAnnuity: false,
@@ -83,7 +10,7 @@ export const formStateMap: FormStateMap = {
     isPensionClient: false,
     isStateEmployee: false,
   },
-  1: {
+  {
     surname: '',
     name: '',
     middleName: '',
@@ -106,18 +33,18 @@ export const formStateMap: FormStateMap = {
       fullAddress: '',
       fiasCode: '',
     },
-    housing: '',
+    housing: undefined,
   },
-  2: {
+  {
     amountWorkers: { key: '', text: '' },
     beginDate: undefined,
     employerActivities: { key: '', text: '' },
     employerOrganization: { key: '', text: '' },
     employment: { key: '', text: '' },
-    experience5Years: '',
+    experience5Years: undefined,
     inn: undefined,
-    jobsNumber: '',
-    lastJobExperience: '',
+    jobsNumber: undefined,
+    lastJobExperience: undefined,
     legalForm: '',
     organization: { key: '', text: '' },
     organizationAddress: {
@@ -129,7 +56,7 @@ export const formStateMap: FormStateMap = {
     partInBusiness: undefined,
     positionOrganization: { key: '', text: '' },
   },
-  3: {
+  {
     familyStatus: { key: '', text: '' },
     dependents: undefined,
     familyMembers: undefined,
@@ -139,16 +66,16 @@ export const formStateMap: FormStateMap = {
     snils: '',
     armyIdFlg: false,
   },
-  4: {
+  {
     disablePeopleFlg: false,
     bankruptcyFlg: false,
     shareholderFlg: false,
     legalEntityName: '',
     creditInRshbCd: undefined,
   },
-  5: {
+  {
     regionRetail: '',
-    addressRetail: '',
-    bankEmployeeCode: '',
+    addressRetail: undefined,
+    bankEmployeeCode: undefined,
   },
-};
+];

package/src/components/CreditForm/getCreditFormTaskData.ts

@@ -26,7 +26,9 @@ export const getCreditFormTaskData = ({
   task: {
     taskSource: globalThis.location.origin,
     id: taskId,
-    //TODO: Добавить id офиса
+    office: {
+      id: '650', // TODO: Remove hardcode
+    },
     authorizedAgentId: formData?.bankEmployeeCode,
     participants: [
       {

package/src/components/CreditForm/getInitialFormState.tsx

@@ -1,28 +1,29 @@
-import { formStateMap, type FormStateMap } from './formStateMap';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { formStateMap } from './formStateMap';
 
-export const getInitialFormState = <Step extends keyof FormStateMap>(
-  step: Step,
+export const getInitialFormState = (
+  step: number,
   localStorageData: Record<string, any> | null,
-): FormStateMap[Step] => {
-  if (localStorageData) {
-    // TODO: Fill in for other fields with type Date
-    // TODO: Take it out to the helper
-    localStorageData.birthday = localStorageData.birthday
-      ? new Date(localStorageData.birthday as string)
-      : undefined;
-    localStorageData.dulIssueDateField = localStorageData.dulIssueDateField
-      ? new Date(localStorageData.dulIssueDateField as string)
-      : undefined;
-    localStorageData.participantDateRegistration = localStorageData.participantDateRegistration
-      ? new Date(localStorageData.participantDateRegistration as string)
-      : undefined;
-    localStorageData.beginDate = localStorageData?.beginDate
-      ? new Date(localStorageData.beginDate as string)
-      : undefined;
+): FormState => ({
+  ...formStateMap[step],
+  ...localStorageData,
+  birthday: transformStringToData(localStorageData?.birthday as string),
+  dulIssueDateField: transformStringToData(localStorageData?.dulIssueDateField as string),
+  participantDateRegistration: transformStringToData(
+    localStorageData?.participantDateRegistration as string,
+  ),
+  beginDate: transformStringToData(localStorageData?.beginDate as string),
+  deliveryDate: transformStringToData(localStorageData?.deliveryDate as string),
+});
+
+const transformStringToData = (text?: string) => {
+  if (!text) {
+    return undefined;
   }
 
-  return {
-    ...formStateMap[step],
-    ...localStorageData,
-  };
+  try {
+    return new Date(text);
+  } catch (_) {
+    return undefined;
+  }
 };

package/src/components/CreditForm/getSecondStepData.tsx

@@ -35,6 +35,7 @@ export const getSecondStepData = (formData: FormState): Partial<Participant> =>
     generalSeniority: experience5Years,
     jobsNumber,
     lastWorkDuration: lastJobExperience,
+    payrollCardRshbFlg: true, // TODO: Remove hardcode
     positionCd: positionOrganization,
     participantContacts: getParticipantContacts({
       organizationPhone: organizationPhone && formatPhone(organizationPhone),

package/src/components/CreditForm/renderInputs.tsx

@@ -1,5 +1,12 @@
+import { type FormFieldRegisterer } from '../../hooks/useForm';
 import { getField } from '../../ui-kit/FormField/getField';
-import { type RenderInputsProps } from './CreditFormContent';
+import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+
+export interface RenderInputsProps {
+  inputs: FieldDef[];
+  field: FormFieldRegisterer<FormState>;
+}
 
 export const renderInputs = ({ field, inputs }: RenderInputsProps) =>
-  (inputs || [])?.map(getField(field, ''));
+  inputs.map(getField(field, ''));

package/src/components/CreditForm/renderStep.tsx

@@ -3,23 +3,34 @@ import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
 import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { style } from '../../utils/style';
 import { type SectionsProps } from '../ApplicationForm/ApplicationFormContent';
-import { type FormStateMap } from './formStateMap';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { calculateInputs, type GetValue } from './calculateInputs';
 import { renderInfo } from './renderInfo';
 import { renderInputs } from './renderInputs';
 
-export type CustomSubmit = FormOperatorProps<FormStateMap[keyof FormStateMap]>['onSubmit'];
+export type CustomSubmit = FormOperatorProps<FormState>['onSubmit'];
 
 export interface StepProps {
   sections?: SectionsProps[];
-  field: FormFieldRegisterer<FormStateMap[keyof FormStateMap]>;
+  field: FormFieldRegisterer<FormState>;
   registerSubmit?: (submit: CustomSubmit) => void;
+  step: number;
 }
 
-export const renderStep = ({ sections, field }: StepProps) =>
-  sections?.map(({ inputs, columns, title }, i) => (
-    <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>
-      {renderInfo(inputs)}
-      {renderTitle(title)}
-      {renderInputs({ field, inputs })}
-    </div>
-  ));
+export const renderStep = ({ sections, field, step }: StepProps) =>
+  sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
+    const inputs = calculateInputs(getValue(field))(origInputs, step);
+
+    return (
+      <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>
+        {renderInfo(inputs)}
+        {renderTitle(title)}
+        {renderInputs({ field, inputs })}
+      </div>
+    );
+  });
+
+const getValue =
+  (field: FormFieldRegisterer<FormState>): GetValue =>
+  (name) =>
+    field(name)?.value;

package/src/components/CreditForm/useCreditFormAPI.tsx

@@ -5,7 +5,8 @@ import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
-import { type FormStateMap } from './formStateMap';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { calculateInputs, type GetValue } from './calculateInputs';
 import { getCreditFormTaskData } from './getCreditFormTaskData';
 
 type CreditFormApiProps = {
@@ -27,10 +28,11 @@ export const useCreditFormAPI = ({
   const [profileId] = useLocalStorage<number>('profileId');
   const [participantId] = useLocalStorage<number>('participantId');
 
-  const handleSubmit = useCallback(async (formData: FormStateMap[keyof FormStateMap]) => {
+  const handleSubmit = useCallback(async (formData: FormState) => {
     const feedbackValidator = objectValidator(
-      getObjectValidator(calculateInputs(formData, inputs, step)),
+      getObjectValidator(calculateInputs(getValue(formData))(inputs, step)),
     );
+
     if (!isValidationSuccess(feedbackValidator(formData))) {
       return console.warn('validation fail');
     }
@@ -67,22 +69,7 @@ export const useCreditFormAPI = ({
   };
 };
 
-const calculateInputs = (
-  formData: FormStateMap[keyof FormStateMap],
-  inputs: FieldDef[],
-  step: number,
-) => {
-  if (formData['positionOrganization']?.key !== 'BUSINESS_OWNER') {
-    return inputs.map((_) => (_?.name === 'partInBusiness' ? { ..._, required: false } : _));
-  }
-
-  if (!formData['consentPfrFlg']) {
-    return inputs.map((_) => (_?.name === 'snils' ? { ..._, required: false } : _));
-  }
-
-  if (step === 2 && formData['employment']?.key === 'RETIREE') {
-    return [];
-  }
-
-  return inputs;
-};
+const getValue =
+  (formData: FormState): GetValue =>
+  (name) =>
+    formData[name];

package/src/components/CreditForm/utils.ts

@@ -37,13 +37,19 @@ export const getParticipantContacts = (fields: Record<string, string | undefined
 export const getParticipantAddresses = (fields: Record<string, Address | undefined>): any[] =>
   Object.entries(fields).reduce((acc: any[], [key, value]) => {
     if (key in fieldsNamesToAddressKeysMap) {
+      const address = Object.fromEntries(
+        Object.entries(value ?? {})
+          .filter(([k]) => !k.startsWith('qc')) // exclude dadata fields
+          .map(([k, v]) => [k, v ?? '']), // transform undefined to empty string
+      );
+
       return [
         ...acc,
         {
           addressType: {
             key: fieldsNamesToAddressKeysMap[key],
           },
-          ...value,
+          ...address,
         },
       ];
     }

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

@@ -31,6 +31,9 @@ export const AddressFactField = JSX<CustomFieldProps>(({ field, input }) => {
       region: item?.data?.region,
       regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
       street: item?.data?.house,
+      qc: item?.data?.qc,
+      qcComplete: item?.data?.qc_complete,
+      qcHouse: item?.data?.qc_house,
     });
   }, []);
 

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

@@ -2,7 +2,6 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
 import { InputControl } from '../../Input/InputControl';
-import { calculateIsRequired } from '../calculateIsRequired';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
@@ -39,23 +38,11 @@ export const AddressField = JSX<CustomFieldProps>(({ field, input }) => {
     });
   }, []);
 
-  const isDisabled = [
-    fieldName === 'addressRegistration',
-    input?.filledByEsia,
-    isEsiaAuthorize(field),
-  ].every(Boolean);
-
   return (
     <InputControl
-      disabled={isDisabled}
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, fieldName)}
       label="Адрес"
-      {...getValidation(
-        field(fieldName),
-        validatorObj[fieldName],
-        input?.name === 'organizationAddress'
-          ? calculateIsRequired(field, input?.required)
-          : input?.required,
-      )}
+      {...getValidation(field(fieldName), validatorObj[fieldName], input?.required)}
       value={fieldValue.fullAddress}
       onChange={onChange}
       {...input}

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

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

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

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

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

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

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

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

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

@@ -3,11 +3,15 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+const FIELD_NAME = 'birthPlace';
 
 export const BirthPlaceField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Место рождения"
     {...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required)}
     {...input}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
   />
 ));

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

@@ -3,6 +3,7 @@ import { DatePickerControl } from '../../DatePicker/DatePickerControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 const MIN_AGE = 23;
 const MAX_AGE = 75;
@@ -12,14 +13,17 @@ interface BirthdayFieldProps extends CustomFieldProps {
   isRetailForm?: boolean;
 }
 
+const FIELD_NAME = 'birthday';
+
 export const BirthdayField = JSX<BirthdayFieldProps>(({ field, input, isRetailForm = false }) => {
-  const { value } = field('birthday');
+  const { value } = field(FIELD_NAME);
 
   return (
     <DatePickerControl
       label="Дата рождения"
-      {...getValidation(field('birthday'), validatorObj.birthday, input?.required)}
+      {...getValidation(field(FIELD_NAME), validatorObj.birthday, input?.required)}
       error={isRetailForm && value && !birthdayValidate(value as Date) ? AGE_ERROR_MESSAGE : ''}
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
     />
   );
 });

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

@@ -9,7 +9,7 @@ export const DependentsField = JSX<CustomFieldProps>(({ field, input }) => (
     label="Количество иждивенцев"
     placeholder="За исключение детей до 18 лет"
     type="number"
-    maxtLength={2}
+    maxLength={2}
     {...getValidation(field('dependents'), validatorObj.dependents, input?.required)}
     {...input}
   />

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

@@ -4,9 +4,9 @@ import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 
-export const DisablePeopleFlgField = JSX<CustomFieldProps>(({ field }) => (
+export const DisablePeopleFlgField = JSX<CustomFieldProps>(({ field, input }) => (
   <CheckboxWithError
     text="Являюсь инвалидом"
-    {...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg)}
+    {...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg, input?.required)}
   />
 ));

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

@@ -5,10 +5,12 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
+const FIELD_NAME = 'dulIssueDateField';
+
 export const DulIssueDateField = JSX<CustomFieldProps>(({ field, input }) => (
   <DatePickerControl
     label="Дата выдачи"
-    {...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required)}
-    disabled={input?.filledByEsia && isEsiaAuthorize(field)}
+    {...getValidation(field(FIELD_NAME), validatorObj.dulIssueDateField, input?.required)}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
   />
 ));

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

@@ -7,6 +7,8 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
+const FIELD_NAME = 'dulIssuedBy';
+
 export const DulIssuedByField = JSX<CustomFieldProps>(({ field, input }) => {
   const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } =
     field('dulSubdivisionCode');
@@ -17,10 +19,10 @@ export const DulIssuedByField = JSX<CustomFieldProps>(({ field, input }) => {
 
   return (
     <InputControl
-      disabled={input?.filledByEsia && isEsiaAuthorize(field)}
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
       label="Кем выдан"
       {...input}
-      {...getValidation(field('dulIssuedBy'), validatorObj.dulIssuedBy, input?.required)}
+      {...getValidation(field(FIELD_NAME), validatorObj.dulIssuedBy, input?.required)}
       onDaDataChange={onDaDataChange}
       daDataQueryPrefix={dulSubdivisionCode}
     />

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

@@ -5,12 +5,14 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
+const FIELD_NAME = 'dulNumber';
+
 export const DulNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
-    disabled={input?.filledByEsia && isEsiaAuthorize(field)}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
     label="Номер документа"
     type="number"
-    maxtLength={6}
+    maxLength={6}
     {...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required)}
   />
 ));

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

@@ -5,12 +5,14 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
+const FIELD_NAME = 'dulSerie';
+
 export const DulSerieField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
-    disabled={input?.filledByEsia && isEsiaAuthorize(field)}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
     label="Серия документа"
     type="number"
-    maxtLength={4}
+    maxLength={4}
     {...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required)}
   />
 ));

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

@@ -7,6 +7,8 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
+const FIELD_NAME = 'dulSubdivisionCode';
+
 export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input }) => {
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
     field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
@@ -14,16 +16,12 @@ export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input })
 
   return (
     <InputControl
-      disabled={input?.filledByEsia && isEsiaAuthorize(field)}
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
       label="Код подразделения"
       type="number"
-      maxtLength={6}
+      maxLength={6}
       {...input}
-      {...getValidation(
-        field('dulSubdivisionCode'),
-        validatorObj.dulSubdivisionCode,
-        input?.required,
-      )}
+      {...getValidation(field(FIELD_NAME), validatorObj.dulSubdivisionCode, input?.required)}
       onDaDataChange={onDaDataChange}
     />
   );