@redneckz/wildless-cms-uni-blocks 0.14.646 → 0.14.648

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

@@ -1,16 +1,27 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
-export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="Количество членов семьи"
-    placeholder="Введите значение"
-    type="number"
-    inputLength={2}
-    {...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required)}
-    {...input}
-  />
-));
+export const FamilyMembersField = JSX<CustomFieldProps>(({ field }) => {
+  const { value, onChange } = field('familyMembers');
+  const adultsCount = field('familyStatus')?.value?.key === 'В браке' ? 2 : 1;
+  const childrenCount = Number(field('children')?.value);
+  const dependentsCount = Number(field('dependents')?.value);
+  const totalCount = adultsCount + childrenCount + dependentsCount;
+
+  useEffect(() => {
+    field?.('familyMembers')?.onChange?.(totalCount);
+  }, [field('familyStatus')?.value?.key, childrenCount, dependentsCount]);
+
+  return (
+    <InputControl
+      label="Количество членов семьи"
+      placeholder="Введите значение"
+      type="number"
+      disabled={true}
+      value={value}
+      onChange={(_) => onChange?.(_)}
+    />
+  );
+});

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

@@ -3,10 +3,13 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Отчество (Обязательно, при наличии)"
+    inputLength={60}
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     {...getValidation(field('middleName'), validatorObj.middleName)}
     {...input}
   />

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

@@ -3,10 +3,13 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const NameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Имя"
+    inputLength={60}
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     {...getValidation(field('name'), validatorObj.name, input?.required)}
     {...input}
   />

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

@@ -3,10 +3,13 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const SurnameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Фамилия"
+    inputLength={60}
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     {...getValidation(field('surname'), validatorObj.surname, input?.required)}
     {...input}
   />

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

@@ -1,4 +1,5 @@
 /* eslint-disable max-lines */
+/* eslint-disable max-lines-per-function */
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
 import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
@@ -93,8 +94,8 @@ const PRODUCT_REF = {
 };
 
 export const getField =
-  // eslint-disable-next-line max-lines-per-function
-  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, i: number) => {
+  (field: FormFieldRegisterer<any>, typeForm: string, isRetailForm = false) =>
+  (input: FieldDef, i: number) => {
     const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
 
     const InputsMap = {
@@ -118,7 +119,7 @@ export const getField =
       comment: <CommentField field={field} input={input} />,
       addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
       sex: <SexField field={field} input={input} />,
-      birthday: <BirthdayField field={field} input={input} />,
+      birthday: <BirthdayField field={field} input={input} isRetailForm={isRetailForm} />,
       birthPlace: <BirthPlaceField field={field} input={input} />,
       desiredMeetingDate: <DesiredMeetingDateField field={field} input={input} />,
       product: <ProductField field={field} source={PRODUCT_REF} />,
@@ -147,7 +148,6 @@ export const getField =
       applicationDate: (
         <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
       ),
-
       region: isPremium ? (
         <RegionPremiumField field={field} />
       ) : (

package/mobile/src/ui-kit/FormField/isEsiaAuthorize.ts

@@ -0,0 +1,2 @@
+export const isEsiaAuthorize = () =>
+  JSON.parse(globalThis.localStorage?.getItem('leadForm') ?? '{}')?.esiaId;

package/mobile/src/ui-kit/FormField/validators.ts

@@ -18,8 +18,8 @@ export const jobNumberValidator = (errorMsg?: string) =>
 export const nameValidator = (errorMsg?: string) =>
   validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ?? ERROR_MESSAGE);
 
-export const lengthStringValidator = (maxLength: number, errorMsg?: string) =>
-  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(
+export const lengthStringValidator = (inputLength: number, errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= inputLength)(
     errorMsg ?? ERROR_MESSAGE,
   );
 

package/package.json

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

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -27,9 +27,15 @@ export type ConditionFieldProps = {
   };
 };
 
+export type FilledByEsiaProps = {
+  /** @title Заполняется через госуслуги */
+  filledByEsia?: boolean;
+};
+
 export type FieldDefaultDef = Required &
   LabelProps &
-  ConditionFieldProps & {
+  ConditionFieldProps &
+  FilledByEsiaProps & {
     name?: NameFieldDef;
     dadata?: boolean;
   };
@@ -73,6 +79,7 @@ export type FieldInfoDef = FieldDefaultDef &
  * @title Поле
  * @default { "fieldType": "common" }
  */
+
 export type FieldDef = FieldCommonDef | FieldVedDef | FieldInfoDef;
 
 /** @hidden */

package/src/components/ApplicationForm/renderInputs.tsx

@@ -6,16 +6,25 @@ import type {
 import { CONSENTS } from '../ApplicationLeadForm/consents';
 import { GroupedConsents } from '../ApplicationLeadForm/GroupedConsents';
 
-export const renderInputs = ({ field, typeForm = '', inputs }: GroupedConsentsProps) => {
+type RenderInputsProps = GroupedConsentsProps & {
+  isRetailForm?: boolean;
+};
+
+export const renderInputs = ({
+  field,
+  typeForm = '',
+  inputs,
+  isRetailForm = false,
+}: RenderInputsProps) => {
   const { consentInputs, restInputs } = splitInputs(inputs || []);
 
   return consentInputs.length > 2 ? (
     <div>
-      {restInputs.map(getField(field, typeForm))}
+      {restInputs.map(getField(field, typeForm, isRetailForm))}
       <GroupedConsents inputs={consentInputs} field={field} />
     </div>
   ) : (
-    (inputs || [])?.map(getField(field, typeForm))
+    (inputs || [])?.map(getField(field, typeForm, isRetailForm))
   );
 };
 

package/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -69,7 +69,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
               className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
             >
               {renderTitle(_.title)}
-              {renderInputs({ field, inputs: _?.inputs })}
+              {renderInputs({ field, inputs: _?.inputs, isRetailForm: true })}
             </div>
           ))}
           {renderSubmitButton(button)}

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -24,10 +24,16 @@ export type ConditionFieldProps = {
   };
 };
 
+export type FilledByEsiaProps = {
+  /** @title Заполняется через госуслуги */
+  filledByEsia?: boolean;
+};
+
 export type FieldDefaultDef = Required &
   TextProps &
   LabelProps &
-  ConditionFieldProps & {
+  ConditionFieldProps &
+  FilledByEsiaProps & {
     name?: NameFieldDef;
   };
 

package/src/components/CreditForm/creditFormStepsData.tsx

@@ -12,11 +12,17 @@ export const stepsSectionsMap: SectionsProps[][] = [
       title: 'Персональные данные',
       columns: 2,
       inputs: [
-        { fieldType: 'common', name: 'surname', required: true, dadata: true },
-        { fieldType: 'common', name: 'name', required: true, dadata: true },
-        { fieldType: 'common', name: 'middleName', dadata: true },
+        {
+          fieldType: 'common',
+          name: 'surname',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
+        { fieldType: 'common', name: 'name', required: true, dadata: true, filledByEsia: true },
+        { fieldType: 'common', name: 'middleName', dadata: true, filledByEsia: true },
         { fieldType: 'common', name: 'sex', required: true },
-        { fieldType: 'common', name: 'birthday', required: true },
+        { fieldType: 'common', name: 'birthday', required: true, filledByEsia: true },
         { fieldType: 'common', name: 'birthPlace', required: true },
         { fieldType: 'common', name: 'phone', required: true },
         { fieldType: 'common', name: 'email', required: true, dadata: true },
@@ -26,18 +32,31 @@ export const stepsSectionsMap: SectionsProps[][] = [
       title: 'Паспортные данные',
       columns: 2,
       inputs: [
-        { fieldType: 'common', name: 'dulSerie', required: true },
-        { fieldType: 'common', name: 'dulNumber', required: true },
-        { fieldType: 'common', name: 'dulIssueDateField', required: true },
-        { fieldType: 'common', name: 'dulSubdivisionCode', required: true, dadata: true },
+        { fieldType: 'common', name: 'dulSerie', required: true, filledByEsia: true },
+        { fieldType: 'common', name: 'dulNumber', required: true, filledByEsia: true },
+        { fieldType: 'common', name: 'dulIssueDateField', required: true, filledByEsia: true },
+        {
+          fieldType: 'common',
+          name: 'dulSubdivisionCode',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
       ],
     },
     {
       inputs: [
-        { fieldType: 'common', name: 'dulIssuedBy', required: true, dadata: true },
+        {
+          fieldType: 'common',
+          name: 'dulIssuedBy',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
         {
           fieldType: 'common',
           name: 'education',
+          required: true,
         },
       ],
     },
@@ -48,7 +67,13 @@ export const stepsSectionsMap: SectionsProps[][] = [
     },
     {
       inputs: [
-        { fieldType: 'common', name: 'addressRegistration', required: true, dadata: true },
+        {
+          fieldType: 'common',
+          name: 'addressRegistration',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
         { fieldType: 'common', name: 'addressMatch' },
       ],
     },
@@ -62,7 +87,7 @@ export const stepsSectionsMap: SectionsProps[][] = [
     },
     {
       columns: 2,
-      inputs: [{ fieldType: 'common', name: 'housing' }],
+      inputs: [{ fieldType: 'common', name: 'housing', required: true }],
     },
     {
       inputs: [{ fieldType: 'common', name: 'addressFact', required: true, dadata: true }],
@@ -152,7 +177,7 @@ export const stepsSectionsMap: SectionsProps[][] = [
     {
       columns: 2,
       inputs: [
-        { fieldType: 'common', name: 'familyMembers', required: true },
+        { fieldType: 'common', name: 'familyMembers' },
         { fieldType: 'common', name: 'children', required: true },
       ],
     },

package/src/model/DefaultControlType.ts

@@ -4,4 +4,5 @@ export interface DefaultControlType {
   error?: string;
   errors?: string[];
   placeholder?: string;
+  disabled?: boolean;
 }

package/src/ui-kit/ConsentBkiDialog/ConsentBkiDialog.tsx

@@ -46,10 +46,17 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
   const consentText = showRefuceContent ? refuseConsentText : defaultConsentText;
 
   return (
-    <Dialog className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg" onClose={onClose}>
-      <div className="flex flex-col gap-lg items-center">
+    <Dialog
+      className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg py-0 px-5xl"
+      onClose={onClose}
+    >
+      <div className="flex flex-col gap-xl items-center">
         <div role="button" onClick={() => openDocument(open, CONSENT_BKI_ID, isMobile)}>
-          <Heading className="text-center text-balance" title={consentText.title} />
+          <Heading
+            className="text-center text-balance"
+            headingType="h2"
+            title={consentText.title}
+          />
         </div>
         <Paragraph align="text-center">{consentText.description}</Paragraph>
         <RadioButtonGroup

package/src/ui-kit/DatePicker/DatePicker.tsx

@@ -4,7 +4,6 @@ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useElementSpace } from '../../hooks/useElementSpace';
 import { type LabelProps } from '../../model/HeadlineType';
 import { type IconVersion } from '../../model/IconVersion';
-import { formatDate } from '../../utils/formatDate';
 import { style } from '../../utils/style';
 import { type ControlProps } from '../ControlProps';
 import { Icon } from '../Icon/Icon';
@@ -12,8 +11,8 @@ import { type IconName } from '../Icon/IconProps';
 import { renderLabel } from '../Input/renderLabel';
 import { Select } from '../Select/Select';
 import { Calendar } from './Calendar';
-import { DatePickerInput } from './DatePickerInput';
 import { months } from './months';
+import { renderDatePickerForm } from './renderDatePickerForm';
 import { useDatePickerManager } from './useDatePickerManager';
 
 const ICON_PROPS: { name: IconName; iconVersion: IconVersion; width: string; height: string } = {
@@ -29,20 +28,17 @@ const SELECT_PROPS: { className: string; iconVersion: IconVersion; isBorder: boo
   isBorder: false,
 };
 
-const formStyle =
-  'flex justify-between items-center h-14 py-s border rounded-md cursor-pointer ' +
-  'hover:border-black active:border-black focus:border-black';
-
 interface DatePickerProps extends ControlProps<Date>, LabelProps {
   className?: string;
   minDate?: Date;
   maxDate?: Date;
   valid?: boolean;
+  disabled?: boolean;
 }
 
 export const DatePicker = JSX<DatePickerProps>(
   // eslint-disable-next-line max-lines-per-function
-  ({ className = '', label = '', value, valid = true, minDate, maxDate, onChange }) => {
+  ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, onChange }) => {
     const [showCalendar, { setValue }] = useBool(false);
     const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
     const [selectedYear, setSelectedYear] = useState(
@@ -80,10 +76,11 @@ export const DatePicker = JSX<DatePickerProps>(
             value,
             valid,
             onChange,
+            disabled,
             setSelectedMonth,
             setSelectedYear,
           })}
-          {showCalendar ? (
+          {showCalendar && !disabled ? (
             <div
               className={style('absolute bg-white z-20 select-none', {
                 'bottom-full': spaceAbove,
@@ -125,28 +122,3 @@ export const DatePicker = JSX<DatePickerProps>(
     );
   },
 );
-
-const renderDatePickerForm = ({
-  handleChangeVisibleCalendar,
-  value,
-  valid,
-  onChange,
-  setSelectedMonth,
-  setSelectedYear,
-}: {
-  handleChangeVisibleCalendar: () => void;
-  value: Date | undefined;
-  valid: boolean;
-  setSelectedMonth: (selectedMonth: number) => void;
-  setSelectedYear: (selectedYear: number) => void;
-  onChange?: (value: Date) => void;
-}) => (
-  <DatePickerInput
-    onChange={onChange}
-    onClick={handleChangeVisibleCalendar}
-    value={value && formatDate(value)}
-    setSelectedMonth={setSelectedMonth}
-    setSelectedYear={setSelectedYear}
-    className={style(formStyle, valid ? 'border-gray' : 'border-error')}
-  ></DatePickerInput>
-);

package/src/ui-kit/DatePicker/DatePickerInput.tsx

@@ -21,10 +21,11 @@ interface DatePickerInputProps {
   value?: string;
   onChange?: (value: Date) => void;
   onClick?: () => void;
+  disabled?: boolean;
 }
 
 export const DatePickerInput = JSX<DatePickerInputProps>(
-  ({ setSelectedMonth, setSelectedYear, className, value, onChange, onClick }) => {
+  ({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
     const ref = useRef<HTMLInputElement | null>(null);
     const [inputValue, setInputValue] = useState<string>(value || '');
 
@@ -66,8 +67,9 @@ export const DatePickerInput = JSX<DatePickerInputProps>(
           type="text"
           onChange={handleChange}
           onBlur={onBlur}
+          disabled={disabled}
         />
-        <Icon className="mr-s" {...ICON_PROPS} />
+        {disabled ? null : <Icon className="mr-s" {...ICON_PROPS} />}
       </div>
     );
   },

package/src/ui-kit/DatePicker/renderDatePickerForm.tsx

@@ -0,0 +1,35 @@
+import { formatDate } from '../../utils/formatDate';
+import { style } from '../../utils/style';
+import { DatePickerInput } from './DatePickerInput';
+
+const formStyle =
+  'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
+  'hover:border-black active:border-black focus:border-black';
+
+export const renderDatePickerForm = ({
+  handleChangeVisibleCalendar,
+  value,
+  valid,
+  onChange,
+  setSelectedMonth,
+  setSelectedYear,
+  disabled = false,
+}: {
+  handleChangeVisibleCalendar: () => void;
+  value: Date | undefined;
+  valid: boolean;
+  setSelectedMonth: (selectedMonth: number) => void;
+  setSelectedYear: (selectedYear: number) => void;
+  onChange?: (value: Date) => void;
+  disabled?: boolean;
+}) => (
+  <DatePickerInput
+    onChange={onChange}
+    disabled={disabled}
+    onClick={handleChangeVisibleCalendar}
+    value={value && formatDate(value)}
+    setSelectedMonth={setSelectedMonth}
+    setSelectedYear={setSelectedYear}
+    className={style(formStyle, valid ? 'border-gray' : 'border-error')}
+  ></DatePickerInput>
+);

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

@@ -6,6 +6,7 @@ import { calculateIsRequired } from '../calculateIsRequired';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const AddressField = JSX<CustomFieldProps>(({ field, input }) => {
   const fieldName = input?.name || 'addressRegistration';
@@ -40,6 +41,7 @@ export const AddressField = JSX<CustomFieldProps>(({ field, input }) => {
 
   return (
     <InputControl
+      disabled={fieldName === 'addressRegistration' && isEsiaAuthorize() && input?.filledByEsia}
       label="Адрес"
       {...getValidation(
         field(fieldName),

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

@@ -4,9 +4,35 @@ import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 
-export const BirthdayField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DatePickerControl
-    label="Дата рождения"
-    {...getValidation(field('birthday'), validatorObj.birthday, input?.required)}
-  />
-));
+const MIN_AGE = 23;
+const MAX_AGE = 75;
+const AGE_ERROR_MESSAGE = 'Допустимый возраст заёмщика - от 23 до 75 лет';
+
+interface BirthdayFieldProps extends CustomFieldProps {
+  isRetailForm?: boolean;
+}
+
+export const BirthdayField = JSX<BirthdayFieldProps>(({ field, input, isRetailForm = false }) => {
+  const { value } = field('birthday');
+
+  return (
+    <DatePickerControl
+      label="Дата рождения"
+      {...getValidation(field('birthday'), validatorObj.birthday, input?.required)}
+      error={isRetailForm && value && !birthdayValidate(value as Date) ? AGE_ERROR_MESSAGE : ''}
+    />
+  );
+});
+
+const birthdayValidate = (date?: Date) => {
+  const today = new Date();
+
+  const minDate = new Date(today.getFullYear() - MIN_AGE, today.getMonth(), today.getDate());
+  const maxDate = new Date(today.getFullYear() - MAX_AGE, today.getMonth(), today.getDate());
+
+  if (!date || date > minDate || date < maxDate) {
+    return false;
+  }
+
+  return true;
+};

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

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

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

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

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

@@ -3,9 +3,11 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const DulNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     label="Номер документа"
     type="number"
     inputLength={6}

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

@@ -3,9 +3,11 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const DulSerieField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     label="Серия документа"
     type="number"
     inputLength={4}

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

@@ -5,6 +5,7 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input }) => {
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
@@ -13,6 +14,7 @@ export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input })
 
   return (
     <InputControl
+      disabled={isEsiaAuthorize() && input?.filledByEsia}
       label="Код подразделения"
       type="number"
       inputLength={6}