@redneckz/wildless-cms-uni-blocks 0.14.933 → 0.14.935

package/mobile/bundle/bundle.umd.js

@@ -995,144 +995,6 @@
     });
     const randomNumber = (min = 0, max = 0) => Math.floor(Math.random() * (max - min) + min);
 
-    const API_BASE_URI$1 = '/api/v1';
-    const RETAIL_API_BASE_URI = '/light-api-cash/v1';
-
-    const formatDate = (date, toTimeStamp = false) => {
-        if (typeof date === 'string') {
-            return date.split('-').reverse().join('.');
-        }
-        else {
-            const day = String(date.getDate()).padStart(2, '0');
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const year = String(date.getFullYear());
-            return toTimeStamp ? `${year}-${month}-${day}` : `${day}.${month}.${year}`;
-        }
-    };
-
-    const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
-
-    const getSubmitBody = (body, isNaturalPerson, router) => {
-        const { typeForm, region, phone = '', email, birthday, desiredMeetingDate, inn, fullRegion, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, partnerName, ...staticBody } = body;
-        return {
-            typeForm,
-            ...getRegion$1(region, isNaturalPerson),
-            ...getEmail(email, isNaturalPerson),
-            ...getPhone(phone),
-            ...getFormatDate(desiredMeetingDate, 'desiredMeetingDate'),
-            ...(isNaturalPerson ? getFormatDate(birthday) : { inn }),
-            ...(typeForm === 'FEEDBACK'
-                ? {}
-                : {
-                    addressBranch,
-                    bankEmpolee,
-                    applicationDate,
-                    ...getSecondaryPhone(secondaryPhone),
-                }),
-            ...addPageSlug(typeForm, router),
-            ...formatPFForm(typeForm, {
-                fullRegion,
-                partnerName,
-            }),
-            ...staticBody,
-        };
-    };
-    const getPhoneBody = (phone) => {
-        return {
-            ...getPhone(phone),
-        };
-    };
-    const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
-    const getFormatDate = (date, key = 'birthday') => date ? { [key]: formatDate(date) } : {};
-    const getRegion$1 = (region, isNaturalPerson = true) => ({
-        [isNaturalPerson ? 'regionBranch' : 'region']: region,
-    });
-    const getEmail = (email, isNaturalPerson = true) => ({
-        [isNaturalPerson ? 'email' : 'mail']: email,
-    });
-    const getSecondaryPhone = (secondaryPhone = '') => !secondaryPhone || secondaryPhone === '+7 ('
-        ? {}
-        : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
-    const formatPFForm = (typeForm, data) => typeForm === 'PF'
-        ? {
-            region: data?.fullRegion,
-            partner: data?.partnerName,
-        }
-        : {};
-    const addPageSlug = (typeForm, router) => typeForm === 'UNIVERSAL'
-        ? {
-            typeForm: router?.pathname?.split('/')?.at(-1) || '/',
-        }
-        : {};
-
-    function LeadServiceAPI() {
-        async function send(body, router, isIndividualType = false) {
-            const { serviceDirection } = body;
-            const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
-            const url = `${API_BASE_URI$1}${isNaturalPerson ? '/lead' : '/sendcorporatelead'}`;
-            const submitBody = getSubmitBody(body, isNaturalPerson, router);
-            try {
-                const response = await LeadServiceFetch(url, submitBody);
-                if (!response?.ok) {
-                    return null;
-                }
-                return await response.json();
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        async function sendCode({ phone }) {
-            const submitBody = getPhoneBody(phone);
-            try {
-                const response = LeadServiceFetch(`${API_BASE_URI$1}/initCorporateLead`, submitBody).then(async (res) => {
-                    if (!res.ok) {
-                        throw new Error(`Ошибка HTTP: ${res.status}`);
-                    }
-                    return await res.text();
-                });
-                return await response;
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        async function checkCode({ reqId, code, body }) {
-            const submitBody = {
-                requestId: reqId,
-                confimationCode: code,
-                leadRequest: getSubmitBody(body, false),
-            };
-            try {
-                const response = await LeadServiceFetch(`${API_BASE_URI$1}/confirmCorporateLead`, submitBody);
-                return await response.json();
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        return {
-            send,
-            sendCode,
-            checkCode,
-        };
-    }
-    const LeadServiceFetch = (url, submitBody) => fetch(url, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        mode: 'cors',
-        body: JSON.stringify(submitBody),
-    });
-
-    const handleAspects = async ({ aspectsAttributes, aspects, ev }) => {
-        for (const { aspectName, params } of aspectsAttributes ?? []) {
-            const aspectFn = aspects[aspectName ?? ''];
-            if (aspectFn) {
-                await aspectFn(ev, params);
-            }
-        }
-    };
-
     function locationNavigator() {
         return locationNavigator._impl();
     }
@@ -1325,6 +1187,138 @@
 
     const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
 
+    const cyrillicPattern = /^[а-яё-]*$/i;
+    const isCyrillic = (_ = '') => cyrillicPattern.test(_);
+
+    const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
+
+    const ERROR_MESSAGE$1 = 'Некорректно заполненное поле';
+    const defaultValidator = (errorMsg) => required(errorMsg ?? ERROR_MESSAGE$1);
+    const defaultSelectValidator = (errorMsg) => validator((_) => _?.key && _?.key !== '')(errorMsg ?? ERROR_MESSAGE$1);
+    const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1 && isCyrillic(_))(errorMsg ?? ERROR_MESSAGE$1);
+    const innValidator = (errorMsg) => validator((_) => isValidInnLength(_))(errorMsg);
+    const innDadataValidator = (errorMsg) => validator((_) => Boolean(_?.text) && isValidInnLength(_.text))(errorMsg);
+    const phoneValidate = (email) => /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/.test(email);
+    const russianPhoneValidate = (email) => /^(\+7)?[\s-]?\(?[3489][0-9]{2}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/.test(email);
+    const phoneValidator = (errorMsg) => validator(phoneValidate)(errorMsg);
+    const russianPhoneValidator = (errorMsg) => validator(russianPhoneValidate)(errorMsg);
+    const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
+    const emailValidate = (email) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,4}$/.test(email);
+    const emailValidator = (errorMsg) => validator((_) => emailValidate(_))(errorMsg);
+    const isValidInnLength = (value) => typeof value === 'string' && (value.length === 10 || value.length === 12);
+
+    const validatorObj$1 = {
+        fullName: defaultValidator(),
+        addressBranch: defaultSelectValidator(),
+        desiredMeetingDate: defaultValidator(),
+        product: defaultValidator(),
+        localities: defaultValidator(),
+        partnerComments: defaultValidator(),
+        collectionCount: defaultValidator(),
+        acquiringType: defaultSelectValidator(),
+        serviceType: defaultSelectValidator(),
+        annualRevenue: defaultValidator(),
+        feedbackMethod: defaultSelectValidator(),
+        serviceDirection: defaultSelectValidator(),
+        secondaryPhone: phoneValidator('Укажите номер телефона'),
+        region: defaultSelectValidator(),
+        situationDescription: defaultValidator(),
+        sufferedFrom: defaultValidator(),
+        applierType: defaultValidator(),
+        surname: nameValidator('Укажите свою фамилию на кириллице'),
+        name: nameValidator('Укажите своё имя на кириллице (без сокращений)'),
+        middleName: nameValidator('Укажите своё отчество на кириллице'),
+        birthday: defaultValidator('Укажите дату рождения'),
+        phone: phoneValidator('Укажите номер телефона'),
+        email: emailValidator('Укажите электронную почту'),
+        inn: innValidator('Укажите ИНН'),
+        comment: defaultValidator(),
+        typeForm: defaultValidator(),
+        consentToReceiveMaterials: agreementValidator,
+        consentDataProcessing: agreementValidator,
+        partnerSymbolCode: defaultValidator('Укажите идентификатор партнёра'),
+        dadataPartyInnSelect: innDadataValidator('Укажите ИНН'),
+        dadataPartyNameSelect: defaultValidator('Укажите наименование организации'),
+        callbackTime: defaultValidator(),
+        questionProduct: defaultValidator(),
+        russianPhone: russianPhoneValidator('Укажите номер телефона'),
+    };
+    const getFormValidator = (fieldDefs, externalValidatorObj = {}) => {
+        const requiredFields = fieldDefs.filter((_) => Boolean(_?.required && _?.name));
+        const validator = { ...validatorObj$1, ...externalValidatorObj };
+        const hasConditions = requiredFields.some((_) => _.condition?.values);
+        const requiredFieldValidatorsMap = Object.fromEntries(requiredFields
+            .filter(byNonEmptyValidator(validator))
+            .map(({ name }) => [name, validator[name ?? '']]));
+        return (formState) => hasConditions
+            ? Object.fromEntries(requiredFields
+                .filter(byNonEmptyValidator(validator))
+                .filter(byCondition(formState))
+                .map(({ name }) => [name, validator[name ?? '']]))
+            : requiredFieldValidatorsMap;
+    };
+    const byNonEmptyValidator = (validator = {}) => ({ name }) => Boolean(validator[name ?? '']);
+    const byCondition = (formState) => (fieldDef) => !fieldDef?.condition ||
+        fieldDef.condition.values.some((_) => {
+            const dependencyValue = formState?.[fieldDef?.condition?.name ?? ''];
+            return _ === (dependencyValue?.key ?? dependencyValue);
+        });
+
+    const noop = () => {
+        // Do nothing
+    };
+
+    const themeStyle$1 = {
+        primary: style('text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active', '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('text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active', '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 embeddedStyle = style('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
+    const disabledStyle = style('bg-main-gray text-main-disabled cursor-not-allowed');
+    const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, }) => {
+        const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
+            role,
+            onClick,
+        ]);
+        const aspectsAttrs = useMemo(() => getAspectsAttributes(data), [data]);
+        const isRound = shape === 'round';
+        return (jsx("button", { className: style('font-sans flex items-center gap-xs', {
+                [themeStyle$1[version]]: !disabled && !embedded,
+                [embeddedStyle]: embedded,
+                [disabledStyle]: disabled,
+            }, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
+                'rounded-md': shape === 'default',
+                'rounded-full': isRound,
+            }, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
+    });
+
+    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
+
+    const DIALOG_STYLE = {
+        sm: 'max-w-sm top-1/3',
+        lg: 'max-w-lg',
+        '4xl': 'max-w-4xl',
+        none: 'mt-0',
+    };
+    const DIALOG_POSITION = {
+        center: 'relative mx-auto',
+        corner: 'absolute bottom-0 right-0',
+    };
+    const Dialog = JSX(({ head, maxWidth = '4xl', children, onClose, onClick, position = 'center' }) => {
+        const isMobileMode = useMobileMode();
+        return (jsxs("div", { className: style('bg-white p-lg pb-6xl my-6xl rounded-lg w-full', DIALOG_STYLE[maxWidth], DIALOG_POSITION[position], { 'mr-3xl': !isMobileMode && position === 'corner' }, { 'mb-12': isMobileMode }), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0 z-10", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container", children: children })] }));
+    });
+
+    const ResponseTypeDialog = JSX(({ ok, typeForm, onClose, errorMessage }) => {
+        const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
+        const responseOKDescription = typeForm === 'ANTIFRAUD'
+            ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
+  можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
+   не звонят с использованием мессенджеров.`
+            : 'Совсем скоро мы с вами свяжемся';
+        const responseFailDescription = errorMessage || 'Пожалуйста, повторите позднее';
+        return (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: ok ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: ok ? responseOKDescription : responseFailDescription, headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: onClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
+    });
+
     // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
     const getRequiredLabel = ({ label, errors }) => label && errors ? `${label}*` : label;
 
@@ -1346,10 +1340,6 @@
         return debouncedCallback;
     };
 
-    const noop = () => {
-        // Do nothing
-    };
-
     const renderLabel$1 = (label) => label ? (jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label })) : null;
 
     function useEventListener(target, type, listener, options) {
@@ -1431,7 +1421,7 @@
         return formatOption(value) || placeholder;
     };
 
-    const renderSelectContainer = ({ isBorder = true, valid = true, isDisabled = false, isOpen = false, onOpen, onClose, isManualInput = false, query = '', value, placeholder = '', iconVersion = 'black', options = [], }) => {
+    const renderSelectContainer = ({ isBorder = true, valid = true, isDisabled = false, isOpen = false, onOpen = noop, onClose, isManualInput = false, query = '', value, placeholder = '', iconVersion = 'black', options = [], }) => {
         const isIconHidden = getIconHidden(isManualInput, options, query);
         return (jsxs("div", { className: style({ 'border rounded-md': isBorder }, { 'hover:border-primary-hover': isBorder && !isDisabled }, isDisabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error', 'h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden'), onClick: isOpen ? onClose : onOpen, children: [jsx("p", { className: "line-clamp-2 text-ellipsis", children: renderOptionText({ isManualInput, query, value, placeholder }) }), isIconHidden ? '' : renderIcon$2(isOpen, iconVersion)] }));
     };
@@ -1538,32 +1528,460 @@
                             : null] })] }));
     });
 
-    const SelectControl = JSX(({ className = '', label, error, errors, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error, label: getRequiredLabel({ label, errors }) }), renderErrorText(error)] })));
+    const SelectControl = JSX(({ className = '', label, error, errors, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error, label: getRequiredLabel({ label, errors }) }), renderErrorText(error)] })));
+
+    const CLIENT_KEY = 'client';
+    const REPRESENTATIVE_KEY = 'representative';
+    const APPLIER_TYPES = [
+        {
+            key: CLIENT_KEY,
+            text: 'Клиент',
+        },
+        {
+            key: REPRESENTATIVE_KEY,
+            text: 'Представитель клиента',
+        },
+    ];
+    const ApplierTypeField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0440\u0430\u0442\u0438\u0432\u0448\u0435\u0433\u043E\u0441\u044F", ...input, options: APPLIER_TYPES, ...field('applierType') })));
+
+    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 defaultCheckStyle = 'appearance-none w-5 h-5 border-solid flex-none';
+
+    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: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && 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), "aria-label": text }), value ? icon : null, renderText$4(text)] }) }));
+    });
+    const renderText$4 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
+    const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
+    const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
+    const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
+
+    const orientationStyleMap = {
+        horizontal: '@lg:flex-row',
+        vertical: '',
+    };
+    const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id), disabled: disabled }, String(id)))) })] })));
+
+    const VED_TYPES = [
+        { id: 'currencyControl', text: 'Валютный контроль' },
+        { id: 'documentOperations', text: 'Документарные операции' },
+        { id: 'conversionTransactions', text: 'Конверсионные операции' },
+        { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
+    ];
+    const VedField = JSX(({ field, input }) => {
+        const handleChange = useCallback((_) => {
+            if (_ !== 'currencyControl') {
+                field('inn').onChange?.('');
+                field('region').onChange?.('');
+            }
+        }, []);
+        return (jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, ...field(input?.name ?? '', { onChange: handleChange }) }) }));
+    });
+
+    const ACQUIRING_TYPES = [
+        {
+            text: 'Торговый эквайринг',
+            key: 'trade',
+        },
+        {
+            text: 'СБП-эквайринг',
+            key: 'sbp',
+        },
+        {
+            text: 'Интернет-эквайринг',
+            key: 'internet',
+        },
+        {
+            text: 'SoftPOS',
+            key: 'softpos',
+        },
+        {
+            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, ...field(input?.name ?? '') })));
+    const isAcquiringTrade = (key = '') => Boolean(key === 'trade' || key === 'all');
+
+    const getPartnerComments = (data) => {
+        const { acquiringType, onlineCheckout = false, posTerminal = false, term, amount, annualRevenue, } = data;
+        if (acquiringType) {
+            return `Вид эквайринга=${acquiringType?.text || ''}${isAcquiringTrade(acquiringType?.key)
+            ? `/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`
+            : '/Онлайн касса=false/POS-терминал=false'}`;
+        }
+        else {
+            return `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
+        }
+    };
+
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    const getFormatData = (data) => {
+        const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, vedTypes, region, inn, sufferedFrom, situationDescription, applierType, isPremium, dadataPartyNameSelect, partnerSymbolCode, dadataPartyInnSelect, ...usedData } = data;
+        const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
+        const formatData = {
+            ...usedData,
+            ...getVedTypes(vedTypes),
+            ...getRegion$1(region),
+            ...(inn && { inn }),
+            ...(partnerComments ? { partnerComments } : {}),
+            ...(serviceType ? { typeForm: serviceType } : {}),
+            ...getIncidentComment(sufferedFrom?.text, situationDescription),
+            ...getIsClient(applierType),
+            ...getDadataValues([
+                [dadataPartyInnSelect, 'inn'],
+                [dadataPartyNameSelect, 'fullName'],
+            ]),
+        };
+        return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
+    };
+    const getIsClient = (applierType) => applierType?.key ? { isClient: applierType?.key === CLIENT_KEY } : {};
+    const getIncidentComment = (sufferedFrom, situationDescription) => sufferedFrom || situationDescription
+        ? { comment: `${sufferedFrom || ''};${situationDescription || ''}` }
+        : {};
+    const getRegion$1 = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
+    const getVedTypes = (vedTypes) => vedTypes
+        ? {
+            vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
+        }
+        : {};
+    const getDadataValues = (fields) => fields.reduce((acc, [field, name]) => {
+        if (field?.text && name) {
+            acc[name] = field.text;
+        }
+        return acc;
+    }, {});
+
+    const SERVICE_TYPES = [{ key: 'ULTRASERVICE', text: 'Ультра' }];
+    const SERVICE_DIRECTIONS = [
+        { key: 'Физическое лицо' },
+        { key: 'Юридическое лицо / ИП' },
+    ];
+    const FEEDBACK_METHOD = [
+        { key: 'phone', text: 'Телефонный звонок' },
+        { key: 'email', text: 'Электронное сообщение' },
+    ];
+
+    const initialFormState$1 = {
+        typeForm: '',
+        region: { key: '', text: '' },
+        addressBranch: { key: '', text: '' },
+        surname: '',
+        name: '',
+        phone: '',
+        secondaryPhone: '',
+        comment: '',
+        product: '',
+        partnerComments: '',
+        annualRevenue: '',
+        term: 12,
+        amount: 100000,
+        acquiringType: ACQUIRING_TYPES[0],
+        serviceType: SERVICE_TYPES[0],
+        feedbackMethod: FEEDBACK_METHOD[0],
+        serviceDirection: SERVICE_DIRECTIONS[0],
+        vedTypes: VED_TYPES[0].id,
+        birthday: undefined,
+        isClient: false,
+        onlineCheckout: false,
+        posTerminal: false,
+        consentToReceiveMaterials: false,
+        consentDataProcessing: false,
+        addressRetail: { key: '', text: '' },
+    };
+    const getInitialFormState$2 = (inputs, typeForm = '') => {
+        const formState = Object.fromEntries(inputs.map((_) => [
+            _.name,
+            (_?.name === 'vedTypes' && _?.defaultValue) || initialFormState$1[_.name || ''],
+        ]));
+        return { ...formState, typeForm: { key: typeForm, text: '' } };
+    };
+
+    const getUserTimezoneOffset = () => {
+        const offset = new Date().getTimezoneOffset();
+        const absOffset = Math.abs(offset);
+        const hours = Math.floor(absOffset / 60);
+        const minutes = absOffset % 60;
+        const sign = offset < 0 ? '+' : '-';
+        return `GMT${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+    };
+
+    const API_BASE_URI$1 = '/api/v1';
+    const RETAIL_API_BASE_URI = '/light-api-cash/v1';
+
+    const formatDate = (date, toTimeStamp = false) => {
+        if (typeof date === 'string') {
+            return date.split('-').reverse().join('.');
+        }
+        else {
+            const day = String(date.getDate()).padStart(2, '0');
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const year = String(date.getFullYear());
+            return toTimeStamp ? `${year}-${month}-${day}` : `${day}.${month}.${year}`;
+        }
+    };
+
+    const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
+
+    const getSubmitBody = (body, isNaturalPerson, router) => {
+        const { typeForm, region, phone = '', email, birthday, desiredMeetingDate, inn, fullRegion, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, partnerName, russianPhone, ...staticBody } = body;
+        return {
+            typeForm,
+            ...getRegion(region, isNaturalPerson),
+            ...getEmail(email, isNaturalPerson),
+            ...getPhone(phone),
+            ...getPhone(russianPhone),
+            ...getFormatDate(desiredMeetingDate, 'desiredMeetingDate'),
+            ...(isNaturalPerson ? getFormatDate(birthday) : { inn }),
+            ...(typeForm === 'FEEDBACK'
+                ? {}
+                : {
+                    addressBranch,
+                    bankEmpolee,
+                    applicationDate,
+                    ...getSecondaryPhone(secondaryPhone),
+                }),
+            ...addPageSlug(typeForm, router),
+            ...formatPFForm(typeForm, {
+                fullRegion,
+                partnerName,
+            }),
+            ...staticBody,
+        };
+    };
+    const getPhoneBody = (phone) => {
+        return {
+            ...getPhone(phone),
+        };
+    };
+    const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
+    const getFormatDate = (date, key = 'birthday') => date ? { [key]: formatDate(date) } : {};
+    const getRegion = (region, isNaturalPerson = true) => ({
+        [isNaturalPerson ? 'regionBranch' : 'region']: region,
+    });
+    const getEmail = (email, isNaturalPerson = true) => ({
+        [isNaturalPerson ? 'email' : 'mail']: email,
+    });
+    const getSecondaryPhone = (secondaryPhone = '') => !secondaryPhone || secondaryPhone === '+7 ('
+        ? {}
+        : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
+    const formatPFForm = (typeForm, data) => typeForm === 'PF'
+        ? {
+            region: data?.fullRegion,
+            partner: data?.partnerName,
+        }
+        : {};
+    const addPageSlug = (typeForm, router) => typeForm === 'UNIVERSAL'
+        ? {
+            typeForm: router?.pathname?.split('/')?.at(-1) || '/',
+        }
+        : {};
+
+    function LeadServiceAPI() {
+        async function send(body, router, isIndividualType = false) {
+            const { serviceDirection } = body;
+            const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
+            const url = `${API_BASE_URI$1}${isNaturalPerson ? '/lead' : '/sendcorporatelead'}`;
+            const submitBody = getSubmitBody(body, isNaturalPerson, router);
+            try {
+                const response = await LeadServiceFetch(url, submitBody);
+                if (!response?.ok) {
+                    return null;
+                }
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function sendCode({ phone }) {
+            const submitBody = getPhoneBody(phone);
+            try {
+                const response = LeadServiceFetch(`${API_BASE_URI$1}/initCorporateLead`, submitBody).then(async (res) => {
+                    if (!res.ok) {
+                        throw new Error(`Ошибка HTTP: ${res.status}`);
+                    }
+                    return await res.text();
+                });
+                return await response;
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function checkCode({ reqId, code, body }) {
+            const submitBody = {
+                requestId: reqId,
+                confimationCode: code,
+                leadRequest: getSubmitBody(body, false),
+            };
+            try {
+                const response = await LeadServiceFetch(`${API_BASE_URI$1}/confirmCorporateLead`, submitBody);
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function sendPhoneCallRequest(body, isNaturalPerson = false) {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const submitBody = getSubmitBody(body, isNaturalPerson);
+            const formatSubmitBody = getFormatCallbackSubmitBody(submitBody);
+            try {
+                const response = await LeadServiceFetch(`${API_BASE_URI$1}/callback`, formatSubmitBody);
+                if (!response?.ok) {
+                    return null;
+                }
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        return {
+            send,
+            sendCode,
+            checkCode,
+            sendPhoneCallRequest,
+        };
+    }
+    const LeadServiceFetch = (url, submitBody) => fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        mode: 'cors',
+        body: JSON.stringify(submitBody),
+    });
+    const getFormatCallbackSubmitBody = (submitBody) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { typeForm, consentDataProcessing, phone, ...rest } = submitBody;
+        return {
+            ...rest,
+            phone: phone?.startsWith('+') ? phone.slice(1) : phone,
+            clientTimezone: getUserTimezoneOffset(),
+        };
+    };
+
+    const handleAspects = async ({ aspectsAttributes, aspects, ev }) => {
+        for (const { aspectName, params } of aspectsAttributes ?? []) {
+            const aspectFn = aspects[aspectName ?? ''];
+            if (aspectFn) {
+                await aspectFn(ev, params);
+            }
+        }
+    };
+
+    const API$2 = LeadServiceAPI();
+    const handleInitCorporateLead = async ({ formatData = {}, typeForm, responseTypeDialog, verifyPhoneDialog, data = [], aspects = {}, ev, }) => {
+        const { phone } = formatData;
+        const response = await API$2.sendCode({ phone: String(phone) });
+        if (!response) {
+            responseTypeDialog.open({ ok: Boolean(response), typeForm });
+            return;
+        }
+        verifyPhoneDialog.open({
+            phone,
+            formatData,
+            reqId: String(response),
+            onSuccess: () => {
+                verifyPhoneDialog.close();
+                responseTypeDialog.open({ ok: true, typeForm });
+                handleAspects({ aspectsAttributes: data, aspects, ev });
+            },
+        });
+    };
+    const handleCallback = async ({ formatData, data, aspects = {}, ev, typeForm, responseTypeDialog, onSuccess = noop, }) => {
+        const response = await API$2.sendPhoneCallRequest(formatData);
+        onSuccess();
+        if (response?.status === 'success') {
+            responseTypeDialog.open({ ok: true, typeForm });
+            handleAspects({ aspectsAttributes: data, aspects, ev });
+        }
+        else if (response?.status === 'error') {
+            responseTypeDialog.open({
+                ok: false,
+                errorMessage: 'Ваша заявка уже в работе. Дождитесь звонка от сотрудника Банка',
+            });
+        }
+        else {
+            responseTypeDialog.open({ ok: Boolean(response) });
+            if (response) {
+                handleAspects({ aspectsAttributes: data, aspects, ev });
+            }
+        }
+    };
+    const handleDefault = async ({ formatData, data, aspects = {}, ev, router, responseTypeDialog, }) => {
+        const ok = Boolean(await API$2.send(formatData, router, false)); // или проверять endpoint === 'lead'
+        responseTypeDialog.open({ ok });
+        if (ok) {
+            handleAspects({ aspectsAttributes: data, aspects, ev });
+        }
+    };
+
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
+            'backdrop-blur': blur,
+        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
+
+    const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
+
+    const withValidator = (props, validator) => {
+        const { value, isDirty } = props;
+        const errors = isDirty ? validator(value) : [];
+        return {
+            ...props,
+            errors,
+            error: errors[0],
+        };
+    };
+
+    const themeStyle = {
+        primary: themeStyle$1.primary,
+        secondary: themeStyle$1.secondary,
+        white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white active:text-primary-main',
+        link: 'text-primary-main',
+        gray: themeStyle$1.secondary,
+        transparent: '',
+        '': '',
+    };
+    const Link = JSX((props) => {
+        const link = useLink();
+        const { className, href, target, text, aboveText, version = 'link', rel, ariaLabel, data, children, onClick, } = link(props);
+        const buttonLike = version !== 'link';
+        return (jsx("a", { className: style('group/btn inline-flex items-center h-fit', 'font-sans no-underline select-none', 'border border-transparent focus:border-primary-text focus:border', 'cursor-pointer', {
+                [themeStyle[version]]: Boolean(version),
+                [aboveText ? 'px-9 py-2.5' : 'px-9 py-4']: buttonLike,
+                'rounded-md': buttonLike,
+            }, className), href: href, target: target, rel: rel, "aria-label": ariaLabel ?? `Ссылка на ${text}`, role: href ? 'link' : 'button', onClick: onClick, ...getAspectsAttributes(data), children: children ?? renderText$3(text, aboveText) }));
+    });
+    const renderText$3 = (text, aboveText) => text || aboveText ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "font-light text-left text-xs", children: aboveText }) : null, jsx("div", { className: style('text-left', { 'text-s -mt-3xs': Boolean(aboveText) }), children: text })] })) : null;
+
+    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(Link, { ...link, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: link.text })) : null] })));
 
-    const ACQUIRING_TYPES = [
-        {
-            text: 'Торговый эквайринг',
-            key: 'trade',
-        },
-        {
-            text: 'СБП-эквайринг',
-            key: 'sbp',
-        },
-        {
-            text: 'Интернет-эквайринг',
-            key: 'internet',
-        },
-        {
-            text: 'SoftPOS',
-            key: 'softpos',
-        },
-        {
-            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, ...field(input?.name ?? '') })));
-    const isAcquiringTrade = (key = '') => Boolean(key === 'trade' || key === 'all');
+    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
+    const agreementTextPF = 'Нажимая на кнопку, вы подтверждаете, что клиент дал согласие на ';
+    const renderAgreementSubmit = ({ consentDataProcessing, link, button, typeForm, }) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: typeForm === 'PF' ? agreementTextPF : agreementText, link: link })), jsx(SubmitButton$1, { className: "w-full @xl:w-auto", children: button?.text ? button.text : 'Отправить заявку' })] }));
+
+    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 sm:justify-center 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": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 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": "\u043F\u043E\u0447\u0442\u0430 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 isFilled = (_) => _ !== null && _ !== undefined;
 
@@ -1737,20 +2155,6 @@
 
     const ApplicationDateField = JSX(({ field, input }) => (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(input?.name ?? '') })));
 
-    const CLIENT_KEY = 'client';
-    const REPRESENTATIVE_KEY = 'representative';
-    const APPLIER_TYPES = [
-        {
-            key: CLIENT_KEY,
-            text: 'Клиент',
-        },
-        {
-            key: REPRESENTATIVE_KEY,
-            text: 'Представитель клиента',
-        },
-    ];
-    const ApplierTypeField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0440\u0430\u0442\u0438\u0432\u0448\u0435\u0433\u043E\u0441\u044F", ...input, options: APPLIER_TYPES, ...field('applierType') })));
-
     const BankEmpoleeField = JSX(({ field, input }) => (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(input?.name ?? '') })));
 
     const useElementSpace = (ref, heightEl) => {
@@ -2046,6 +2450,26 @@
 
     const BirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: input?.label || 'Дата рождения', ...field(input?.name ?? '') })));
 
+    const CALLBACK_TIME = [
+        {
+            key: 'Перезвонить сейчас',
+            text: 'Перезвонить сейчас',
+        },
+        {
+            key: 'Перезвонить через час',
+            text: 'Перезвонить через час',
+        },
+        {
+            key: 'Перезвонить через два часа',
+            text: 'Перезвонить через два часа',
+        },
+        {
+            key: 'Перезвонить завтра',
+            text: 'Перезвонить завтра',
+        },
+    ];
+    const CallbackTimeField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041A\u043E\u0433\u0434\u0430 \u043F\u0435\u0440\u0435\u0437\u0432\u043E\u043D\u0438\u0442\u044C?", ...input, options: CALLBACK_TIME, ...field(input?.name ?? '') })));
+
     const CollectionCountField = JSX(({ field, input }) => (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", isInteger: true, ...field(input?.name ?? '') })));
 
     const CommentField = JSX(({ field, input }) => (jsx(InputControl, { className: "col-span-2", ...field(input?.name ?? ''), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true })));
@@ -2185,16 +2609,6 @@
         return jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...field(input?.name ?? ''), ...input });
     });
 
-    const SERVICE_TYPES = [{ key: 'ULTRASERVICE', text: 'Ультра' }];
-    const SERVICE_DIRECTIONS = [
-        { key: 'Физическое лицо' },
-        { key: 'Юридическое лицо / ИП' },
-    ];
-    const FEEDBACK_METHOD = [
-        { key: 'phone', text: 'Телефонный звонок' },
-        { key: 'email', text: 'Электронное сообщение' },
-    ];
-
     const FeedbackMethodField = JSX(({ field, input }) => (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, ...field(input?.name ?? '') })));
 
     const FullNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0418\u041E", ...field(input?.name ?? ''), ...input })));
@@ -2211,39 +2625,6 @@
 
     const InnField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...field(input?.name ?? '') })));
 
-    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 defaultCheckStyle = 'appearance-none w-5 h-5 border-solid flex-none';
-
-    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: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && 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), "aria-label": text }), value ? icon : null, renderText$4(text)] }) }));
-    });
-    const renderText$4 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
-    const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
-    const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
-    const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
-
     const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
 
     const IsClientField = JSX(({ field, input }) => (jsx(CheckboxWithError, { ...field(input?.name ?? ''), 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"' })));
@@ -2346,6 +2727,18 @@
     const ProductField = UniBlock(({ field, input, source }) => (jsx(SelectControl, { placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043F\u0440\u043E\u0434\u0443\u043A\u0442", label: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442", options: arrayToOptions(source?.productList), ...field(input?.name ?? '') })));
     const arrayToOptions = (array) => (array ?? []).map((_) => ({ key: _, value: _ }));
 
+    const QUESTION_PRODUCT_TYPES = [
+        {
+            key: 'Вопрос по действующему продукту',
+            text: 'Вопрос по действующему продукту',
+        },
+        {
+            key: 'Оформление нового продукта',
+            text: 'Оформление нового продукта',
+        },
+    ];
+    const QuestionProductField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041A\u0430\u043A\u043E\u0439 \u0443 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441?", options: QUESTION_PRODUCT_TYPES, ...field(input?.name ?? '') })));
+
     const REGIONS_URL = `${API_BASE_URI$1}/regions`;
     const EMPTY_REGIONS = [];
     // TODO Почему url можно менять? Разве смысл не в инкапсуляции api url. Тоже под рефакторинг попадает
@@ -2365,88 +2758,6 @@
 
     const RepresentativeNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0418\u041E \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044F", ...input, ...field('representativeName') })));
 
-    const withValidator = (props, validator) => {
-        const { value, isDirty } = props;
-        const errors = isDirty ? validator(value) : [];
-        return {
-            ...props,
-            errors,
-            error: errors[0],
-        };
-    };
-
-    const cyrillicPattern = /^[а-яё-]*$/i;
-    const isCyrillic = (_ = '') => cyrillicPattern.test(_);
-
-    const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
-
-    const ERROR_MESSAGE$1 = 'Некорректно заполненное поле';
-    const defaultValidator = (errorMsg) => required(errorMsg ?? ERROR_MESSAGE$1);
-    const defaultSelectValidator = (errorMsg) => validator((_) => _?.key && _?.key !== '')(errorMsg ?? ERROR_MESSAGE$1);
-    const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1 && isCyrillic(_))(errorMsg ?? ERROR_MESSAGE$1);
-    const innValidator = (errorMsg) => validator((_) => isValidInnLength(_))(errorMsg);
-    const innDadataValidator = (errorMsg) => validator((_) => Boolean(_?.text) && isValidInnLength(_.text))(errorMsg);
-    const phoneValidate = (email) => /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/.test(email);
-    const phoneValidator = (errorMsg) => validator(phoneValidate)(errorMsg);
-    const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
-    const emailValidate = (email) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,4}$/.test(email);
-    const emailValidator = (errorMsg) => validator((_) => emailValidate(_))(errorMsg);
-    const isValidInnLength = (value) => typeof value === 'string' && (value.length === 10 || value.length === 12);
-
-    const validatorObj$1 = {
-        fullName: defaultValidator(),
-        addressBranch: defaultSelectValidator(),
-        desiredMeetingDate: defaultValidator(),
-        product: defaultValidator(),
-        localities: defaultValidator(),
-        partnerComments: defaultValidator(),
-        collectionCount: defaultValidator(),
-        acquiringType: defaultSelectValidator(),
-        serviceType: defaultSelectValidator(),
-        annualRevenue: defaultValidator(),
-        feedbackMethod: defaultSelectValidator(),
-        serviceDirection: defaultSelectValidator(),
-        secondaryPhone: phoneValidator('Укажите номер телефона'),
-        region: defaultSelectValidator(),
-        situationDescription: defaultValidator(),
-        sufferedFrom: defaultValidator(),
-        applierType: defaultValidator(),
-        surname: nameValidator('Укажите свою фамилию на кириллице'),
-        name: nameValidator('Укажите своё имя на кириллице (без сокращений)'),
-        middleName: nameValidator('Укажите своё отчество на кириллице'),
-        birthday: defaultValidator('Укажите дату рождения'),
-        phone: phoneValidator('Укажите номер телефона'),
-        email: emailValidator('Укажите электронную почту'),
-        inn: innValidator('Укажите ИНН'),
-        comment: defaultValidator(),
-        typeForm: defaultValidator(),
-        consentToReceiveMaterials: agreementValidator,
-        consentDataProcessing: agreementValidator,
-        partnerSymbolCode: defaultValidator('Укажите идентификатор партнёра'),
-        dadataPartyInnSelect: innDadataValidator('Укажите ИНН'),
-        dadataPartyNameSelect: defaultValidator('Укажите наименование организации'),
-    };
-    const getFormValidator = (fieldDefs, externalValidatorObj = {}) => {
-        const requiredFields = fieldDefs.filter((_) => Boolean(_?.required && _?.name));
-        const validator = { ...validatorObj$1, ...externalValidatorObj };
-        const hasConditions = requiredFields.some((_) => _.condition?.values);
-        const requiredFieldValidatorsMap = Object.fromEntries(requiredFields
-            .filter(byNonEmptyValidator(validator))
-            .map(({ name }) => [name, validator[name ?? '']]));
-        return (formState) => hasConditions
-            ? Object.fromEntries(requiredFields
-                .filter(byNonEmptyValidator(validator))
-                .filter(byCondition(formState))
-                .map(({ name }) => [name, validator[name ?? '']]))
-            : requiredFieldValidatorsMap;
-    };
-    const byNonEmptyValidator = (validator = {}) => ({ name }) => Boolean(validator[name ?? '']);
-    const byCondition = (formState) => (fieldDef) => !fieldDef?.condition ||
-        fieldDef.condition.values.some((_) => {
-            const dependencyValue = formState?.[fieldDef?.condition?.name ?? ''];
-            return _ === (dependencyValue?.key ?? dependencyValue);
-        });
-
     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 ('
@@ -2474,40 +2785,18 @@
         {
             key: 'chs',
             text: 'От стихийного бедствия ЧС',
-        },
-    ];
-    const SufferedFromField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041F\u043E\u0441\u0442\u0440\u0430\u0434\u0430\u043B \u0432", ...input, options: SUFFERED_FROM_TYPES, ...field('sufferedFrom') })));
-
-    const SurnameField$1 = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", maxLength: 60, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input })));
-
-    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 UltraPremiumField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...field(input?.name ?? '') })));
-
-    const orientationStyleMap = {
-        horizontal: '@lg:flex-row',
-        vertical: '',
-    };
-    const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id), disabled: disabled }, String(id)))) })] })));
-
-    const VED_TYPES = [
-        { id: 'currencyControl', text: 'Валютный контроль' },
-        { id: 'documentOperations', text: 'Документарные операции' },
-        { id: 'conversionTransactions', text: 'Конверсионные операции' },
-        { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
+        },
     ];
-    const VedField = JSX(({ field, input }) => {
-        const handleChange = useCallback((_) => {
-            if (_ !== 'currencyControl') {
-                field('inn').onChange?.('');
-                field('region').onChange?.('');
-            }
-        }, []);
-        return (jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, ...field(input?.name ?? '', { onChange: handleChange }) }) }));
-    });
+    const SufferedFromField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041F\u043E\u0441\u0442\u0440\u0430\u0434\u0430\u043B \u0432", ...input, options: SUFFERED_FROM_TYPES, ...field('sufferedFrom') })));
+
+    const SurnameField$1 = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", maxLength: 60, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input })));
+
+    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 UltraPremiumField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...field(input?.name ?? '') })));
 
     const ConsentToReceiveMaterialsField = JSX(({ field, input }) => (jsx(Checkbox, { 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", ...field(input?.name ?? '') })));
 
@@ -2574,6 +2863,9 @@
         partnerName: (props) => jsx(PartnerNameField, { ...props, source: AGENTS_REF }),
         dadataPartyNameSelect: DadataPartySelectField,
         dadataPartyInnSelect: DadataPartySelectField,
+        questionProduct: QuestionProductField,
+        callbackTime: CallbackTimeField,
+        russianPhone: PhoneField,
     };
     const getField = (field, params, externalInputs = {}) => (input, i) => {
         const fieldsRegister = {
@@ -2588,167 +2880,7 @@
 
     const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
 
-    const themeStyle$1 = {
-        primary: style('text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active', '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('text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active', '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 embeddedStyle = style('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
-    const disabledStyle = style('bg-main-gray text-main-disabled cursor-not-allowed');
-    const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, }) => {
-        const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
-            role,
-            onClick,
-        ]);
-        const aspectsAttrs = useMemo(() => getAspectsAttributes(data), [data]);
-        const isRound = shape === 'round';
-        return (jsx("button", { className: style('font-sans flex items-center gap-xs', {
-                [themeStyle$1[version]]: !disabled && !embedded,
-                [embeddedStyle]: embedded,
-                [disabledStyle]: disabled,
-            }, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
-                'rounded-md': shape === 'default',
-                'rounded-full': isRound,
-            }, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
-    });
-
-    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
-
-    const DIALOG_STYLE = {
-        sm: 'max-w-sm top-1/3',
-        lg: 'max-w-lg',
-        '4xl': 'max-w-4xl',
-        none: 'mt-0',
-    };
-    const Dialog = JSX(({ head, maxWidth = '4xl', children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white p-lg pb-6xl my-6xl mx-auto rounded-lg w-full', DIALOG_STYLE[maxWidth]), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0 z-10", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container", children: children })] })));
-
-    const ResponseTypeDialog = JSX(({ ok, typeForm, onClose }) => {
-        const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
-        const responseOKDescription = typeForm === 'ANTIFRAUD'
-            ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
-  можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
-   не звонят с использованием мессенджеров.`
-            : 'Совсем скоро мы с вами свяжемся';
-        return (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: ok ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: ok ? responseOKDescription : 'Пожалуйста, повторите позднее', headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: onClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
-    });
-
-    const getPartnerComments = (data) => {
-        const { acquiringType, onlineCheckout = false, posTerminal = false, term, amount, annualRevenue, } = data;
-        if (acquiringType) {
-            return `Вид эквайринга=${acquiringType?.text || ''}${isAcquiringTrade(acquiringType?.key)
-            ? `/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`
-            : '/Онлайн касса=false/POS-терминал=false'}`;
-        }
-        else {
-            return `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
-        }
-    };
-
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    const getFormatData = (data) => {
-        const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, vedTypes, region, inn, sufferedFrom, situationDescription, applierType, isPremium, dadataPartyNameSelect, partnerSymbolCode, dadataPartyInnSelect, ...usedData } = data;
-        const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
-        const formatData = {
-            ...usedData,
-            ...getVedTypes(vedTypes),
-            ...getRegion(region),
-            ...(inn && { inn }),
-            ...(partnerComments ? { partnerComments } : {}),
-            ...(serviceType ? { typeForm: serviceType } : {}),
-            ...getIncidentComment(sufferedFrom?.text, situationDescription),
-            ...getIsClient(applierType),
-            ...getDadataValues([
-                [dadataPartyInnSelect, 'inn'],
-                [dadataPartyNameSelect, 'fullName'],
-            ]),
-        };
-        return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
-    };
-    const getIsClient = (applierType) => applierType?.key ? { isClient: applierType?.key === CLIENT_KEY } : {};
-    const getIncidentComment = (sufferedFrom, situationDescription) => sufferedFrom || situationDescription
-        ? { comment: `${sufferedFrom || ''};${situationDescription || ''}` }
-        : {};
-    const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
-    const getVedTypes = (vedTypes) => vedTypes
-        ? {
-            vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
-        }
-        : {};
-    const getDadataValues = (fields) => fields.reduce((acc, [field, name]) => {
-        if (field?.text && name) {
-            acc[name] = field.text;
-        }
-        return acc;
-    }, {});
-
-    const initialFormState$1 = {
-        typeForm: '',
-        region: { key: '', text: '' },
-        addressBranch: { key: '', text: '' },
-        surname: '',
-        name: '',
-        phone: '',
-        secondaryPhone: '',
-        comment: '',
-        product: '',
-        partnerComments: '',
-        annualRevenue: '',
-        term: 12,
-        amount: 100000,
-        acquiringType: ACQUIRING_TYPES[0],
-        serviceType: SERVICE_TYPES[0],
-        feedbackMethod: FEEDBACK_METHOD[0],
-        serviceDirection: SERVICE_DIRECTIONS[0],
-        vedTypes: VED_TYPES[0].id,
-        birthday: undefined,
-        isClient: false,
-        onlineCheckout: false,
-        posTerminal: false,
-        consentToReceiveMaterials: false,
-        consentDataProcessing: false,
-        addressRetail: { key: '', text: '' },
-    };
-    const getInitialFormState$2 = (inputs, typeForm = '') => {
-        const formState = Object.fromEntries(inputs.map((_) => [
-            _.name,
-            (_?.name === 'vedTypes' && _?.defaultValue) || initialFormState$1[_.name || ''],
-        ]));
-        return { ...formState, typeForm: { key: typeForm, text: '' } };
-    };
-
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
-            'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
-
-    const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
-
-    const themeStyle = {
-        primary: themeStyle$1.primary,
-        secondary: themeStyle$1.secondary,
-        white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white active:text-primary-main',
-        link: 'text-primary-main',
-        gray: themeStyle$1.secondary,
-        transparent: '',
-        '': '',
-    };
-    const Link = JSX((props) => {
-        const link = useLink();
-        const { className, href, target, text, aboveText, version = 'link', rel, ariaLabel, data, children, onClick, } = link(props);
-        const buttonLike = version !== 'link';
-        return (jsx("a", { className: style('group/btn inline-flex items-center h-fit', 'font-sans no-underline select-none', 'border border-transparent focus:border-primary-text focus:border', 'cursor-pointer', {
-                [themeStyle[version]]: Boolean(version),
-                [aboveText ? 'px-9 py-2.5' : 'px-9 py-4']: buttonLike,
-                'rounded-md': buttonLike,
-            }, className), href: href, target: target, rel: rel, "aria-label": ariaLabel ?? `Ссылка на ${text}`, role: href ? 'link' : 'button', onClick: onClick, ...getAspectsAttributes(data), children: children ?? renderText$3(text, aboveText) }));
-    });
-    const renderText$3 = (text, aboveText) => text || aboveText ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "font-light text-left text-xs", children: aboveText }) : null, jsx("div", { className: style('text-left', { 'text-s -mt-3xs': Boolean(aboveText) }), children: text })] })) : null;
-
-    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(Link, { ...link, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: link.text })) : null] })));
-
-    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-    const agreementTextPF = 'Нажимая на кнопку, вы подтверждаете, что клиент дал согласие на ';
-    const renderAgreementSubmit = ({ consentDataProcessing, link, button, typeForm, }) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: typeForm === 'PF' ? agreementTextPF : agreementText, link: link })), jsx(SubmitButton$1, { className: "w-full @xl:w-auto", children: button?.text ? button.text : 'Отправить заявку' })] }));
-
-    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 sm:justify-center 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": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 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": "\u043F\u043E\u0447\u0442\u0430 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 renderSections = (sections, field, { typeForm, additionalParams }) => sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm, ...additionalParams }))] }, `section-${i}`)));
 
     const useInterval = (handler, period) => {
         const timer = useRef(null);
@@ -2844,7 +2976,7 @@
     const TIME_TO_RESEND$2 = 180;
     const getTimer = (sendTime) => TIME_TO_RESEND$2 - Math.floor((Date.now() - sendTime) / 1000);
 
-    const API$2 = LeadServiceAPI();
+    const API$1 = LeadServiceAPI();
     const useVerifyPhoneDialogSubmit$1 = ({ values, onSuccess, formatData, reqId, }) => {
         const timer = Math.max(getTimer(Date.now()), 0);
         const [errorText, setErrorText] = useState('');
@@ -2855,7 +2987,7 @@
         const handleSubmit = useCallback(async () => {
             try {
                 startLoading();
-                const response = await API$2.checkCode({
+                const response = await API$1.checkCode({
                     code: values.join(''),
                     body: formatData,
                     reqId,
@@ -2887,7 +3019,7 @@
         };
     };
 
-    const API$1 = LeadServiceAPI();
+    const API = LeadServiceAPI();
     const CODE_LENGTH$1 = 4;
     const TIME_TO_RESEND$1 = 180;
     const VerifyPhoneDialog$1 = JSX(({ phone, onSuccess = noop, onClose = noop, formatData = {}, reqId }) => {
@@ -2902,7 +3034,7 @@
         const phoneNumber = formatPhone(phone);
         const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
         const handleSendCode = useCallback(async () => {
-            const response = await API$1.sendCode({ phone: phoneNumber });
+            const response = await API.sendCode({ phone: phoneNumber });
             if (response) {
                 setTimeNextReq(TIME_TO_RESEND$1);
                 restartTimer(TIME_TO_RESEND$1);
@@ -2913,10 +3045,12 @@
         return (jsx(VerifyPhoneDialogLayout, { isSubmitButtonDisabled: isSubmitButtonDisabled, onSubmit: handleSubmit, onSendCode: handleSendCode, timeNextReq: timeNextReq, values: values, onChange: setValues, phone: phone, isLoading: isLoading, errorText: errorText, hasError: hasError, onClose: onClose }));
     });
 
-    const API = LeadServiceAPI();
-    const ApplicationForm = UniBlock(
-    // eslint-disable-next-line max-lines-per-function
-    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
+    const handlerMap = {
+        initcorporatelead: handleInitCorporateLead,
+        callback: handleCallback,
+        default: handleDefault,
+    };
+    const ApplicationForm = UniBlock(({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, onSuccess, ...rest }) => {
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
         const initialFormState = useMemo(() => getInitialFormState$2(inputs, typeForm), [inputs, typeForm]);
         const router = useRouter();
@@ -2926,31 +3060,17 @@
         const verifyPhoneDialog = useDialog(VerifyPhoneDialog$1);
         const handleSubmit = useCallback(async (formData, ev) => {
             const formatData = getFormatData({ ...formData, ...additionalParams });
-            if (endpoint === 'initcorporatelead') {
-                const { phone } = formatData;
-                const response = await API.sendCode({ phone: String(phone) });
-                if (!response) {
-                    responseTypeDialog.open({ ok: Boolean(response), typeForm });
-                    return;
-                }
-                verifyPhoneDialog.open({
-                    phone,
-                    formatData,
-                    reqId: String(response),
-                    onSuccess: () => {
-                        verifyPhoneDialog.close();
-                        responseTypeDialog.open({ ok: true, typeForm });
-                        handleAspects({ aspectsAttributes: data, aspects, ev });
-                    },
-                });
-            }
-            else {
-                const ok = Boolean(await API.send(formatData, router, endpoint === 'lead'));
-                responseTypeDialog.open({ ok, typeForm });
-                if (ok) {
-                    handleAspects({ aspectsAttributes: data, aspects, ev });
-                }
-            }
+            await executeHandler(endpoint ?? 'default', {
+                formatData,
+                ev,
+                typeForm,
+                data,
+                aspects,
+                router,
+                responseTypeDialog,
+                verifyPhoneDialog,
+                onSuccess,
+            });
         }, [typeForm]);
         const [, { field, onSubmit }] = useForm(initialFormState, {
             resetOnSubmit: true,
@@ -2966,7 +3086,10 @@
                             typeForm,
                         })] }), isContacts ? renderContacts() : null] }));
     });
-    const renderSections = (sections, field, { typeForm, additionalParams }) => sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm, ...additionalParams }))] }, `section-${i}`)));
+    const executeHandler = async (endpoint, context) => {
+        const handler = handlerMap[endpoint] || handlerMap.default;
+        await handler(context);
+    };
 
     const NoConsentDialog = JSX(({ attempts, onClose = noop }) => {
         const navigator = locationNavigator();
@@ -4520,7 +4643,7 @@
         return [storedValue, setValue];
     }
 
-    const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black' }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsx("div", { className: "", children: jsx(RichText, { __html: __html }) })] })));
+    const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', image }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: image ? (jsx(Img, { image: image, className: "block w-max" })) : (jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion })) }), jsx("div", { className: "", children: jsx(RichText, { __html: __html }) })] })));
 
     const getCardTypes = async (paymentSystemTypeCd, creditProgramId) => {
         const data = await fetchRetailJSON('/dictionaryFiltered', 'POST', {
@@ -10804,23 +10927,23 @@
         medium: 'w-10 h-10',
         large: 'w-12 h-12',
     };
-    const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', }) => {
+    const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', ref, }) => {
         const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
         const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
         return (jsx("button", { className: style('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', bgColor, isRounded
                 ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
-                : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getDataTestIdAttribute(dataTestId), ...getAspectsAttributes(data), children: isLoading ? (jsx("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : (jsx(Img, { image: image, className: style('h-full', {
+                : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getDataTestIdAttribute(dataTestId), ...getAspectsAttributes(data), ref: ref, children: isLoading ? (jsx("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : (jsx(Img, { image: image, className: style('h-full', {
                     'bg-main-divider/20 rounded-full': isRounded,
                 }), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" })) }));
     });
     const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
 
-    const CHAT_BOT_ASPECT_NAME = 'openChatBot';
+    const CHAT_BOT_ASPECT_NAME$1 = 'openChatBot';
     const HeaderChatBotButton = JSX(({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
         const [isLoading, { setTrue: startLoad, setFalse: endLoad }] = useBool(false);
         const aspects = useAspects();
         const handleClick = useCallback((ev) => {
-            const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+            const openChatBot = aspects[CHAT_BOT_ASPECT_NAME$1];
             if (openChatBot) {
                 startLoad();
                 openChatBot(ev).finally(endLoad);
@@ -10829,6 +10952,147 @@
         return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: handleClick, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, disabled: isLoading, dataTestId: "chat icon" }));
     });
 
+    const button = {
+        text: 'Отправить заявку',
+        version: 'primary',
+    };
+    const link = {
+        text: 'Согласен на обработку персональных данных',
+        href: '/privacy-policy',
+        target: '_blank',
+    };
+    const PhoneCallRequestDialog = ({ onClose = noop }) => (jsx(Dialog, { onClose: onClose, position: "corner", children: jsx("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: jsx("div", { className: "container grid grid-cols-12", children: jsx(ApplicationForm, { className: "col-span-12 pt-0", endpoint: "callback", title: "\u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0431\u0440\u0430\u0442\u043D\u044B\u0439 \u0437\u0432\u043E\u043D\u043E\u043A", sections: [
+                        {
+                            inputs: [
+                                { name: 'questionProduct', required: true },
+                                { name: 'callbackTime', required: true, label: 'Когда перезвонить?' },
+                                { name: 'russianPhone', required: true },
+                                { name: 'consentDataProcessing', required: true },
+                            ],
+                        },
+                    ], button: button, link: link, onSuccess: onClose }) }) }) }));
+
+    const DropdownMenu = ({ dropdownRef, items = [], activeItem, ariaLabel, renderDropdownItem = renderDefaultDropdownItem, handlers, onItemClick, }) => {
+        const isMobileMode = useMobileMode();
+        return (jsx("div", { ref: dropdownRef, className: style('absolute flex flex-col rounded-md bg-white p-xl pb-xs w-56 z-40', {
+                'max-w-max': isMobileMode,
+            }), "aria-label": ariaLabel, children: items?.map((item, i) => renderDropdownItem({ item, i, activeItem, handlers, closeDropdown: onItemClick })) }));
+    };
+    const DropdownMenuItem = JSX(({ isActive, ...rest }) => {
+        const link = useLink();
+        const { text, href, target, onClick } = link(rest);
+        return (jsx("a", { className: style('text-l font-light pb-m hover:text-primary-main', {
+                'text-primary-main': isActive,
+            }), href: href, target: target, onClick: onClick, role: "link", ...getAspectsAttributes(rest?.data), children: text }));
+    });
+    const renderDefaultDropdownItem = ({ item, i, activeItem }) => (jsx(DropdownMenuItem, { isActive: item === activeItem, ...item }, item?.text ?? String(i)));
+
+    function useDropdownSubMenu({ items, activeItem, onClose, isOpen, onHover = false, renderDropdownItem, handlers, }) {
+        const popup = usePopupManager();
+        useEffect(() => {
+            if (isOpen) {
+                popup.close();
+                onClose?.();
+            }
+        }, [isOpen]);
+        const close = useCallback(() => {
+            popup.close();
+            onClose?.();
+        }, [onClose]);
+        const parentRef = useRef(null);
+        const hoverRef = useRef(null);
+        const clickOutsideRef = useOutsideClick(close);
+        const popupRef = onHover ? hoverRef : clickOutsideRef;
+        useEffect(() => {
+            if (!isOpen || !parentRef.current || !items?.length) {
+                return;
+            }
+            const parentElement = parentRef.current;
+            const { top, left, width, height } = parentElement.getBoundingClientRect();
+            popup.open({
+                popup: (jsx(DropdownMenu, { dropdownRef: popupRef, items: items, activeItem: activeItem, renderDropdownItem: renderDropdownItem, handlers: handlers, onItemClick: close })),
+                top: top + window.scrollY + height,
+                left,
+                width,
+            });
+        }, [isOpen, items, close]);
+        useEffect(() => {
+            if (onHover) {
+                popupRef.current?.addEventListener('mouseleave', close);
+            }
+            return () => {
+                popupRef.current?.removeEventListener('mouseleave', close);
+            };
+        }, [onHover, popupRef.current, isOpen]);
+        return parentRef;
+    }
+
+    const CHAT_BOT_ASPECT_NAME = 'openChatBot';
+    const HeaderQuickActionsMenu = JSX(({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
+        const [isOpenDropdown, { setFalse, toggle }] = useBool(false);
+        const quickActionsList = transformQuickActions(projectSettings.QUICK_ACTIONS ?? []);
+        const customHandlers = useHandlers();
+        const isMobileMode = useMobileMode();
+        const dropdownMenu = useDropdownSubMenu({
+            items: quickActionsList,
+            onClose: setFalse,
+            isOpen: isOpenDropdown,
+            onHover: !isMobileMode,
+            renderDropdownItem: renderQuickActionsDropdown,
+            handlers: customHandlers,
+        });
+        useEffect(() => {
+            if (isMobileMode) {
+                return;
+            }
+            dropdownMenu.current?.addEventListener('mouseenter', toggle);
+            dropdownMenu.current?.addEventListener('mouseleave', setFalse);
+            // eslint-disable-next-line consistent-return
+            return () => {
+                dropdownMenu.current?.removeEventListener('mouseenter', toggle);
+                dropdownMenu.current?.removeEventListener('mouseleave', setFalse);
+            };
+        }, []);
+        return (jsx("div", { ref: dropdownMenu, children: jsx(HeaderSecondaryMenuButton, { image: { icon: 'CallbackIcon', iconVersion }, ariaLabel: ariaLabel, buttonSize: buttonSize, isGrayBg: true, version: version, className: style(isOpenDropdown ? 'shadow-blue-gray' : '', className), onClick: toggle }) }));
+    });
+    const renderQuickActionsDropdown = ({ item, handlers, closeDropdown = noop, }) => {
+        const quickActionsMapping = {
+            call: {
+                handler: () => {
+                    handlers?.call();
+                    closeDropdown();
+                },
+                text: 'Заказать звонок',
+            },
+            chat: {
+                handler: () => {
+                    handlers?.chat();
+                    closeDropdown();
+                },
+                text: 'Написать в чат',
+            },
+        };
+        return (jsx("button", { className: style('text-l font-light pb-m hover:text-primary-main text-left'), role: "link", onClick: quickActionsMapping[item?.text ?? ''].handler, children: quickActionsMapping[item?.text ?? ''].text }, item?.text ?? ''));
+    };
+    const transformQuickActions = (items) => items.map((item) => ({ text: item }));
+    const useHandlers = () => {
+        const phoneCallRequestDialog = useDialog(PhoneCallRequestDialog);
+        const handleCallClick = useCallback(() => {
+            phoneCallRequestDialog.open({ onClose: () => phoneCallRequestDialog.close() });
+        }, []);
+        const aspects = useAspects();
+        const handleChatClick = useCallback((ev) => {
+            const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+            if (openChatBot && ev) {
+                openChatBot(ev).finally();
+            }
+        }, []);
+        return {
+            call: handleCallClick,
+            chat: handleChatClick,
+        };
+    };
+
     const BUTTON_STYLE = {
         default: 'bg-main-divider text-primary-main rounded hover:text-primary-main',
         transparent: 'backdrop-opacity-30 bg-white/30 hover:text-primary-hover text-white',
@@ -10848,9 +11112,10 @@
         const onClick = useCallback(() => {
             router.back();
         }, [router]);
-        return (jsxs("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? (jsx("div", { children: jsx(Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), jsxs("div", { className: "flex gap-lg items-center", children: [projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, buttonSize: "medium" })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] })] }));
+        return (jsxs("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? (jsx("div", { children: jsx(Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), renderButtons({ version, iconVersion, internetBankButton })] }));
     });
     const renderBackButton = (onClick, text) => text ? (jsxs("button", { className: "flex items-center text-l my-2xs", onClick: onClick, type: "button", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0437\u0430\u0434", children: [jsx(Icon, { name: "ChevronLeftIcon", iconVersion: "black", width: "24", height: "24" }), text] })) : null;
+    const renderButtons = ({ version, iconVersion, internetBankButton }) => (jsxs("div", { className: "flex gap-lg items-center", children: [projectSettings.QUICK_ACTIONS ? (jsx(HeaderQuickActionsMenu, { version: version, iconVersion: iconVersion })) : null, projectSettings.CHAT_BOT && !projectSettings.QUICK_ACTIONS ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, buttonSize: "medium" })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
 
     const BG_COLOR_TO_BLOCK_VERSION = {
         'bg-white': 'primary',
@@ -11961,7 +12226,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.932";
+    const packageVersion = "0.14.934";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;