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

package/bundle/bundle.umd.js

@@ -928,15 +928,35 @@
         return content ? (jsx(ClientOnly, { children: jsx(ProductBlock, { ...content, ...props }) })) : null;
     });
 
+    const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
+
     function LeadServiceAPI() {
+        // eslint-disable-next-line complexity
         async function send(body, isIndividualType = false) {
             const url = isIndividualType ? '/api/v1/lead' : '/api/v1/sendcorporatelead';
+            const { typeForm, region, phone = '', email, birthday, inn, fullName, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, ...staticBody } = body;
+            const submitBody = {
+                typeForm,
+                [isIndividualType ? 'regionBranch' : 'region']: region,
+                [isIndividualType ? 'phoneNumber' : 'phone']: formatPhone(phone),
+                [isIndividualType ? 'email' : 'mail']: email,
+                ...(isIndividualType ? { birthday } : { inn, fullName }),
+                ...(typeForm === 'FEEDBACK'
+                    ? {}
+                    : {
+                        addressBranch,
+                        bankEmpolee,
+                        applicationDate,
+                        ...getSecondaryPhone(secondaryPhone),
+                    }),
+                ...staticBody,
+            };
             try {
                 const response = await fetch(url, {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
                     mode: 'cors',
-                    body: JSON.stringify(body),
+                    body: JSON.stringify(submitBody),
                 });
                 if (!response?.ok) {
                     return null;
@@ -952,10 +972,13 @@
             send,
         };
     }
+    const getSecondaryPhone = (secondaryPhone) => !secondaryPhone || secondaryPhone === '+7 ('
+        ? {}
+        : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
 
     const identity = (_) => _;
 
-    const useForm = (initialState, onSubmit) => {
+    const useForm = (initialState, { resetOnSubmit, onSubmit } = {}) => {
         const [formState, setFormState] = useState(initialState);
         const [isDirtyForm, setDirtyForm] = useState(false);
         const [dirtyFieldsMap, setDirtyFieldsMap] = useState({});
@@ -986,7 +1009,7 @@
         }, [initialState]);
         const handleSubmit = useCallback((e) => {
             e.preventDefault();
-            setDirtyForm(true);
+            resetOnSubmit ? reset() : setDirtyForm(true);
             onSubmit && onSubmit(formState);
         }, [onSubmit, formState]);
         return [
@@ -1001,7 +1024,7 @@
         ];
     };
 
-    const formatPhone = (phone) => phone.replace(/[^+\d]/g, '');
+    const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
 
     const objectValidator = (validatorsMap) => (o) => (o &&
         Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
@@ -1050,7 +1073,7 @@
 
     const renderErrorText = (error) => (jsx("div", { className: "h-4", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
 
-    const InputControl = JSX(({ className, label, value = '', placeholder, error, onChange, onBlur, isTextarea }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Input, { type: "text", "aria-label": label, label: label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: placeholder }), renderErrorText(error)] })));
+    const InputControl = JSX(({ className, label, value = '', placeholder, error, onChange, onBlur, isTextarea, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Input, { type: "text", "aria-label": label, label: label && rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: rest?.errors && !label ? `${placeholder}*` : placeholder }), renderErrorText(error)] })));
 
     const isPlaceholder = (_) => _ === '_';
     const isDigit = (_) => /\d/.test(_);
@@ -1071,7 +1094,7 @@
         return (jsx(Input, { onChange: handleChange, onFocus: (event) => handleChange(event?.target?.value || ''), ...inputProps, children: children }));
     });
 
-    const PhoneInputControl = JSX(({ className, label, value, error, onChange, onBlur }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), renderErrorText(error)] })));
+    const PhoneInputControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), renderErrorText(error)] })));
 
     const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
 
@@ -1084,7 +1107,7 @@
     const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
     const checkboxValidator = validator((_) => typeof _ === 'boolean' && _)(ERROR_MESSAGE);
 
-    const renderAcquiringDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438*", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E*", ...withValidator(field('name'), nameValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u041D\u041D*", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) })] })] }));
+    const renderAcquiringDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] })] }));
 
     const ACQUIRING_TYPES = [
         {
@@ -1213,7 +1236,7 @@
     const renderIcon$1 = (isOpen, iconVersion) => (jsx(Icon, { className: style('absolute right-3', isOpen ? '' : 'rotate-180'), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
     const getBorderStyle$1 = (isBorder, valid) => style(isBorder ? 'border rounded-md hover:border-primary-hover' : '', valid ? ' border-gray' : 'border-error');
 
-    const SelectControl = JSX(({ className = '', error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error }), renderErrorText(error)] })));
+    const SelectControl = JSX(({ className = '', label, error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error, label: rest?.errors ? `${label}*` : label }), renderErrorText(error)] })));
 
     const RegionField = JSX(({ field }) => {
         const regions = useRegions();
@@ -1222,10 +1245,6 @@
 
     const renderAcquiringRegion = ({ field, title }) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433", options: ACQUIRING_TYPES, ...withValidator(field('acquiringType'), defaultValidator) }) }), jsx("div", { className: formChildrenStyle, children: jsx(RegionField, { field: field }) })] }));
 
-    const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
-
-    const renderSlideCheckboxes = (field) => (jsxs("div", { children: [jsx(SlideCheckbox, { text: "\u0425\u043E\u0447\u0443 \u043A\u0443\u043F\u0438\u0442\u044C \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') }), jsx(SlideCheckbox, { text: "\u0425\u043E\u0447\u0443 \u043A\u0443\u043F\u0438\u0442\u044C POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })] }));
-
     function useButton() {
         return (props) => ({
             ...props,
@@ -1259,6 +1278,7 @@
     const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
     const initialFormState$a = {
+        typeForm: { key: 'acqr', text: 'Предупреждение о мошенничестве' },
         acquiringType: { key: 'trade', text: 'Торговый эквайринг' },
         fullName: '',
         inn: '',
@@ -1278,25 +1298,20 @@
     const ApplicationFormAcquiring = JSX((props) => {
         const { button, link, onSubmit } = props;
         const handleSubmit = useCallback((formState) => {
-            const { acquiringType, region, fullName, inn, name, phone, onlineCheckout, posTerminal } = formState;
+            const { acquiringType, onlineCheckout, posTerminal, ...usedForm } = formState;
             const isTradeAcquiring = getSlideCheckboxes(acquiringType?.key);
             const partnerComments = `Вид эквайринга=${acquiringType?.text || ''}${isTradeAcquiring
             ? `/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`
             : '/Онлайн касса=false/POS-терминал=false'}`;
             const submitData = {
-                typeForm: 'acqr',
-                region: region?.text || '',
                 partnerComments,
-                fullName,
-                inn,
-                name,
-                phone: formatPhone(phone),
+                ...usedForm,
             };
             isValidationSuccess(acquiringValidator(formState)) && onSubmit(submitData, false);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$a, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$a, { onSubmit: handleSubmit });
         const isSlideCheckboxes = getSlideCheckboxes(field('acquiringType').value?.key);
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderAcquiringRegion({ field, title: 'Вид эквайринга и регион' }), renderAcquiringDataOrganization(field, 'Данные организации'), isSlideCheckboxes ? renderSlideCheckboxes(field) : null, renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderAcquiringRegion({ field, title: 'Вид эквайринга и регион' }), renderAcquiringDataOrganization(field, 'Данные организации'), isSlideCheckboxes ? (jsxs("div", { children: [jsx(SlideCheckbox, { text: "\u0425\u043E\u0447\u0443 \u043A\u0443\u043F\u0438\u0442\u044C \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') }), jsx(SlideCheckbox, { text: "\u0425\u043E\u0447\u0443 \u043A\u0443\u043F\u0438\u0442\u044C POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })] })) : null, renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
     const getSlideCheckboxes = (type) => type === 'all' || type === 'trade';
 
@@ -1485,14 +1500,14 @@
     });
     const renderDatePickerForm = (handleChangeVisibleCalendar, value, valid) => (jsxs("div", { onClick: handleChangeVisibleCalendar, className: style(formStyle, valid ? 'border-gray' : 'border-error'), children: [jsx(Paragraph, { children: value && formatDate(value) }), jsx(Icon, { ...ICON_PROPS, name: "CalendarIcon" })] }));
 
-    const DatePickerControl = JSX(({ className, label, value = undefined, error, onChange }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [label ? (jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: label }) })) : null, jsx(DatePicker, { value: value, onChange: onChange, valid: Boolean(!error) }), renderErrorText(error)] })));
+    const DatePickerControl = JSX(({ className, label, value = undefined, error, onChange, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [label ? (jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: rest?.errors ? `${label}*` : label }) })) : null, jsx(DatePicker, { value: value, onChange: onChange, valid: Boolean(!error) }), renderErrorText(error)] })));
 
     const initialUserFormState = {
         surname: '',
         name: '',
         middleName: '',
     };
-    const renderUserData = (field, isBirthday = true) => (jsxs("div", { className: "space-y-s", children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F*", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u0418\u043C\u044F*", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), isBirthday ? (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F*", ...withValidator(field('birthday'), defaultValidator) })) : null] }));
+    const renderUserData = (field, isBirthday = true) => (jsxs("div", { className: "space-y-s", children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), isBirthday ? (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('birthday'), defaultValidator) })) : null] }));
 
     const initialFormState$9 = {
         ...initialUserFormState,
@@ -1509,60 +1524,43 @@
         name: nameValidator,
         birthday: defaultValidator,
         phone: phoneValidator,
-        isClient: checkboxValidator,
         comment: defaultValidator,
         consentDataProcessing: checkboxValidator,
     });
     const ApplicationFormAntiFraud = JSX(({ button, link, onSubmit }) => {
         const handleSubmit = useCallback((formState) => {
-            const { typeForm, phone, ...usedFields } = formState;
-            const submitData = {
-                ...usedFields,
-                typeForm: typeForm.key,
-                phone: formatPhone(phone),
-            };
-            isValidationSuccess(feedbackValidator$2(formState)) && onSubmit(submitData, true);
+            isValidationSuccess(feedbackValidator$2(formState)) && onSubmit(formState, true);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$9, handleSubmit);
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, true), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), jsx(CheckboxWithError, { ...withValidator(field('isClient'), checkboxValidator), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
+        const [, { field, ...formProps }] = useForm(initialFormState$9, { onSubmit: handleSubmit });
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, true), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
 
-    const renderBusinessCardDataOrganization = (field) => (jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] })] }));
-
     const initialFormState$8 = {
+        typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
         name: '',
         phone: '',
         inn: '',
-        mail: '',
+        email: '',
     };
     const businessCardValidator = objectValidator({
         region: defaultValidator,
         name: nameValidator,
         phone: phoneValidator,
         inn: innValidator,
-        mail: defaultValidator,
+        email: defaultValidator,
     });
     const ApplicationFormBusinessCard = JSX((props) => {
         const { button, link, onSubmit } = props;
         const handleSubmit = useCallback((formState) => {
-            const { region, name, phone, inn, mail } = formState;
-            isValidationSuccess(businessCardValidator(formState)) &&
-                onSubmit({
-                    typeForm: 'bcrd',
-                    region: region?.text || '',
-                    name,
-                    inn,
-                    mail,
-                    phone: formatPhone(phone),
-                });
+            isValidationSuccess(businessCardValidator(formState)) && onSubmit(formState);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$8, handleSubmit);
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsx(RegionField, { field: field }), renderBusinessCardDataOrganization(field), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        const [, { field, ...formProps }] = useForm(initialFormState$8, { onSubmit: handleSubmit });
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsx(RegionField, { field: field }), jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
 
     const initialFormState$7 = {
-        ...initialUserFormState,
         typeForm: { key: 'CORRUPTION', text: 'Факты коррупции' },
+        ...initialUserFormState,
         phone: '',
         email: '',
         comment: '',
@@ -1580,17 +1578,10 @@
     });
     const ApplicationFormCorruption = JSX(({ button, link, onSubmit }) => {
         const handleSubmit = useCallback((formState) => {
-            const { typeForm, phone, region, ...usedFields } = formState;
-            const submitData = {
-                ...usedFields,
-                typeForm: typeForm.key,
-                regionBranch: region?.text,
-                phone: formatPhone(phone),
-            };
-            isValidationSuccess(feedbackValidator$1(formState)) && onSubmit(submitData, true);
+            isValidationSuccess(feedbackValidator$1(formState)) && onSubmit(formState, true);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$7, handleSubmit);
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, false), jsx(RegionField, { field: field }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
+        const [, { field, ...formProps }] = useForm(initialFormState$7, { onSubmit: handleSubmit });
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, false), jsx(RegionField, { field: field }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
 
     const BRANCHES_URL = '/api/v1/branches';
@@ -1604,6 +1595,22 @@
         return result || EMPTY_VALUE$3;
     };
 
+    const REGIONS_URL = '/api/v1/premiumBranchesByRegions';
+    function usePremiumBranchesByRegions() {
+        const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
+        return data || [];
+    }
+
+    const AddressBranchField = JSX(({ field, regionKey, isPremium = false }) => {
+        const addressBranch = isPremium
+            ? usePremiumBranchesByRegions().find((_) => _?.region === regionKey)?.branches
+            : useBranches(regionKey).filter((branch) => branch?.address);
+        return (jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: (addressBranch || []).map(({ address = '' }) => ({
+                key: address,
+                text: address,
+            })), ...withValidator(field('addressBranch'), defaultValidator) }));
+    });
+
     const MIN_CREDIT_AMOUNT = 1000;
     const MAX_CREDIT_AMOUNT = 1000000000;
     const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
@@ -1611,7 +1618,7 @@
     const MAX_CREDIT_TERM = 180;
     const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
 
-    const renderCreditDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...withValidator(field('annualRevenue'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] })] }));
+    const renderCreditDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...withValidator(field('annualRevenue'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }));
 
     const useNormalizedInput = (props, { normalize, format }) => {
         const { value, onFocus, onBlur, onChange } = props;
@@ -1674,13 +1681,14 @@
     const renderCreditParameters = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') }) }), jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') }) })] }));
 
     const initialFormState$6 = {
+        typeForm: { key: 'cred', text: 'Кредит' },
         amount: MIN_CREDIT_AMOUNT,
         term: 12,
         fullName: '',
         inn: '',
         name: '',
         phone: '',
-        mail: '',
+        email: '',
         annualRevenue: '',
     };
     const creditValidator$1 = objectValidator({
@@ -1690,33 +1698,25 @@
         name: nameValidator,
         phone: phoneValidator,
         region: defaultValidator,
-        department: defaultValidator,
     });
     const ApplicationFormCredit = JSX(({ button, link, onSubmit }) => {
         const handleSubmit = useCallback((formState) => {
-            const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } = formState;
+            const { amount, term, addressBranch, annualRevenue, ...usedFields } = formState;
             isValidationSuccess(creditValidator$1(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$6, handleSubmit);
-        const branches = useBranches(formState.region?.key).filter((branch) => branch?.address);
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderCreditParameters(field, 'Параметры'), renderCreditDataOrganization(field, 'Данные организации'), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(RegionField, { field: field }) }), jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
-                                    key: branchCode,
-                                    text: address,
-                                })), ...withValidator(field('department'), defaultValidator) }) })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        const [formState, { field, ...formProps }] = useForm(initialFormState$6, {
+            onSubmit: handleSubmit,
+        });
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderCreditParameters(field, 'Параметры'), renderCreditDataOrganization(field, 'Данные организации'), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(RegionField, { field: field }) }), jsx("div", { className: formChildrenStyle, children: jsx(AddressBranchField, { field: field, regionKey: formState.region?.key }) })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
 
     const initialFormState$5 = {
+        typeForm: { key: 'dpst', text: 'Заявка на депозит' },
         name: '',
         phone: '',
     };
@@ -1726,15 +1726,12 @@
     });
     const ApplicationFormDeposit = JSX(({ button, link, onSubmit }) => {
         const handleSubmit = useCallback((formState) => {
-            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$5, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$5, {
+            onSubmit: handleSubmit,
+            resetOnSubmit: false,
+        });
         return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), renderSubmitButton(button), jsx(Footnote, { link: link })] }) }) }));
     });
 
@@ -1773,23 +1770,7 @@
             ...feedbackValidatorDefaultObject,
             addressBranch: defaultValidator,
         });
-        const submitData = {
-            typeForm: formState.typeForm.key,
-            regionBranch: formState?.region?.text,
-            addressBranch: formState.addressBranch?.text || '',
-            surname: formState.surname,
-            name: formState.name,
-            middleName: formState.middleName,
-            feedbackMethod: formState.feedbackMethod.text,
-            phoneNumber: formatPhone(formState.phone),
-            secondaryPhoneNumber: formState.secondaryPhone?.replace(/[^+\d]/g, ''),
-            email: formState.email,
-            bankEmpolee: formState.bankEmpolee,
-            applicationDate: formState.applicationDate,
-            comment: formState.comment,
-            consentDataProcessing: formState.consentDataProcessing,
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
     };
     const handleSubmitLegal = (formState, onSubmit) => {
         const feedbackValidator = objectValidator({
@@ -1797,45 +1778,14 @@
             addressBranch: defaultValidator,
             inn: innValidator,
         });
-        const submitData = {
-            typeForm: formState.typeForm.key,
-            region: formState.region?.text,
-            addressBranch: formState.addressBranch?.text || '',
-            surname: formState.surname,
-            name: formState.name,
-            middleName: formState.middleName,
-            inn: formState.inn,
-            fullName: formState.fullName,
-            feedbackMethod: formState.feedbackMethod.text,
-            phone: formatPhone(formState.phone),
-            secondaryPhoneNumber: formState?.secondaryPhone,
-            mail: formState.email,
-            bankEmpolee: formState.bankEmpolee,
-            applicationDate: formState.applicationDate,
-            comment: formState.comment,
-            consentDataProcessing: formState.consentDataProcessing,
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, false);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
     };
     const handleSubmitQuestion = (formState, onSubmit) => {
         const feedbackValidator = objectValidator({
             ...feedbackValidatorDefaultObject,
             birthday: defaultValidator,
         });
-        const submitData = {
-            typeForm: formState.typeForm.key,
-            regionBranch: formState.region?.text,
-            surname: formState.surname,
-            name: formState.name,
-            middleName: formState.middleName,
-            birthday: formState.birthday,
-            feedbackMethod: formState.feedbackMethod.text,
-            phoneNumber: formatPhone(formState.phone),
-            email: formState.email,
-            comment: formState.comment,
-            consentDataProcessing: formState.consentDataProcessing,
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
     };
 
     const initialFormState$4 = {
@@ -1862,14 +1812,14 @@
                 handleSubmitIndividual(feedbackFormState, onSubmit);
             }
         }, [onSubmit]);
-        const [formState, { field, ...formProps }] = useForm(initialFormState$4, handleSubmit);
+        const [formState, { field, ...formProps }] = useForm(initialFormState$4, {
+            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 (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(SelectControl, { label: "\u0422\u0435\u043C\u0430*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043C\u0443", options: FEEDBACK_TYPES, ...withValidator(field('typeForm'), defaultValidator) }), isQualityService ? (jsx(SelectControl, { label: "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435", options: SERVICE_DIRECTIONS, ...withValidator(field('serviceDirection'), defaultValidator) })) : null, jsx(RegionField, { field: field }), isQualityService ? (jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: addressByBranch.map(({ branchCode = '', address = '' }) => ({
-                                key: branchCode,
-                                text: address,
-                            })), ...withValidator(field('addressBranch'), defaultValidator) })) : null, renderUserData(field, true), isLegalEntity ? (jsxs("div", { children: [jsx(InputControl, { label: "\u0418\u041D\u041D*", ...withValidator(field('inn'), innValidator) }), jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...field('fullName') })] })) : null, jsx(SelectControl, { label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u0432\u0435\u0442\u0430*", options: FEEDBACK_METHOD, ...withValidator(field('feedbackMethod'), defaultValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), isQualityService ? (jsxs("div", { children: [jsx(PhoneInputControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...field('secondaryPhone') }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { label: "\u0424\u0418\u041E \u0438\u043B\u0438 \u0434\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u0432\u0448\u0435\u0433\u043E \u0412\u0430\u0441 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u0430 \u0411\u0430\u043D\u043A\u0430", ...field('bankEmpolee') }), jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...field('applicationDate') })] })) : (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) })), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(SelectControl, { label: "\u0422\u0435\u043C\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043C\u0443", options: FEEDBACK_TYPES, ...withValidator(field('typeForm'), defaultValidator) }), isQualityService ? (jsx(SelectControl, { label: "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435", options: SERVICE_DIRECTIONS, ...withValidator(field('serviceDirection'), defaultValidator) })) : null, jsx(RegionField, { field: field }), isQualityService ? (jsx(AddressBranchField, { field: field, regionKey: formState?.region?.key })) : null, renderUserData(field, true), isLegalEntity ? (jsxs("div", { children: [jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...field('fullName') })] })) : null, jsx(SelectControl, { label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u0432\u0435\u0442\u0430", options: FEEDBACK_METHOD, ...withValidator(field('feedbackMethod'), defaultValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), isQualityService ? (jsxs("div", { children: [jsx(PhoneInputControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...(!field('secondaryPhone').value || field('secondaryPhone').value === '+7 ('
+                                        ? field('secondaryPhone')
+                                        : withValidator(field('secondaryPhone'), phoneValidator)) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { label: "\u0424\u0418\u041E \u0438\u043B\u0438 \u0434\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u0432\u0448\u0435\u0433\u043E \u0412\u0430\u0441 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u0430 \u0411\u0430\u043D\u043A\u0430", ...field('bankEmpolee') }), jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...field('applicationDate') })] })) : (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
     const getLegalEntity = (typeFormKey = '', serviceDirectionKey = '') => typeFormKey === 'FEEDBACK_QS' && serviceDirectionKey === 'Юридическое лицо / ИП';
 
@@ -1898,33 +1848,26 @@
         phone: phoneValidator,
         email: defaultValidator,
         birthday: defaultValidator,
+        consentDataProcessing: checkboxValidator,
     });
     const ApplicationFormIndividuals = JSX((props) => {
-        const { button, link, product, onSubmit } = props;
+        const { button, link, product = '', onSubmit } = props;
         const handleSubmit = useCallback((formState) => {
-            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);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$3, handleSubmit);
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F*", ...withValidator(field('birthday'), defaultValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
+        const [, { field, ...formProps }] = useForm(initialFormState$3, { onSubmit: handleSubmit });
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('birthday'), defaultValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
     });
 
     const initialFormState$2 = {
-        ...initialUserFormState,
         typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' },
         fullName: '',
         phone: '',
+        consentDataProcessing: false,
     };
     const feedbackValidator = objectValidator({
         typeForm: defaultValidator,
@@ -1934,24 +1877,20 @@
     });
     const ApplicationFormSelfCollection = JSX(({ button, link, onSubmit }) => {
         const handleSubmit = useCallback((formState) => {
-            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$2, handleSubmit);
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0424\u0418\u041E*", ...withValidator(field('fullName'), defaultValidator) }), jsx(RegionField, { field: field }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), renderSubmitButton(button), jsx(Footnote, { link: link })] }) }) }));
+        const [, { field, ...formProps }] = useForm(initialFormState$2, { onSubmit: handleSubmit });
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0424\u0418\u041E", ...withValidator(field('fullName'), defaultValidator) }), jsx(RegionField, { field: field }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
 
-    const REGIONS_URL = '/api/v1/premiumBranchesByRegions';
-    function usePremiumBranchesByRegions() {
-        const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
-        return data || [];
-    }
+    const RegionPremiumField = JSX(({ field }) => {
+        const branchByRegions = usePremiumBranchesByRegions();
+        const regions = branchByRegions.map(({ region }) => ({
+            key: region,
+            text: region,
+        }));
+        return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", options: regions, ...withValidator(field('region'), defaultValidator) }));
+    });
 
     const SERVICE_TYPES = [
         { key: 'ULTRASERVICE', text: 'Ультра' },
@@ -1976,33 +1915,12 @@
     });
     const ApplicationFormUltraPremium = JSX(({ button, link, onSubmit, defaultType = 'PREMIUMSERVICE' }) => {
         const handleSubmit = useCallback((formState) => {
-            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$1, typeForm: getDefaultFormType(defaultType) }, handleSubmit);
-        const branchByRegions = usePremiumBranchesByRegions();
-        const regions = branchByRegions.map(({ region }) => ({
-            key: region,
-            text: region,
-        }));
+        const [formState, { field, ...formProps }] = useForm({ ...initialFormState$1, typeForm: getDefaultFormType(defaultType) }, { onSubmit: handleSubmit });
         const regionKey = formState?.region?.key;
-        const addressBranches = branchByRegions.find((_) => _?.region === regionKey)?.branches;
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsxs(ApplicationFieldsetLayout, { title: "\u0412\u0430\u0448\u0438 \u0434\u0430\u043D\u043D\u044B\u0435", children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F*", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F*", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F*", options: SERVICE_TYPES, ...withValidator(field('typeForm'), defaultValidator) })] })] }), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", options: regions, ...withValidator(field('region'), defaultValidator) }) }), jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { className: "w-full", label: "\u0410\u0434\u0440\u0435\u0441*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: (addressBranches || []).map(({ address = '' }) => ({
-                                    key: address,
-                                    text: address,
-                                })), ...withValidator(field('addressBranch'), defaultValidator) }) })] }), jsx(InputControl, { ...field('comment'), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439, \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0438 \u043F\u0440\u043E\u0447\u0435\u0435", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsxs(ApplicationFieldsetLayout, { title: "\u0412\u0430\u0448\u0438 \u0434\u0430\u043D\u043D\u044B\u0435", children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...withValidator(field('typeForm'), defaultValidator) })] })] }), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(RegionPremiumField, { field: field }) }), jsx("div", { className: formChildrenStyle, children: jsx(AddressBranchField, { field: field, regionKey: regionKey, isPremium: true }) })] }), jsx(InputControl, { ...field('comment'), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439, \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0438 \u043F\u0440\u043E\u0447\u0435\u0435", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
     });
     const getDefaultFormType = (defaultType) => SERVICE_TYPES.find((_) => _.key === defaultType);
 
@@ -2015,21 +1933,20 @@
         return (jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: "gap-xl grid @xl:flex @xl:items-center", children: [jsx(Radio, { name: "vedTypes", text: "\u0412\u0430\u043B\u044E\u0442\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C", value: "currencyControl", checked: value === 'currencyControl', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { name: "vedTypes", text: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0440\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "documentOperations", checked: value === 'documentOperations', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { name: "vedTypes", text: "\u041A\u043E\u043D\u0432\u0435\u0440\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "conversionTransactions", checked: value === 'conversionTransactions', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { name: "vedTypes", text: "\u0418\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u0412\u042D\u0414", value: "otherIssues", checked: value === 'otherIssues', onChange: (_) => onChange && onChange(_) })] }) }));
     };
 
-    const activeTextareaStyles = 'hover:border-primary-hover active:focus:border-primary-text focus:border-primary-text';
-    const renderTextarea = ({ textField, text, placeholder = '', error }) => (jsxs("div", { children: [jsxs("label", { className: "space-y-xs", htmlFor: "textarea", children: [text ? (jsx("div", { children: jsx(Text, { size: "text-m", font: "font-light", children: text }) })) : null, jsx("textarea", { id: "textarea", placeholder: placeholder, className: style('block w-full resize-y min-h-24 p-m outline-none border rounded-md border-gray', activeTextareaStyles), value: textField.value, onInput: ((e) => textField.onChange && textField.onChange(e.target?.value || '')) })] }), renderErrorText(error)] }));
-
-    const renderWedDataOrganization = ({ field, regions }) => {
+    const renderWedDataOrganization = ({ field }) => {
         const isCurrencyControl = field('vedTypes').value === 'currencyControl';
-        return (jsxs("div", { className: "space-y-s", children: [isCurrencyControl ? (jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) })) : null, jsxs("div", { className: "grid @xl:grid-cols-2 @xl:gap-x-lg gap-s", children: [isCurrencyControl ? (jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })) : null, jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0424\u0418\u041E", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), !isCurrencyControl ? (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })) : null] })] }));
+        return (jsxs("div", { className: "space-y-s", children: [isCurrencyControl ? jsx(RegionField, { field: field }) : null, jsxs("div", { className: "grid @xl:grid-cols-2 @xl:gap-x-lg gap-s", children: [isCurrencyControl ? (jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })) : null, jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0424\u0418\u041E", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), !isCurrencyControl ? jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...field('email') }) : null] })] }));
     };
 
     const initialFormState = {
+        typeForm: { key: 'KVED', text: 'Заявка на консультацию ВЭД' },
+        vedTypes: 'currencyControl',
         fullName: '',
         name: '',
         phone: '',
         inn: '',
-        vedTypes: 'currencyControl',
-        text: '',
+        email: '',
+        partnerComments: '',
     };
     const defaultValidators = {
         fullName: defaultValidator,
@@ -2038,7 +1955,6 @@
     };
     const wedValidator = objectValidator({
         ...defaultValidators,
-        mail: defaultValidator,
     });
     const wedValidatorCurrencyControl = objectValidator({
         ...defaultValidators,
@@ -2056,27 +1972,20 @@
     const ApplicationFormWed = JSX((props) => {
         const { button, link, onSubmit } = props;
         const handleSubmit = useCallback((formState) => {
-            const { fullName, name, phone, mail, inn, region, vedTypes, text } = formState;
+            const { typeForm, fullName, name, phone, email, inn, region, vedTypes, partnerComments } = formState;
             const data = {
-                typeForm: 'KVED',
+                typeForm,
                 fullName,
                 name,
-                phone: formatPhone(phone),
-                text,
+                phone,
                 vedTypes: getVedTypes(vedTypes),
-                PartnerComments: text,
-                ...(!isCurrencyControl(vedTypes) ? { mail } : { inn, region: region?.text || '' }),
+                partnerComments,
+                ...(!isCurrencyControl(vedTypes) ? { email } : { inn, region }),
             };
             isValidationSuccess(getValidator(vedTypes)(formState)) && onSubmit(data);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-        const regions = useRegions();
-        const textField = field('text');
-        return (jsxs("form", { className: "container space-y-lg", onSubmit: formProps.onSubmit, children: [renderQuestionsInterested(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderWedDataOrganization({ field, regions }), renderTextarea({
-                    textField,
-                    text: 'Обращение',
-                    placeholder: 'Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка',
-                }), renderSubmitButton(button), jsx(Footnote, { link: link }), jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), renderContacts()] }));
+        const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        return (jsxs("form", { className: "container space-y-lg", onSubmit: formProps.onSubmit, children: [renderQuestionsInterested(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderWedDataOrganization({ field }), jsx(InputControl, { label: "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435", placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441, \u043C\u0435\u0441\u0442\u043E \u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0434\u043B\u044F \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u043D\u043E\u0433\u043E \u0437\u0432\u043E\u043D\u043A\u0430", ...field('partnerComments'), isTextarea: true }), renderSubmitButton(button), jsx(Footnote, { link: link }), jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), renderContacts()] }));
     });
 
     const EmbeddableForms = {
@@ -2106,7 +2015,8 @@
         const { className, formBlock, ...rest } = props;
         const [responseType, setResponseType] = useState('');
         const handleSubmit = useCallback(async (data, isIndividualType = false) => {
-            const status = (await API.send(data, isIndividualType)) ? 'OK' : 'Fail';
+            const formatData = getFormatData(data);
+            const status = (await API.send(formatData, isIndividualType)) ? 'OK' : 'Fail';
             setResponseType(status);
             return status;
         }, []);
@@ -2120,6 +2030,7 @@
         const EmbeddedForm = EmbeddableForms[type];
         return jsx(EmbeddedForm, { ...formBlock, onSubmit: handleSubmit });
     };
+    const getFormatData = (data) => Object.fromEntries(Object.entries(data).map(([k, v]) => [k, (v?.region ? v?.text : v?.key) || v]));
 
     const AlignStyles = 'text-center';
 
@@ -3722,7 +3633,7 @@
         return (jsxs("div", { className: "flex items-center gap-s", children: [jsx("span", { children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u043E" }), jsx(Select, { className: "min-w-20", onChange: handleItemCountChange, value: { key: String(itemCount) }, options: DEFAULT_OPTIONS, iconVersion: "black" })] }));
     };
 
-    const paginationBlockStyle = 'py-m px-lg rounded-md cursor-pointer hover:bg-green-more-dark hover:text-white';
+    const paginationBlockStyle = 'py-m px-lg rounded-md cursor-pointer hover:bg-primary-hover hover:text-white';
 
     const checkPageRange = (page, currentPage, totalPages) => (currentPage <= 3 && page <= currentPage + 3) ||
         (currentPage >= totalPages - 1 && page >= totalPages - 4);
@@ -3734,7 +3645,7 @@
         const { currentPage, onPageChange, totalPages } = pagesParams;
         const page = index + 1;
         if (page === currentPage) {
-            return (jsx("div", { "aria-current": "true", className: "py-m px-lg bg-green-light text-white rounded-md", children: page }, String(index)));
+            return (jsx("div", { "aria-current": "true", className: "py-m px-lg bg-primary-main text-white rounded-md", children: page }, String(index)));
         }
         if (page !== 1 && page !== totalPages && shouldRenderPage(page, currentPage, totalPages)) {
             return (jsx("div", { onClick: () => onPageChange(page), className: paginationBlockStyle, "aria-label": `Страница ${page}`, children: page }, String(index)));
@@ -3761,7 +3672,7 @@
         }, [currentPage, totalPages]);
         const handleFirstPage = useCallback(() => onPageChange(1), []);
         const handleLastPage = useCallback(() => onPageChange(totalPages), [totalPages]);
-        return (jsxs("div", { className: "flex gap-m items-center", children: [jsx("div", { onClick: handlePrevPage, children: jsx(Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE$1 }) }), jsxs("div", { className: "flex gap-xs", children: [currentPage > 1 ? (jsx("div", { onClick: handleFirstPage, className: paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 4 ? jsx("div", { className: "py-m px-s", children: "..." }) : null, pages.map(renderPages), currentPage < totalPages - 3 ? jsx("div", { className: "py-m px-s", children: "..." }) : null, currentPage < totalPages ? (jsx("div", { onClick: handleLastPage, className: paginationBlockStyle, "aria-label": `Страница ${totalPages}}`, children: totalPages })) : null] }), jsx("div", { onClick: handleNextPage, children: jsx(Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE$1 }) })] }));
+        return (jsxs("div", { className: "flex gap-m items-center", children: [jsx("div", { onClick: handlePrevPage, children: jsx(Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE$1 }) }), jsxs("div", { className: "flex gap-xs", children: [currentPage > 1 ? (jsx("div", { onClick: handleFirstPage, className: paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 4 ? jsx("div", { className: "py-m px-s", children: "..." }) : null, pages.map(renderPages), currentPage < totalPages - 3 ? jsx("div", { className: "py-m px-s", children: "..." }) : null, currentPage < totalPages ? (jsx("div", { onClick: handleLastPage, className: paginationBlockStyle, "aria-label": `Страница ${totalPages}`, children: totalPages })) : null] }), jsx("div", { onClick: handleNextPage, children: jsx(Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE$1 }) })] }));
     };
     const getIconStyle = (condition) => condition ? 'opacity-20' : 'cursor-pointer hover:opacity-60';
 
@@ -6191,7 +6102,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.153";
+    const packageVersion = "0.14.155";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;