@redneckz/wildless-cms-uni-blocks 0.14.154 → 0.14.156

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -134,7 +134,6 @@ export type UltraPremiumFormParamsDef = TitleProps &
   CommonApplicationFormProps & {
     /** @default ApplicationUltraPremium */
     formType: 'ApplicationFormUltraPremium';
-    /** @title Выберите продукт */
     defaultType?: UltraPremiumTypeProps;
   };
 

package/src/components/ApplicationForm/ApplicationFormCorruption.tsx

@@ -4,7 +4,6 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
@@ -22,14 +21,14 @@ export type CorruptionFormState = UserDataState & {
   typeForm: Option;
   region?: Option;
   phone: string;
-  email?: string;
-  comment?: string;
+  email: string;
+  comment: string;
   consentDataProcessing: boolean;
 };
 
 const initialFormState: CorruptionFormState = {
-  ...initialUserFormState,
   typeForm: { key: 'CORRUPTION', text: 'Факты коррупции' },
+  ...initialUserFormState,
   phone: '',
   email: '',
   comment: '',
@@ -51,20 +50,12 @@ export const ApplicationFormCorruption = JSX<ApplicationFormsProps>(
   ({ button, link, onSubmit }) => {
     const handleSubmit = useCallback(
       (formState: CorruptionFormState) => {
-        const { typeForm, phone, region, ...usedFields } = formState;
-
-        const submitData = {
-          ...usedFields,
-          typeForm: typeForm.key,
-          regionBranch: region?.text,
-          phone: formatPhone(phone),
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
       },
       [onSubmit],
     );
 
-    const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+    const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
     return (
       <form className={formStyle} onSubmit={formProps.onSubmit}>
@@ -72,17 +63,14 @@ export const ApplicationFormCorruption = JSX<ApplicationFormsProps>(
           <div className={oneColumnFormStyle}>
             {renderUserData<CorruptionFormState>(field, false)}
             <RegionField field={field} />
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
+            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
             <InputControl
-              label="Электронная почта*"
+              label="Электронная почта"
               {...withValidator(field('email'), defaultValidator)}
             />
             <InputControl
               {...withValidator(field('comment'), defaultValidator)}
-              placeholder="Ваше сообщение*"
+              placeholder="Ваше сообщение"
               isTextarea={true}
             />
             {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}

package/src/components/ApplicationForm/ApplicationFormCredit.tsx

@@ -1,12 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useBranches } from '../../hooks/useBranches';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
-import { withValidator } from '../../validation/withValidator';
+import { AddressBranchField } from './AddressBranchField';
 import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { MIN_CREDIT_AMOUNT } from './CreditParameters';
@@ -16,30 +14,31 @@ import { RegionField } from './RegionField';
 import { renderCreditDataOrganization } from './renderCreditDataOrganization';
 import { renderCreditParameters } from './renderCreditParameters';
 import { renderSubmitButton } from './renderSubmitButton';
-import { SelectControl } from './SelectControl';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export interface CreditFormState {
+  typeForm: Option;
   amount: number;
   term: number;
   fullName: string;
   inn: string;
   name: string;
   phone: string;
-  mail: string;
+  email: string;
   region?: Option;
-  department?: Option;
+  addressBranch?: Option;
   annualRevenue: string;
 }
 
 const initialFormState: CreditFormState = {
+  typeForm: { key: 'cred', text: 'Кредит' },
   amount: MIN_CREDIT_AMOUNT,
   term: 12,
   fullName: '',
   inn: '',
   name: '',
   phone: '',
-  mail: '',
+  email: '',
   annualRevenue: '',
 };
 
@@ -50,33 +49,26 @@ const creditValidator = objectValidator({
   name: nameValidator,
   phone: phoneValidator,
   region: defaultValidator,
-  department: defaultValidator,
 });
 
 export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
   const handleSubmit = useCallback(
     (formState: CreditFormState) => {
-      const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } =
-        formState;
+      const { amount, term, addressBranch, annualRevenue, ...usedFields } = formState;
 
       isValidationSuccess(creditValidator(formState)) &&
         onSubmit({
-          typeForm: 'cred',
-          fullName,
-          inn,
-          name,
-          phone: formatPhone(phone),
-          mail,
-          region: region?.text || '',
-          department: department?.text || '',
+          ...usedFields,
+          addressBranch: addressBranch?.text || '',
           partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
         });
     },
     [onSubmit],
   );
 
-  const [formState, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-  const branches = useBranches(formState.region?.key).filter((branch) => branch?.address);
+  const [formState, { field, ...formProps }] = useForm(initialFormState, {
+    onSubmit: handleSubmit,
+  });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
@@ -87,15 +79,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link,
           <RegionField field={field} />
         </div>
         <div className={formChildrenStyle}>
-          <SelectControl
-            label="Адрес"
-            placeholder="Выберите адрес"
-            options={branches.map(({ branchCode = '', address = '' }) => ({
-              key: branchCode,
-              text: address,
-            }))}
-            {...withValidator(field('department'), defaultValidator)}
-          />
+          <AddressBranchField field={field} regionKey={formState.region?.key} />
         </div>
       </ApplicationFieldsetLayout>
       {renderSubmitButton(button)}

package/src/components/ApplicationForm/ApplicationFormDeposit.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { formatPhone } from '../../utils/formatPhone';
+import { type Option } from '../../ui-kit/Select/Option';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
@@ -15,11 +15,13 @@ import { renderSubmitButton } from './renderSubmitButton';
 import { nameValidator, phoneValidator } from './validators';
 
 interface DepositFormState {
+  typeForm: Option;
   name: string;
   phone: string;
 }
 
 const initialFormState: DepositFormState = {
+  typeForm: { key: 'dpst', text: 'Заявка на депозит' },
   name: '',
   phone: '',
 };
@@ -32,19 +34,15 @@ const depositValidator = objectValidator({
 export const ApplicationFormDeposit = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
   const handleSubmit = useCallback(
     (formState: DepositFormState) => {
-      const { name, phone } = formState;
-
-      isValidationSuccess(depositValidator(formState)) &&
-        onSubmit({
-          typeForm: 'dpst',
-          name,
-          phone: formatPhone(phone),
-        });
+      isValidationSuccess(depositValidator(formState)) && onSubmit(formState);
     },
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [, { field, ...formProps }] = useForm(initialFormState, {
+    onSubmit: handleSubmit,
+    resetOnSubmit: false,
+  });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>

package/src/components/ApplicationForm/ApplicationFormFeedback.tsx

@@ -2,10 +2,10 @@
 
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useBranches } from '../../hooks/useBranches';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
 import { withValidator } from '../../validation/withValidator';
+import { AddressBranchField } from './AddressBranchField';
 import { ApplicationFieldsetLayout } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { FEEDBACK_METHOD, FEEDBACK_TYPES, SERVICE_DIRECTIONS } from './feedbackTypes';
@@ -29,7 +29,7 @@ export type FeedbackFormState = UserDataState & {
   feedbackMethod: Option;
   phone: string;
   secondaryPhone?: string;
-  email?: string;
+  email: string;
   bankEmpolee?: string;
   applicationDate?: string;
   comment: string;
@@ -67,28 +67,29 @@ export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, lin
     [onSubmit],
   );
 
-  const [formState, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [formState, { field, ...formProps }] = useForm(initialFormState, {
+    onSubmit: handleSubmit,
+  });
 
   const isQualityService = field('typeForm').value?.key === 'FEEDBACK_QS';
   const isLegalEntity = getLegalEntity(
     field('typeForm').value?.key,
     field('serviceDirection').value?.key,
   );
-  const addressByBranch = useBranches(formState?.region?.key).filter((branch) => branch?.address);
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
       <ApplicationFieldsetLayout>
         <div className={oneColumnFormStyle}>
           <SelectControl
-            label="Тема*"
+            label="Тема"
             placeholder="Выберите тему"
             options={FEEDBACK_TYPES}
             {...withValidator(field('typeForm'), defaultValidator)}
           />
           {isQualityService ? (
             <SelectControl
-              label="Направление обслуживания*"
+              label="Направление обслуживания"
               placeholder="Выберите направление"
               options={SERVICE_DIRECTIONS}
               {...withValidator(field('serviceDirection'), defaultValidator)}
@@ -96,34 +97,31 @@ export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, lin
           ) : null}
           <RegionField field={field} />
           {isQualityService ? (
-            <SelectControl
-              label="Адрес*"
-              placeholder="Выберите адрес"
-              options={addressByBranch.map(({ branchCode = '', address = '' }) => ({
-                key: branchCode,
-                text: address,
-              }))}
-              {...withValidator(field('addressBranch'), defaultValidator)}
-            />
+            <AddressBranchField field={field} regionKey={formState?.region?.key} />
           ) : null}
           {renderUserData<FeedbackFormState>(field, true)}
           {isLegalEntity ? (
             <div>
-              <InputControl label="ИНН*" {...withValidator(field('inn'), innValidator)} />
+              <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
               <InputControl label="Наименование организации" {...field('fullName')} />
             </div>
           ) : null}
           <SelectControl
-            label="Способ получения ответа*"
+            label="Способ получения ответа"
             options={FEEDBACK_METHOD}
             {...withValidator(field('feedbackMethod'), defaultValidator)}
           />
-          <PhoneInputControl label="Телефон*" {...withValidator(field('phone'), phoneValidator)} />
+          <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
           {isQualityService ? (
             <div>
-              <PhoneInputControl label="Дополнительный телефон" {...field('secondaryPhone')} />
+              <PhoneInputControl
+                label="Дополнительный телефон"
+                {...(!field('secondaryPhone').value || field('secondaryPhone').value === '+7 ('
+                  ? field('secondaryPhone')
+                  : withValidator(field('secondaryPhone'), phoneValidator))}
+              />
               <InputControl
-                label="Электронная почта*"
+                label="Электронная почта"
                 {...withValidator(field('email'), defaultValidator)}
               />
               <InputControl
@@ -134,13 +132,13 @@ export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, lin
             </div>
           ) : (
             <InputControl
-              label="Электронная почта*"
+              label="Электронная почта"
               {...withValidator(field('email'), defaultValidator)}
             />
           )}
           <InputControl
             {...withValidator(field('comment'), defaultValidator)}
-            placeholder="Ваше сообщение*"
+            placeholder="Ваше сообщение"
             isTextarea={true}
           />
           {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}

package/src/components/ApplicationForm/ApplicationFormIndividuals.tsx

@@ -1,7 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
@@ -13,7 +12,7 @@ import { InputControl } from './InputControl';
 import { PhoneInputControl } from './PhoneInputControl';
 import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
 import { initialUserFormState, type UserDataState } from './renderUserData';
-import { defaultValidator, nameValidator, phoneValidator } from './validators';
+import { checkboxValidator, defaultValidator, nameValidator, phoneValidator } from './validators';
 
 export type IndividualsFormState = UserDataState & {
   phone: string;
@@ -35,28 +34,19 @@ const individualsValidator = objectValidator({
   phone: phoneValidator,
   email: defaultValidator,
   birthday: defaultValidator,
+  consentDataProcessing: checkboxValidator,
 });
 
 export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) => {
-  const { button, link, product, onSubmit } = props;
+  const { button, link, product = '', onSubmit } = props;
 
   const handleSubmit = useCallback(
     (formState: IndividualsFormState) => {
-      const { surname, name, middleName, phone, email, birthday, consentDataProcessing } =
-        formState;
-
       isValidationSuccess(individualsValidator(formState)) &&
         onSubmit(
           {
-            typeForm: 'dpst',
-            surname,
-            name,
-            middleName,
-            email,
-            consentDataProcessing,
-            phoneNumber: formatPhone(phone),
-            birthday: birthday?.toISOString().slice(0, 10) || '',
-            product: product || '',
+            ...formState,
+            product,
           },
           true,
         );
@@ -64,7 +54,7 @@ export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) =>
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
@@ -78,7 +68,7 @@ export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) =>
         <div className={formChildrenStyle}>
           <InputControl label="Имя" {...withValidator(field('name'), nameValidator)} />
           <DatePickerControl
-            label="Дата рождения*"
+            label="Дата рождения"
             {...withValidator(field('birthday'), defaultValidator)}
           />
           <InputControl

package/src/components/ApplicationForm/ApplicationFormSelfCollection.tsx

@@ -2,33 +2,31 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
 import { ApplicationFieldsetLayout } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
-import { Footnote } from './Footnote';
 import { formStyle, oneColumnFormStyle } from './formStyle';
 import { InputControl } from './InputControl';
 import { PhoneInputControl } from './PhoneInputControl';
 import { RegionField } from './RegionField';
-import { renderSubmitButton } from './renderSubmitButton';
-import { initialUserFormState, type UserDataState } from './renderUserData';
+import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
 import { defaultValidator, phoneValidator } from './validators';
 
-export type SelfCollectionFormState = UserDataState & {
+export type SelfCollectionFormState = {
   typeForm: Option;
   fullName: string;
   region?: Option;
   phone: string;
+  consentDataProcessing: boolean;
 };
 
 const initialFormState: SelfCollectionFormState = {
-  ...initialUserFormState,
   typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' }, // Уточнить key
   fullName: '',
   phone: '',
+  consentDataProcessing: false,
 };
 
 const feedbackValidator = objectValidator({
@@ -42,33 +40,21 @@ export const ApplicationFormSelfCollection = JSX<ApplicationFormsProps>(
   ({ button, link, onSubmit }) => {
     const handleSubmit = useCallback(
       (formState: SelfCollectionFormState) => {
-        const { typeForm, region, fullName, phone } = formState;
-
-        const submitData = {
-          typeForm: typeForm.key,
-          region: region?.text,
-          name: fullName,
-          phone: formatPhone(phone),
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
       },
       [onSubmit],
     );
 
-    const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+    const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
     return (
       <form className={formStyle} onSubmit={formProps.onSubmit}>
         <ApplicationFieldsetLayout>
           <div className={oneColumnFormStyle}>
-            <InputControl label="ФИО*" {...withValidator(field('fullName'), defaultValidator)} />
+            <InputControl label="ФИО" {...withValidator(field('fullName'), defaultValidator)} />
             <RegionField field={field} />
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
-            {renderSubmitButton(button)}
-            <Footnote link={link} />
+            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
+            {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}
           </div>
         </ApplicationFieldsetLayout>
       </form>

package/src/components/ApplicationForm/ApplicationFormUltraPremium.tsx

@@ -3,17 +3,17 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { usePremiumBranchesByRegions } from '../../hooks/usePremiumBranchesByRegions';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
+import { AddressBranchField } from './AddressBranchField';
 import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { formStyle } from './formStyle';
 import { InputControl } from './InputControl';
 import { PhoneInputControl } from './PhoneInputControl';
+import { RegionPremiumField } from './RegionPremiumField';
 import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
 import { initialUserFormState, type UserDataState } from './renderUserData';
 import { SelectControl } from './SelectControl';
@@ -57,58 +57,35 @@ export const ApplicationFormUltraPremium = JSX<ApplicationFormsProps>(
   ({ button, link, onSubmit, defaultType = 'PREMIUMSERVICE' }) => {
     const handleSubmit = useCallback(
       (formState: UltraPremiumFormState) => {
-        const { surname, name, middleName, email, comment, consentDataProcessing } = formState;
-
-        const submitData = {
-          typeForm: formState.typeForm.key,
-          surname,
-          name,
-          middleName,
-          phoneNumber: formatPhone(formState.phone),
-          email,
-          addressBranch: formState.addressBranch?.key,
-          comment,
-          consentDataProcessing,
-        };
-        console.log(submitData);
-
-        isValidationSuccess(creditValidator(formState)) && onSubmit(submitData, true);
+        const isValid = isValidationSuccess(creditValidator(formState));
+        isValid && onSubmit(formState, true);
       },
       [onSubmit],
     );
 
     const [formState, { field, ...formProps }] = useForm(
       { ...initialFormState, typeForm: getDefaultFormType(defaultType) as Option },
-      handleSubmit,
+      { onSubmit: handleSubmit },
     );
-    const branchByRegions = usePremiumBranchesByRegions();
-    const regions = branchByRegions.map(({ region }) => ({
-      key: region,
-      text: region,
-    }));
     const regionKey = formState?.region?.key;
-    const addressBranches = branchByRegions.find((_) => _?.region === regionKey)?.branches;
 
     return (
       <form className={formStyle} onSubmit={formProps.onSubmit}>
         <ApplicationFieldsetLayout title="Ваши данные">
           <div className={formChildrenStyle}>
-            <InputControl label="Фамилия*" {...withValidator(field('surname'), nameValidator)} />
+            <InputControl label="Фамилия" {...withValidator(field('surname'), nameValidator)} />
             <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
             <InputControl
-              label="Электронная почта*"
+              label="Электронная почта"
               {...withValidator(field('email'), defaultValidator)}
             />
           </div>
 
           <div className={formChildrenStyle}>
-            <InputControl label="Имя*" {...withValidator(field('name'), nameValidator)} />
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
+            <InputControl label="Имя" {...withValidator(field('name'), nameValidator)} />
+            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
             <SelectControl
-              label="Тип обслуживания*"
+              label="Тип обслуживания"
               options={SERVICE_TYPES}
               {...withValidator(field('typeForm'), defaultValidator)}
             />
@@ -116,24 +93,10 @@ export const ApplicationFormUltraPremium = JSX<ApplicationFormsProps>(
         </ApplicationFieldsetLayout>
         <ApplicationFieldsetLayout title="Офис банка">
           <div className={formChildrenStyle}>
-            <SelectControl
-              label="Регион*"
-              placeholder="Выберите регион"
-              options={regions as Option[]}
-              {...withValidator(field('region'), defaultValidator)}
-            />
+            <RegionPremiumField field={field} />
           </div>
           <div className={formChildrenStyle}>
-            <SelectControl
-              className="w-full"
-              label="Адрес*"
-              placeholder="Выберите отделение"
-              options={(addressBranches || []).map(({ address = '' }) => ({
-                key: address,
-                text: address,
-              }))}
-              {...withValidator(field('addressBranch'), defaultValidator)}
-            />
+            <AddressBranchField field={field} regionKey={regionKey} isPremium={true} />
           </div>
         </ApplicationFieldsetLayout>
         <InputControl