@redneckz/wildless-cms-uni-blocks 0.14.264 → 0.14.266

package/mobile/bundle/bundle.umd.js

@@ -826,16 +826,16 @@
     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 { typeForm, region, phone = '', email, birthday, inn, fullName, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, serviceDirection, ...staticBody } = body;
+            const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
+            const url = isNaturalPerson ? '/api/v1/lead' : '/api/v1/sendcorporatelead';
             const submitBody = {
                 typeForm,
-                [isIndividualType ? 'regionBranch' : 'region']: region,
-                [isIndividualType ? 'email' : 'mail']: email,
+                ...getRegion$1(region, isNaturalPerson),
+                ...getEmail(email, isNaturalPerson),
                 ...getPhone(phone),
-                ...(isIndividualType ? { birthday: birthday?.toLocaleString() } : { inn, fullName }),
+                ...(isNaturalPerson ? { birthday: birthday?.toLocaleString() } : { inn, fullName }),
                 ...(typeForm === 'FEEDBACK'
                     ? {}
                     : {
@@ -867,17 +867,18 @@
             send,
         };
     }
-    const getPhone = (phone, isIndividual) => phone ? { [isIndividual ? 'phoneNumber' : 'phone']: formatPhone(phone) } : {};
-    const getSecondaryPhone = (secondaryPhone) => !secondaryPhone || secondaryPhone === '+7 ('
-        ? {}
-        : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
-
-    const ResponseNotification = JSX(({ responseType }) => {
-        const responseOK = responseType === 'OK';
-        const backgroundColor = responseOK ? 'bg-ok' : 'bg-fail';
-        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
-        return (jsxs("div", { className: style('flex items-center p-lg rounded-md space-x-m', backgroundColor), children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "42", height: "42" }), jsxs("div", { children: [jsx(Heading, { headingType: "h6", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', className: "mb-2xs" }), jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: responseOK ? 'Совсем скоро мы с вами свяжемся' : 'Пожалуйста, повторите позднее' })] })] }));
+    const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
+    const getRegion$1 = (region, isNaturalPerson = true) => ({
+        [isNaturalPerson ? 'regionBranch' : 'region']: region,
+    });
+    const getEmail = (email, isNaturalPerson = true) => ({
+        [isNaturalPerson ? 'email' : 'mail']: email,
     });
+    const getSecondaryPhone = (secondaryPhone = '') => {
+        return !secondaryPhone || secondaryPhone === '+7 ('
+            ? {}
+            : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
+    };
 
     const identity = (_) => _;
 
@@ -927,8 +928,58 @@
         ];
     };
 
+    const ResponseNotification = JSX(({ responseType }) => {
+        const responseOK = responseType === 'OK';
+        const backgroundColor = responseOK ? 'bg-ok' : 'bg-fail';
+        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
+        return (jsxs("div", { className: style('flex items-center p-lg rounded-md space-x-m', backgroundColor), children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "42", height: "42" }), jsxs("div", { children: [jsx(Heading, { headingType: "h6", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', className: "mb-2xs" }), jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: responseOK ? 'Совсем скоро мы с вами свяжемся' : 'Пожалуйста, повторите позднее' })] })] }));
+    });
+
+    const ApplicationFormLayout = JSX((props) => {
+        const { className, title, responseType, children, ...rest } = props;
+        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children, responseType ? jsx(ResponseNotification, { responseType: responseType }) : null] }) }));
+    });
+
+    const objectValidator = (validatorsMap) => (o) => (o &&
+        Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
+        [];
+
+    const isValidationSuccess = (info) => !info?.length;
+    const validator = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
+
     const renderErrorText = (error) => (jsx("div", { className: "h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
 
+    const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
+        return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
+                const resultOptions = { ...commonOptions, ...options };
+                return (jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
+            }) }));
+    });
+
+    const CHECK_PATHS = [
+        {
+            d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
+            fillRule: 'evenodd',
+            clipRule: 'evenodd',
+            fill: 'white',
+        },
+    ];
+    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange }) => {
+        const handleChange = useCallback((e) => {
+            if (disabled) {
+                return;
+            }
+            e.preventDefault();
+            onChange && onChange(!value);
+        }, [onChange, disabled, value]);
+        const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
+        return (jsx("div", { className: className, children: jsxs("label", { className: "flex items-center relative cursor-pointer group/box", onClick: handleChange, children: [jsx("div", { className: style('appearance-none w-5 h-5 border-solid cursor-pointer m-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled) }), value ? icon : null, text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null] }) }));
+    });
+    const role = (isRadio) => (isRadio ? 'radio' : 'checkbox');
+    const checkboxStyle = (value) => style('rounded border', value ? 'bg-primary-main' : '');
+
+    const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
+
     function useBool(defaultValue = false) {
         const [value, setValue] = useState(defaultValue);
         const setTrue = useCallback(() => setValue(true), []);
@@ -1227,20 +1278,58 @@
     }
 
     const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
-        const handleChange = useCallback((value) => onChange && onChange(normalizePhone(value)), [onChange]);
-        return (jsx(Input, { onChange: handleChange, onFocus: (event) => handleChange(event?.target?.value || ''), ...inputProps, children: children }));
+        const handleChange = useCallback((v) => onChange && onChange(normalizePhone(v)), [onChange]);
+        const handleBlur = useCallback((v) => {
+            v === '+7 (' ? onChange && onChange('') : null;
+        }, []);
+        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (e) => handleChange(e?.target?.value || ''), onBlur: (e) => handleBlur(e?.target?.value || ''), children: children }));
     });
 
     const InputPhoneControl = 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 SelectControl = JSX(({ className = '', label, error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error, label: rest?.errors ? `${label}*` : label }), renderErrorText(error)] })));
 
-    const objectValidator = (validatorsMap) => (o) => (o &&
-        Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
-        [];
+    const getNamesFromInput = (inputs) => Object.values(inputs.filter((_) => _))?.map((_) => _.name);
 
-    const isValidationSuccess = (info) => !info?.length;
-    const validator = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
+    const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
+
+    const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
+
+    const ERROR_MESSAGE = 'Некорректно заполненное поле';
+    const defaultValidator = required(ERROR_MESSAGE);
+    const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
+    const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
+    const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
+    const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
+    const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
+
+    const validatorObj = {
+        typeForm: defaultValidator,
+        surname: nameValidator,
+        name: nameValidator,
+        region: defaultSelectValidator,
+        addressBranch: defaultSelectValidator,
+        phone: phoneValidator,
+        secondaryPhone: phoneValidator,
+        birthday: defaultValidator,
+        email: defaultValidator,
+        fullName: nameValidator,
+        inn: innValidator,
+        partnerComments: defaultValidator,
+        collectionCount: defaultValidator,
+        comment: defaultValidator,
+        acquiringType: defaultSelectValidator,
+        feedbackType: defaultSelectValidator,
+        feedbackMethod: defaultSelectValidator,
+        serviceType: defaultSelectValidator,
+        serviceDirection: defaultSelectValidator,
+        consentDataProcessing: agreementValidator,
+        annualRevenue: defaultValidator,
+    };
+    const getObjectValidator = (inputs) => {
+        const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
+        return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
+    };
 
     const withValidator = (props, validator) => {
         const { value, isDirty } = props;
@@ -1252,6 +1341,29 @@
         };
     };
 
+    const getValidation = (field, validator, required = false) => required ? withValidator(field, validator) : field;
+
+    const ACQUIRING_TYPES = [
+        {
+            text: 'Торговый эквайринг',
+            key: 'trade',
+        },
+        {
+            text: 'СБП-эквайринг',
+            key: 'sbp',
+        },
+        {
+            text: 'Интернет-эквайринг',
+            key: 'internet',
+        },
+        {
+            text: 'Все виды эквайринга',
+            key: 'all',
+        },
+    ];
+    const AcquiringField = JSX(({ field, input }) => (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, ...getValidation(field('acquiringType'), validatorObj.acquiringType, input?.required) })));
+    const isAcquiringTrade = (key = '') => Boolean(key === 'trade' || key === 'all');
+
     const isFilled = (_) => _ !== null && _ !== undefined;
 
     const defaultCache = new Map();
@@ -1335,278 +1447,30 @@
         return Array.isArray(data) ? data : [];
     }
 
-    const getNamesFromInput = (inputs) => Object.values(inputs.filter((_) => _))?.map((_) => _.name);
-
-    const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
-
-    const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
-
-    const ERROR_MESSAGE = 'Некорректно заполненное поле';
-    const defaultValidator = required(ERROR_MESSAGE);
-    const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
-    const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
-    const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
-    const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
-    const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
-
-    const validatorObj = {
-        typeForm: defaultValidator,
-        surname: nameValidator,
-        name: nameValidator,
-        region: defaultSelectValidator,
-        addressBranch: defaultSelectValidator,
-        phone: phoneValidator,
-        birthday: defaultValidator,
-        email: defaultValidator,
-        fullName: nameValidator,
-        inn: innValidator,
-        partnerComments: defaultValidator,
-        collectionCount: defaultValidator,
-        comment: defaultValidator,
-        acquiringType: defaultSelectValidator,
-        serviceType: defaultSelectValidator,
-        consentDataProcessing: agreementValidator,
-        annualRevenue: defaultValidator,
-    };
-    const getObjectValidator = (inputs) => {
-        const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
-        return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
-    };
-
-    const getValidation = (field, validator, required = false) => required ? withValidator(field, validator) : field;
-
     const AddressBranchField = JSX(({ field, input, isPremium = false }) => {
-        const regionKey = field('region')?.value?.key;
-        const regionText = field('region')?.value?.text;
+        const fieldRegion = field('region');
+        const regionKey = fieldRegion?.value?.key;
+        const regionText = fieldRegion?.value?.text;
         const addressBranch = isPremium
             ? useBranchesByRegions()?.find((_) => _?.region === regionText)?.branches
             : useBranches(regionKey)?.filter((branch) => branch?.address);
         useEffect(() => {
-            if (field('region')?.value?.key !== '') {
+            if (fieldRegion?.value?.key !== '') {
                 field?.('addressBranch')?.onChange?.('');
             }
-        }, [field('region')?.value]);
+        }, [fieldRegion?.value]);
         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,
             })), ...getValidation(field('addressBranch'), validatorObj.addressBranch, input?.required) }));
     });
 
-    const REGIONS_URL = '/api/v1/regions';
-    function useRegions() {
-        const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
-        return Array.isArray(data) ? data : [];
-    }
-
-    const RegionField = JSX(({ field, input }) => {
-        const regions = useRegions();
-        return (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: useMemo(() => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })), [regions]), ...getValidation(field('region'), validatorObj.region, input?.required) }));
-    });
-
-    const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
-        return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
-                const resultOptions = { ...commonOptions, ...options };
-                return (jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
-            }) }));
-    });
-
-    const CHECK_PATHS = [
-        {
-            d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
-            fillRule: 'evenodd',
-            clipRule: 'evenodd',
-            fill: 'white',
-        },
-    ];
-    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange }) => {
-        const handleChange = useCallback((e) => {
-            if (disabled) {
-                return;
-            }
-            e.preventDefault();
-            onChange && onChange(!value);
-        }, [onChange, disabled, value]);
-        const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-        return (jsx("div", { className: className, children: jsxs("label", { className: "flex items-center relative cursor-pointer group/box", onClick: handleChange, children: [jsx("div", { className: style('appearance-none w-5 h-5 border-solid cursor-pointer m-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled) }), value ? icon : null, text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null] }) }));
-    });
-    const role = (isRadio) => (isRadio ? 'radio' : 'checkbox');
-    const checkboxStyle = (value) => style('rounded border', value ? 'bg-primary-main' : '');
-
-    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: [jsx(Text, { children: text }), link ? (jsx(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
-
-    function useButton() {
-        return (props) => ({
-            ...props,
-            onClick: handlerDecorator(handleClick(props)),
-        });
-    }
-    function handleClick({ disabled, onClick }) {
-        return (ev) => {
-            !disabled && onClick && onClick(ev);
-        };
-    }
-
-    const activeButtonStyleMap = 'text-white bg-primary-active';
-    const disabledButtonStyle = 'bg-main-gray text-main-disabled cursor-not-allowed';
-    const buttonStyleMap = {
-        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
-    };
-    const secondaryButtonStyleMap = {
-        primary: style('group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-        secondary: style('group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-    };
-    const Button = JSX(({ children, ...props }) => {
-        const button = useButton();
-        const { className, version = 'primary', active, disabled, type = 'button', rounded = true, role, onClick, } = button(props);
-        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', active ? activeButtonStyleMap : '', disabled ? disabledButtonStyle : '', !active && !disabled
-                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
-                : '', rounded ? 'rounded-md' : '', className), type: type, role: role, onClick: onClick, children: children }));
-    });
-
-    const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
-
-    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-    const renderAgreementSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-m flex-col lg:flex-row w-full justify-between items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: agreementText, link: link })), renderSubmitButton(button)] }));
-
-    const ApplicationFieldsetLayout = JSX(({ title, children }) => (jsxs("fieldset", { className: "grid @xl:flex @xl:justify-between gap-m border-b border-b-main-divider @xl:border-none", children: [title ? (jsx("legend", { className: "w-full", children: jsx(Heading, { title: title, headingType: "h6", className: "@xl:text-center" }) })) : null, children] })));
-
-    const FEEDBACK_TYPES = [
-        {
-            text: 'Задать вопрос по продуктам и услугам',
-            key: 'FEEDBACK',
-        },
-        {
-            text: 'Качество обслуживания',
-            key: 'FEEDBACK_QS',
-        },
-    ];
-    const FEEDBACK_METHOD = [
-        { key: 'phone', text: 'Телефонный звонок' },
-        { key: 'email', text: 'Электронное сообщение' },
-    ];
-    const SERVICE_DIRECTIONS = [
-        { key: 'Физическое лицо' },
-        { key: 'Юридическое лицо / ИП' },
-    ];
-
-    const initialFormState$1 = {
-        surname: '',
-        name: '',
-        middleName: '',
-        typeForm: { key: 'FEEDBACK', text: 'Задать вопрос по продуктам и услугам' },
-        serviceDirection: { key: 'Физическое лицо' },
-        birthday: undefined,
-        feedbackMethod: { key: 'Телефонный звонок' },
-        phone: '',
-        email: '',
-        comment: '',
-        consentDataProcessing: false,
-    };
-    const feedbackValidatorDefaultObject = {
-        typeForm: defaultValidator,
-        region: defaultValidator,
-        surname: defaultValidator,
-        name: nameValidator,
-        feedbackMethod: defaultValidator,
-        phone: phoneValidator,
-        email: defaultValidator,
-        comment: defaultValidator,
-        consentDataProcessing: agreementValidator,
-    };
-    const ApplicationFormFeedback = JSX(({ button, link, onSubmit }) => {
-        const handleSubmit = useCallback((feedbackFormState) => {
-            handleSubmitFeedback(feedbackFormState, onSubmit);
-        }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$1, {
-            onSubmit: handleSubmit,
-        });
-        const isQualityService = field('typeForm').value?.key === 'FEEDBACK_QS';
-        const isLegalEntity = getLegalEntity(field('typeForm').value?.key, field('serviceDirection').value?.key);
-        return (jsx("form", { className: "container space-y-m", onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: "w-full max-w-xl space-y-s m-auto", 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 }) : null, 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') }), jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('birthday'), defaultValidator) })] }), 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(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), isQualityService ? (jsxs("div", { children: [jsx(InputPhoneControl, { 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 }), renderAgreementSubmit(field('consentDataProcessing'), link, button)] }) }) }));
-    });
-    const handleSubmitFeedback = (formState, onSubmit) => {
-        const isLegal = getLegalEntity(formState?.typeForm.key, formState?.serviceDirection?.key);
-        const feedbackValidator = objectValidator({
-            ...feedbackValidatorDefaultObject,
-            ...getFeedbackValidationObject(formState, isLegal),
-        });
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, !isLegal);
-    };
-    const getFeedbackValidationObject = (formState, isLegal) => {
-        if (isLegal) {
-            return { addressBranch: defaultValidator, inn: innValidator };
-        }
-        else if (formState.typeForm.key === 'FEEDBACK') {
-            return { birthday: defaultValidator };
-        }
-        else {
-            return { addressBranch: defaultValidator };
-        }
-    };
-    const getLegalEntity = (typeFormKey = '', serviceDirectionKey = '') => typeFormKey === 'FEEDBACK_QS' && serviceDirectionKey === 'Юридическое лицо / ИП';
-
-    const EmbeddableForms = {
-        ApplicationFormFeedback,
-    };
-
-    const API$1 = LeadServiceAPI();
-    const ApplicationForm = UniBlock(({ className, formBlock, ...rest }) => {
-        const [responseType, setResponseType] = useState('');
-        const handleSubmit = useCallback(async (data, isIndividualType = false) => {
-            const formatData = getFormatData$1(data);
-            const status = (await API$1.send(formatData, isIndividualType)) ? 'OK' : 'Fail';
-            setResponseType(status);
-            return status;
-        }, []);
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-m", children: [formBlock?.title ? (jsx(Heading, { headingType: "h3", title: formBlock.title, className: "@xl:text-center" })) : null, formBlock ? renderEmbeddedForm(formBlock, handleSubmit) : null, responseType ? jsx(ResponseNotification, { responseType: responseType }) : null] }) }));
-    });
-    const renderEmbeddedForm = (formBlock, handleSubmit) => {
-        const type = formBlock?.formType;
-        if (!type || !(type in EmbeddableForms)) {
-            return null;
-        }
-        const EmbeddedForm = EmbeddableForms[type];
-        return jsx(EmbeddedForm, { ...formBlock, onSubmit: handleSubmit });
-    };
-    const getFormatData$1 = (data) => Object.fromEntries(Object.entries(data).map(([k, v]) => [k, (v?.region ? v?.text : v?.key) || v]));
-
-    const ApplicationFormLayout = JSX((props) => {
-        const { className, title, responseType, children, ...rest } = props;
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children, responseType ? jsx(ResponseNotification, { responseType: responseType }) : null] }) }));
-    });
-
-    const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
-
-    const ACQUIRING_TYPES = [
-        {
-            text: 'Торговый эквайринг',
-            key: 'trade',
-        },
-        {
-            text: 'СБП-эквайринг',
-            key: 'sbp',
-        },
-        {
-            text: 'Интернет-эквайринг',
-            key: 'internet',
-        },
-        {
-            text: 'Все виды эквайринга',
-            key: 'all',
-        },
-    ];
-    const AcquiringField = JSX(({ field, input }) => (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, ...getValidation(field('acquiringType'), validatorObj.acquiringType, input?.required) })));
-    const isAcquiringTrade = (key = '') => Boolean(key === 'trade' || key === 'all');
-
     const useNormalizedInput = (props, { normalize, format }) => {
         const { value, onFocus, onBlur, onChange } = props;
         const [isFocused, setIsFocused] = useState(false);
-        const handleFocus = useCallback((e) => {
+        const handleFocus = useCallback((ev) => {
             setIsFocused(true);
-            onFocus && onFocus(e);
+            onFocus && onFocus(ev);
         }, []);
         const handleBlur = useCallback(() => {
             setIsFocused(false);
@@ -1666,12 +1530,67 @@
 
     const CommentField = JSX(({ field, input }) => (jsx(InputControl, { className: "col-span-2", ...getValidation(field('comment'), validatorObj.comment, input?.required), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true })));
 
+    const SERVICE_TYPES = [
+        { key: 'ULTRASERVICE', text: 'Ультра' },
+        { key: 'PREMIUMSERVICE', text: 'Премиум' },
+    ];
+    const SERVICE_DIRECTIONS = [
+        { key: 'Физическое лицо' },
+        { key: 'Юридическое лицо / ИП' },
+    ];
+    const FEEDBACK_TYPES = [
+        {
+            text: 'Задать вопрос по продуктам и услугам',
+            key: 'FEEDBACK',
+        },
+        {
+            text: 'Качество обслуживания',
+            key: 'FEEDBACK_QS',
+        },
+    ];
+    const FEEDBACK_METHOD = [
+        { key: 'phone', text: 'Телефонный звонок' },
+        { key: 'email', text: 'Электронное сообщение' },
+    ];
+
+    const FeedbackMethodField = JSX(({ field }) => (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'), validatorObj.feedbackMethod) })));
+
+    const FeedbackTypeField = JSX(({ field }) => {
+        const feedbackType = field('feedbackType');
+        useEffect(() => {
+            if (feedbackType?.value?.key === 'FEEDBACK') {
+                field('serviceDirection')?.onChange?.(SERVICE_DIRECTIONS[0]);
+            }
+        }, [feedbackType?.value]);
+        return (jsx(SelectControl, { label: "\u0422\u0435\u043C\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043C\u0443", options: FEEDBACK_TYPES, ...withValidator(feedbackType, validatorObj.feedbackType) }));
+    });
+
+    const IsClientField = JSX(({ field }) => (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"' })));
+
     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 OnlineCheckoutField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') })) : null);
 
+    const SecondaryPhoneField = JSX(({ field }) => {
+        const fieldPhone = field('secondaryPhone');
+        return (jsx(InputPhoneControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...(!fieldPhone.value || fieldPhone.value === '+7 ('
+                ? fieldPhone
+                : withValidator(fieldPhone, validatorObj.secondaryPhone)) }));
+    });
+
     const PosTerminalField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })) : null);
 
+    const REGIONS_URL = '/api/v1/regions';
+    function useRegions() {
+        const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
+        return Array.isArray(data) ? data : [];
+    }
+
+    const RegionField = JSX(({ field, input }) => {
+        const regions = useRegions();
+        return (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: useMemo(() => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })), [regions]), ...getValidation(field('region'), validatorObj.region, input?.required) }));
+    });
+
     const RegionPremiumField = JSX(({ field, input }) => {
         const branchByRegions = useBranchesByRegions();
         const regions = useMemo(() => branchByRegions?.map(({ region }) => ({
@@ -1681,16 +1600,14 @@
         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, ...getValidation(field('region'), validatorObj.region, input?.required) }));
     });
 
+    const ServiceDirectionField = JSX(({ field }) => (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'), validatorObj.serviceDirection) })));
+
     const MIN_CREDIT_TERM = 1;
     const MAX_CREDIT_TERM = 180;
     const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
     const TermField = JSX(({ field }) => (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 SERVICE_TYPES = [
-        { key: 'ULTRASERVICE', text: 'Ультра' },
-        { key: 'PREMIUMSERVICE', text: 'Премиум' },
-    ];
-    const UltraPremiumField = JSX(({ field }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...withValidator(field('serviceType'), defaultValidator) })));
+    const UltraPremiumField = JSX(({ field }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...withValidator(field('serviceType'), validatorObj.serviceType) })));
 
     const Radio = JSX(({ name, text, value, checked, onChange, className }) => (jsx("div", { className: className, children: jsxs("label", { className: "font-sans flex gap-s items-center relative cursor-pointer", children: [jsx("input", { className: "appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-primary-hover\n        checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text\n        after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer", type: "radio", value: value, name: name, checked: checked, onChange: (_) => onChange?.(_.target.value), role: "radio" }), text ? jsx(Text, { color: "text-primary-text", children: text }) : null] }) })));
 
@@ -1728,7 +1645,7 @@
             region: isPremium ? (jsx(RegionPremiumField, { field: field })) : (jsx(RegionField, { field: field, input: input })),
             addressBranch: jsx(AddressBranchField, { field: field, input: input, isPremium: isPremium }),
             birthday: (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, required) })),
-            isClient: (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"' })),
+            isClient: jsx(IsClientField, { field: field }),
             consentToReceiveMaterials: (jsx(CheckboxWithError, { ...field('consentToReceiveMaterials'), text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0435\u043D \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0445 \u0438 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\u043E\u0432 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435" })),
             partnerComments: (jsx(InputControl, { ...getValidation(field('partnerComments'), validatorObj.partnerComments, required), 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", isTextarea: true, ...rest })),
             collectionCount: (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432 \u0438\u043D\u043A\u0430\u0441\u0441\u0430\u0446\u0438\u0438", type: "number", ...getValidation(field('collectionCount'), validatorObj.collectionCount, required) })),
@@ -1740,13 +1657,19 @@
             amount: jsx(AmountField, { field: field }),
             annualRevenue: (jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...getValidation(field('annualRevenue'), validatorObj.annualRevenue, required) })),
             vedTypes: jsx(VedField, { field: field }),
+            feedbackType: jsx(FeedbackTypeField, { field: field }),
+            feedbackMethod: jsx(FeedbackMethodField, { field: field }),
+            serviceDirection: jsx(ServiceDirectionField, { field: field }),
+            bankEmpolee: (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') })),
+            applicationDate: (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') })),
+            secondaryPhone: jsx(SecondaryPhoneField, { field: field }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(index))) : null;
     };
     function isRenderField({ input, field, }) {
         const { condition } = input;
         const { value } = field(condition?.name || '');
-        return !condition || condition?.values?.find((_) => _ === value);
+        return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
     }
 
     const getPartnerComments = (data) => {
@@ -1763,13 +1686,14 @@
 
     /* eslint-disable @typescript-eslint/no-unused-vars */
     const getFormatData = (data) => {
-        const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, vedTypes, region, ...usedData } = data;
+        const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, feedbackType, vedTypes, region, ...usedData } = data;
         const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
         const formatData = {
             ...usedData,
             ...getVedTypes(vedTypes),
             ...getRegion(region),
             ...(partnerComments ? { partnerComments } : {}),
+            ...(feedbackType ? { typeForm: feedbackType } : {}),
         };
         return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
     };
@@ -1786,8 +1710,8 @@
         addressBranch: { key: '', text: '' },
         surname: '',
         name: '',
-        middleName: '',
         phone: '',
+        secondaryPhone: '',
         comment: '',
         product: '',
         partnerComments: '',
@@ -1796,6 +1720,9 @@
         amount: 1000,
         acquiringType: ACQUIRING_TYPES[0],
         serviceType: SERVICE_TYPES[0],
+        feedbackType: FEEDBACK_TYPES[0],
+        feedbackMethod: FEEDBACK_METHOD[0],
+        serviceDirection: SERVICE_DIRECTIONS[0],
         vedTypes: VED_TYPES[0],
         birthday: undefined,
         isClient: false,
@@ -1812,6 +1739,43 @@
         return { ...formState, typeForm: { key: typeForm, text: '' } };
     };
 
+    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: [jsx(Text, { children: text }), link ? (jsx(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
+
+    function useButton() {
+        return (props) => ({
+            ...props,
+            onClick: handlerDecorator(handleClick(props)),
+        });
+    }
+    function handleClick({ disabled, onClick }) {
+        return (ev) => {
+            !disabled && onClick && onClick(ev);
+        };
+    }
+
+    const activeButtonStyleMap = 'text-white bg-primary-active';
+    const disabledButtonStyle = 'bg-main-gray text-main-disabled cursor-not-allowed';
+    const buttonStyleMap = {
+        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+    };
+    const secondaryButtonStyleMap = {
+        primary: style('group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+        secondary: style('group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+    };
+    const Button = JSX(({ children, ...props }) => {
+        const button = useButton();
+        const { className, version = 'primary', active, disabled, type = 'button', rounded = true, role, onClick, } = button(props);
+        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', active ? activeButtonStyleMap : '', disabled ? disabledButtonStyle : '', !active && !disabled
+                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
+                : '', rounded ? 'rounded-md' : '', className), type: type, role: role, onClick: onClick, children: children }));
+    });
+
+    const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
+
+    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
+    const renderAgreementSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-m flex-col lg:flex-row w-full justify-between items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: agreementText, link: link })), renderSubmitButton(button)] }));
+
     const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [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" }), jsxs("div", { className: "flex gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
 
     const API = LeadServiceAPI();
@@ -1830,8 +1794,13 @@
             setResponseType(status);
             return status;
         }, []);
-        const [, { field, onSubmit }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
         const fieldName = getConsentDataProcessing(inputs)?.name;
+        useEffect(() => {
+            if (responseType === 'OK') {
+                reset();
+            }
+        }, [responseType]);
         return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, responseType: responseType, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [_?.title ? jsx("div", { className: "@xl:text-center @xl:col-span-2", children: _.title }) : null, (_?.inputs || [])?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
     });
     const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
@@ -1839,7 +1808,12 @@
     const getFilteredInputs = (inputs, data) => inputs
         .filter((_) => _)
         .filter((input) => !input?.condition ||
-        input?.condition.values.find((_) => _ === data?.[input?.condition?.name]));
+        input?.condition.values.find((_) => {
+            const dataValue = data?.[input?.condition?.name ?? ''];
+            return input.name === 'secondaryPhone'
+                ? Boolean(data.secondaryPhone)
+                : _ === (dataValue?.key ?? dataValue);
+        }));
 
     const AlignStyles = 'text-left';
 
@@ -4762,7 +4736,11 @@
         const openBottomMenuItemDialog = (index, itemsPosition) => {
             const requiredArray = itemsPosition === 'left' ? leftItems : rightItems;
             const menuDimensions = menuRef?.current?.getBoundingClientRect();
-            openDialog(jsx(StickyBottomMenuDialog, { onClick: (e) => e.stopPropagation(), onClose: closeDialog, head: jsx("div", { className: "flex items-center px-xl", children: jsx(Heading, { as: "h4", title: requiredArray[index].title }) }), children: jsx("div", { className: "bg-white pb-20 pt-1 text-l", ref: dialogRef, children: jsx("iframe", { src: requiredArray[index]?.src, className: "min-h-[90vh]", width: menuDimensions?.width || 0 }) }) }), { id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title });
+            const handleIframeLoad = () => {
+                const ifDoc = document.getElementsByTagName('iframe')['iframe-dialog'];
+                ifDoc.style.height = String(ifDoc?.contentWindow?.document.body.offsetHeight) + 'px';
+            };
+            openDialog(jsx(StickyBottomMenuDialog, { onClick: (e) => e.stopPropagation(), onClose: closeDialog, head: jsx("div", { className: "flex items-center px-xl", children: jsx(Heading, { as: "h4", title: requiredArray[index].title }) }), children: jsx("div", { className: "bg-white pb-20 pt-1 text-l", ref: dialogRef, children: jsx("iframe", { id: "iframe-dialog", onLoad: () => handleIframeLoad(), src: requiredArray[index]?.src, width: menuDimensions?.width || 0 }) }) }), { id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title });
         };
         return [{ openBottomMenuItemDialog }];
     };
@@ -5045,7 +5023,10 @@
     const renderMenuItem = (onClick, itemsPosition, currentActiveItem) => (_, i, arr) => {
         return (jsx(StickyBottomMenuItem, { item: _, isActive: arr[currentActiveItem.activeIndex]?.title === _?.title &&
                 currentActiveItem.currentItemPosition === itemsPosition, onClick: (e) => {
-                e.stopPropagation();
+                if (!(arr[currentActiveItem.activeIndex]?.title === _?.title &&
+                    currentActiveItem.currentItemPosition === itemsPosition)) {
+                    e.stopPropagation();
+                }
                 onClick(i, itemsPosition);
             } }, _.title || String(i)));
     };
@@ -5386,7 +5367,6 @@
 
     const Blocks = {
         AdTile,
-        ApplicationForm,
         ApplicationFormCustom,
         BenefitsBlock,
         BonusBenefitsBlock,
@@ -5640,7 +5620,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.263";
+    const packageVersion = "0.14.265";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;