@redneckz/wildless-cms-uni-blocks 0.14.916 → 0.14.918

package/mobile/src/retail/validator/validators.ts

@@ -1,3 +1,4 @@
+import { isValidInnLength } from '../../ui-kit/FormField/validators';
 import { isCyrillic } from '../../utils/isCyrilic';
 import { validator } from '../../validation/validator';
 import { type Address } from '../model/LeadFormState';
@@ -135,3 +136,11 @@ export const validateDateFromBirth = (age: number, birthDate?: Date) =>
 
     return false;
   });
+
+export const organizationNameValidator = (isDadataOrganization?: boolean) =>
+  validator((_: string) => Boolean(_) && Boolean(isDadataOrganization))(
+    'Укажите наименование организации',
+  );
+
+export const organizationInnValidator = (isDadataOrganization?: boolean) =>
+  validator((_: string) => isValidInnLength(_) && Boolean(isDadataOrganization))('Укажите ИНН');

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

@@ -43,5 +43,5 @@ const emailValidate = (email: string) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,4}$/.test
 export const emailValidator = (errorMsg: string) =>
   validator((_: string) => emailValidate(_))(errorMsg);
 
-const isValidInnLength = (value: string | undefined): boolean =>
+export const isValidInnLength = (value: string | undefined): boolean =>
   typeof value === 'string' && (value.length === 10 || value.length === 12);

package/package.json

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

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -24,6 +24,7 @@ import { type ProductType } from './ApplicationLeadFormContent';
 import { productTypeToConsentsMap } from './consents';
 import { getCreditLeadFormTaskData, getDebitLeadFormTaskData } from './getLeadFormTaskData';
 import { type ApplicationLeadStore } from './useInitApplicationLead';
+import { useLeadFormStore } from './useLeadFormStore';
 import { useSaveUserData, type UserData } from './useSaveUserData';
 import { useSendLeadFormAspects } from './useSendLeadFormAspects';
 
@@ -44,6 +45,7 @@ export const useApplicationLeadApi = ({
   const [ok, setOK] = useState<boolean | undefined>();
   const saveUserData = useSaveUserData();
   const sessionStore = useSessionStore<ApplicationLeadStore>();
+  const leadFormStore = useLeadFormStore();
 
   const sendAspects = useSendLeadFormAspects({ data });
   const navigator = locationNavigator();
@@ -64,7 +66,7 @@ export const useApplicationLeadApi = ({
         profile: { phone: formatPhone(transformedFormData.phone as string) },
       });
 
-      const referalData = sessionStore.referalData;
+      const referalData = leadFormStore.referalData;
       const marketingInfo = sessionStore.marketingInfo;
 
       if (!profileId) {

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -4,8 +4,8 @@ import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 import { type MarketingInfo } from '../../retail/api/updateUserTask';
+import { useReferalProgramm } from '../../retail/hooks/useReferalProgramm';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
-import { type ReferalData } from '../../retail/model/ReferalData';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
 import { QUERY_STORAGE_KEY } from '../../utils/getSessionQuery';
 import { EsiaStatuses, type ProductType } from './ApplicationLeadFormContent';
@@ -23,7 +23,6 @@ type InitApplicationLeadProps = {
 
 export interface ApplicationLeadStore {
   marketingInfo: MarketingInfo | null;
-  referalData: ReferalData | null;
 }
 
 export const useInitApplicationLead = ({
@@ -36,6 +35,7 @@ export const useInitApplicationLead = ({
   const saveForm = useSetter(leadFormStore, 'leadForm');
   const sessionStore = useSessionStore<ApplicationLeadStore>();
   const queryFromStorage = globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY);
+  useReferalProgramm();
 
   const initialFormState = useMemo(
     () => getInitialFormState(inputs, leadFormStore.leadForm, esiaAuthSuccess),
@@ -69,20 +69,7 @@ export const useInitApplicationLead = ({
   useEffect(() => {
     leadFormStore.productType = productType;
 
-    const { referalCode, refererCode, productId, marketingInfo } = getLeadQueryParams(
-      queryFromStorage,
-      sessionStore,
-    );
-
-    if (referalCode) {
-      sessionStore.referalData = {
-        refererCode,
-        referalCode,
-        productId,
-      };
-    }
-
-    sessionStore.marketingInfo = marketingInfo;
+    sessionStore.marketingInfo = getMarketingInfo(queryFromStorage, sessionStore);
   }, [queryFromStorage]);
 
   useEffect(() => {
@@ -102,19 +89,13 @@ export const useInitApplicationLead = ({
   return initialFormState;
 };
 
-const getLeadQueryParams = (
-  queryFromStorage: string | null,
-  sessionStore: ApplicationLeadStore,
-) => {
-  const referalData = sessionStore.referalData;
+const getMarketingInfo = (queryFromStorage: string | null, sessionStore: ApplicationLeadStore) => {
   const marketingInfoFromStorage = sessionStore.marketingInfo;
   const queryStorage = new URLSearchParams(decodeURIComponent(queryFromStorage || ''));
 
   const code = queryStorage.get('code');
-  const referalCode = code ? referalData?.referalCode : queryStorage.get('referalCode');
-  const refererCode = code ? referalData?.refererCode : queryStorage.get('refererCode');
-  const productId = code ? referalData?.productId : queryStorage.get('productId');
-  const marketingInfo = code
+
+  return code
     ? marketingInfoFromStorage
     : {
         utm_campaign: queryStorage.get('utm_campaign'),
@@ -125,11 +106,4 @@ const getLeadQueryParams = (
         bannerId: queryStorage.get('bannerId'),
         userId: queryStorage.get('userId'),
       };
-
-  return {
-    referalCode,
-    refererCode,
-    productId,
-    marketingInfo,
-  };
 };

package/src/components/CreditCardForm/creditCardFormStepsData.tsx

@@ -60,29 +60,32 @@ const EMPLOYMENT_CONTENT: CreditCardSectionsProps[] = [
     ],
   },
   {
-    inputs: [
-      { name: 'employment', required: true },
-      { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
-    ],
+    inputs: [{ name: 'employment', required: true }],
   },
   {
     columns: 2,
     inputs: [
+      { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
       { name: 'inn', required: true, dadata: true, filledByEsia: true },
-      { name: 'legalForm', required: true },
     ],
   },
   {
+    inputs: [{ name: 'amountWorkers', required: true }],
+  },
+  {
+    columns: 2,
     inputs: [
-      { name: 'organization', required: true },
-      { name: 'amountWorkers', required: true },
+      { name: 'employerActivities', required: true },
+      {
+        name: 'organizationPhone',
+        label: 'Телефон работодателя',
+        required: true,
+      },
     ],
   },
   {
     columns: 2,
     inputs: [
-      { name: 'employerActivities', required: true },
-      { name: 'employerOrganization', required: true },
       { name: 'generalSeniority', required: true, filledByEsia: true },
       { name: 'lastJobExperience', required: true, filledByEsia: true },
       { name: 'experience5Years', required: true, filledByEsia: true },
@@ -90,14 +93,7 @@ const EMPLOYMENT_CONTENT: CreditCardSectionsProps[] = [
     ],
   },
   {
-    inputs: [
-      {
-        name: 'organizationPhone',
-        label: 'Телефон работодателя',
-        required: true,
-      },
-      { name: 'beginDate', required: true, filledByEsia: true },
-    ],
+    inputs: [{ name: 'beginDate', required: true, filledByEsia: true }],
   },
   {
     columns: 2,
@@ -231,13 +227,20 @@ const DELIVERY_CREDIT_CARD_CONTENT: CreditCardSectionsProps[] = [
           values: ['office'],
         },
       },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [
       {
-        name: 'bankEmployeeCode',
         condition: {
           name: 'methodObtain',
           values: ['office'],
         },
       },
+      {
+        name: 'bankEmployeeCode',
+      },
     ],
   },
 ];

package/src/components/CreditCardForm/formStateMap.tsx

@@ -8,6 +8,12 @@ export const formStateMap: Partial<LeadFormState>[] = [
     codeWord: '',
   },
   ...getMainFormStateMap(),
+  {
+    bankruptcyFlg: false,
+    shareholderFlg: false,
+    legalEntityName: '',
+    creditInRshbCd: undefined,
+  },
   {
     regionRetail: { key: '', text: '' },
     addressRetail: { key: '', text: '' },

package/src/components/CreditForm/creditFormStepsData.tsx

@@ -44,38 +44,30 @@ const EMPLOYMENT_CONTENT: SectionsRetailProps[] = [
     ],
   },
   {
-    inputs: [
-      { name: 'employment', required: true },
-      { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
-    ],
+    inputs: [{ name: 'employment', required: true }],
   },
   {
     columns: 2,
     inputs: [
+      { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
       { name: 'inn', required: true, dadata: true, filledByEsia: true },
-      { name: 'legalForm', required: true },
     ],
   },
   {
+    columns: 2,
     inputs: [
-      { name: 'organization', required: true },
       { name: 'amountWorkers', required: true },
+      {
+        name: 'organizationPhone',
+        label: 'Телефон работодателя',
+        required: true,
+      },
     ],
   },
   {
     columns: 2,
     inputs: [
-      { name: 'employerOrganization', required: true },
       { name: 'jobsNumber', required: true, filledByEsia: true },
-    ],
-  },
-  {
-    inputs: [
-      {
-        name: 'organizationPhone',
-        label: 'Телефон работодателя',
-        required: true,
-      },
       { name: 'beginDate', required: true, filledByEsia: true },
     ],
   },
@@ -177,7 +169,12 @@ const DELIVERY_CREDIT_CONTENT: SectionsRetailProps[] = [
     ],
   },
   {
-    inputs: [{ name: 'bankEmployeeCode' }],
+    columns: 2,
+    inputs: [
+      {
+        name: 'bankEmployeeCode',
+      },
+    ],
   },
 ];
 const CALCULATOR_CONTENT: SectionsRetailProps[] = [

package/src/retail/adaptors/getPersonalInfoData.tsx

@@ -1,17 +1,11 @@
 import { formatDate } from '../../utils/formatDate';
-import { formatPhone } from '../../utils/formatPhone';
 import { type Participant } from '../api/updateUserTask';
 import { type LeadFormState } from '../model/LeadFormState';
-import { getParticipantAddresses, getParticipantContacts } from './utils';
+import { getParticipantAddresses } from './utils';
 
 export const getPersonalInfoData = (formData: LeadFormState): Partial<Participant> => {
   const {
-    name,
-    surname,
-    middleName,
     limitedBirthday = '',
-    phone = '',
-    email,
     sex,
     birthPlace,
     dulIssueDate = '',
@@ -29,9 +23,6 @@ export const getPersonalInfoData = (formData: LeadFormState): Partial<Participan
 
   return {
     birthDate: formatDate(limitedBirthday, true),
-    midname: middleName,
-    name,
-    surname,
     birthPlace,
     dulIssueDate: formatDate(dulIssueDate, true),
     dulIssuedBy,
@@ -44,10 +35,6 @@ export const getPersonalInfoData = (formData: LeadFormState): Partial<Participan
       : undefined,
     homeMatchFlg: addressMatch,
     houseTypeCd: housing,
-    participantContacts: getParticipantContacts({
-      phone: formatPhone(phone),
-      email,
-    }),
     participantAddresses: getParticipantAddresses({
       addressRegistration,
       addressFact: addressMatch ? addressRegistration : addressFact,

package/src/retail/api/getDictionaries.ts

@@ -0,0 +1,21 @@
+import { type CreditFormDictionarySlice } from '../hooks/useRetailFormStore';
+import { type DictionaryItem } from '../model/LeadFormData';
+import { fetchRetailJSON } from './doRequest';
+
+export const getDictionaries = (
+  dictionaries: Record<string, string>,
+  store: CreditFormDictionarySlice,
+) => {
+  Promise.all(
+    Object.entries(dictionaries).map((dictionary) => {
+      const [fieldName, dictionaryName] = dictionary;
+
+      fetchRetailJSON<DictionaryItem[]>(
+        `/dictionary?dictionaryType=${encodeURIComponent(dictionaryName)}`,
+        'POST',
+      ).then((res) => {
+        store[fieldName] = res;
+      });
+    }),
+  );
+};

package/src/retail/components/DraftDialog/parseDraftTask.ts

@@ -90,6 +90,7 @@ export const parseDraftTask = (task: Task): LeadFormState => {
     employment: getSelectValue(employment, EMPLOYMENT_TYPE),
     organizationName,
     inn,
+    isDadataOrganization: Boolean(inn),
     employerActivities: getSelectValue(employerActivities),
     organization: getSelectValue(organization),
     employerOrganization: getSelectValue(employerOrganization),

package/src/retail/components/Fields/AmountWorkersField.tsx

@@ -1,21 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
-import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { SelectField } from './SelectField';
 
 export const AmountWorkersField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { data } = useLeadFormData('EMPLOYEES_NUMBER');
-
   const store = useRetailFormStore();
 
-  useEffect(() => {
-    if (data) {
-      store.amountWorkers = data;
-    }
-  }, [data]);
-
   return (
     <SelectField
       field={field}

package/src/retail/components/Fields/BankEmployeeCodeField.tsx

@@ -1,13 +1,45 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { type RadioButtonItem } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroup';
+import { RadioButtonGroupControl } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroupControl';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
-export const BankEmpoleeCodeField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DaDataInputControl
-    label="Код представителя Банка"
-    placeholder="Введите код"
-    isInteger={true}
-    {...field(input?.name ?? '')}
-    {...input}
-  />
-));
+export const BUTTON_TYPES: RadioButtonItem[] = [
+  { id: 'true', text: 'Да' },
+  { id: 'false', text: 'Нет' },
+];
+
+export const BankEmployeeCodeField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [bankEmployeeFlg, setBankEmployeeFlg] = useState('');
+
+  const handleBankEmployeeFlgChange = useCallback((value: string) => {
+    setBankEmployeeFlg(value);
+
+    if (value === 'false') {
+      field('bankEmployeeCode')?.onChange?.(null);
+    }
+  }, []);
+
+  return (
+    <div className="flex flex-col md:flex-row">
+      <RadioButtonGroupControl
+        label="Мне помог сотрудник Банка"
+        orientation="horizontal"
+        items={BUTTON_TYPES}
+        value={bankEmployeeFlg}
+        onChange={handleBankEmployeeFlgChange}
+      />
+      {bankEmployeeFlg === 'true' ? (
+        <DaDataInputControl
+          label="Код представителя Банка"
+          placeholder="Введите код"
+          isInteger={true}
+          maxLength={8}
+          {...field(input?.name ?? '')}
+          {...input}
+        />
+      ) : null}
+    </div>
+  );
+});

package/src/retail/components/Fields/DaDataInnField.tsx

@@ -1,23 +1,40 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
+import { getDictionaries } from '../../api/getDictionaries';
 import { getOrganizationFromInn } from '../../api/getOrganizationFromInn';
 import { useRetailFormStore, type CreditFormStoreSlice } from '../../hooks/useRetailFormStore';
+import { organizationDictionaries } from '../../utils/getOrganizationParams';
 import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
 import { updateOrganizationFields } from '../../utils/updateOrganizationFields';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
+const NO_DADATA_ERROR_TEXT = 'Необходимо выбрать ИНН из выпадающего списка';
+
 export const DaDataInnField = JSX<CustomFieldProps>(({ field, input }) => {
   const store = useRetailFormStore();
+  const [errorText, setErrorText] = useState('');
   const { employerActivities, employerOrganization, organization, amountWorkers } = store;
   const esiaAccountTypeCd = field?.('esiaAccountTypeCd')?.value;
   const inn = field?.('inn')?.value;
+  const fieldError = field?.('organizationName')?.error;
+  const isDadataOrganization = field('isDadataOrganization')?.value;
+
+  useEffect(() => {
+    setErrorText(fieldError && !isDadataOrganization ? NO_DADATA_ERROR_TEXT : '');
+  }, [isDadataOrganization, fieldError]);
 
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
     updateOrganizationFields(store, field, item);
   }, []);
 
+  useEffect(() => {
+    (async () => {
+      await getDictionaries(organizationDictionaries, store);
+    })();
+  }, []);
+
   useEffect(() => {
     if (!esiaAccountTypeCd || !inn || !isDictionariesAlreadyLoad(store as CreditFormStoreSlice)) {
       return;
@@ -30,6 +47,11 @@ export const DaDataInnField = JSX<CustomFieldProps>(({ field, input }) => {
     })();
   }, [employerActivities, employerOrganization, organization, amountWorkers]);
 
+  const onChange = useCallback((value: string) => {
+    field?.('inn')?.onChange?.(value);
+    field?.('isDadataOrganization')?.onChange?.(false);
+  }, []);
+
   return (
     <DaDataInputControl
       label="ИНН"
@@ -39,18 +61,14 @@ export const DaDataInnField = JSX<CustomFieldProps>(({ field, input }) => {
       {...field(input?.name ?? '')}
       onDaDataChange={onDaDataChange}
       disabled={isEsiaAuthorize(field, input)}
+      onChange={onChange}
+      error={errorText || field('inn')?.error}
     />
   );
 });
 
 const isDictionariesAlreadyLoad = (store: CreditFormStoreSlice) => {
-  const { employerActivities, employerOrganization, organization, amountWorkers, productType } =
-    store;
-
-  return [
-    employerOrganization,
-    organization,
-    amountWorkers,
-    productType === 'creditCard' ? employerActivities : true,
-  ].every(Boolean);
+  const { employerActivities, employerOrganization, organization, amountWorkers } = store;
+
+  return [employerOrganization, organization, amountWorkers, employerActivities].every(Boolean);
 };

package/src/retail/components/Fields/EmployerActivitiesField.tsx

@@ -1,21 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
-import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { SelectField } from './SelectField';
 
 export const EmployerActivitiesField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
-
   const store = useRetailFormStore();
 
-  useEffect(() => {
-    if (data) {
-      store.employerActivities = data;
-    }
-  }, [data]);
-
   return (
     <SelectField
       field={field}

package/src/retail/components/Fields/EmployerOrganizationField.tsx

@@ -1,21 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
-import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { SelectField } from './SelectField';
 
 export const EmployerOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { data } = useLeadFormData('ORGANIZATION_KIND');
-
   const store = useRetailFormStore();
 
-  useEffect(() => {
-    if (data) {
-      store.employerOrganization = data;
-    }
-  }, [data]);
-
   return (
     <SelectField
       field={field}

package/src/retail/components/Fields/OrganizationField.tsx

@@ -1,21 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
-import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { SelectField } from './SelectField';
 
 export const OrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { data } = useLeadFormData('ORGANIZATION_TYPE');
-
   const store = useRetailFormStore();
 
-  useEffect(() => {
-    if (data) {
-      store.organization = data;
-    }
-  }, [data]);
-
   return (
     <SelectField
       field={field}

package/src/retail/components/Fields/OrganizationNameField.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
@@ -7,14 +7,27 @@ import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
 import { updateOrganizationFields } from '../../utils/updateOrganizationFields';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
+const NO_DADATA_ERROR_TEXT = 'Необходимо выбрать организацию из выпадающего списка';
+
 export const OrganizationNameField = JSX<CustomFieldProps>(({ field, input }) => {
   const store = useRetailFormStore();
+  const [errorText, setErrorText] = useState('');
+  const fieldError = field?.('organizationName')?.error;
+  const isDadataOrganization = field('isDadataOrganization')?.value;
+
+  useEffect(() => {
+    setErrorText(fieldError && !isDadataOrganization ? NO_DADATA_ERROR_TEXT : '');
+  }, [isDadataOrganization, fieldError]);
 
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
-    field?.('inn')?.onChange?.(item.data?.inn);
     updateOrganizationFields(store, field, item);
   }, []);
 
+  const onChange = useCallback((value: string) => {
+    field?.('organizationName')?.onChange?.(value);
+    field?.('isDadataOrganization')?.onChange?.(false);
+  }, []);
+
   return (
     <DaDataInputControl
       label="Наименование организации"
@@ -22,6 +35,8 @@ export const OrganizationNameField = JSX<CustomFieldProps>(({ field, input }) =>
       {...field(input?.name ?? '')}
       disabled={isEsiaAuthorize(field, input)}
       onDaDataChange={onDaDataChange}
+      onChange={onChange}
+      error={errorText || field('organizationName')?.error}
     />
   );
 });

package/src/retail/content.tsx

@@ -6,21 +6,14 @@ export const PERSONAL_DATA: CreditCardSectionsProps[] = [
     title: 'Персональные данные',
     columns: 2,
     inputs: [
-      {
-        name: 'surname',
-        required: true,
-        dadata: true,
-        filledByEsia: true,
-      },
-      { name: 'name', required: true, dadata: true, filledByEsia: true },
-      { name: 'middleName', dadata: true, filledByEsia: true },
-      { name: 'sex', required: true },
       { name: 'limitedBirthday', required: true, filledByEsia: true },
       { name: 'birthPlace', required: true, filledByEsia: true },
-      { name: 'phone', disabled: true, required: true },
-      { name: 'email', required: true, dadata: true },
     ],
   },
+  {
+    columns: 2,
+    inputs: [{ name: 'sex', required: true }],
+  },
   {
     title: 'Паспортные данные',
     columns: 2,