@redneckz/wildless-cms-uni-blocks 0.14.566 → 0.14.568

package/bundle/bundle.umd.js

@@ -893,7 +893,7 @@
             const url = isNaturalPerson ? '/api/v1/lead' : '/api/v1/sendcorporatelead';
             const submitBody = {
                 typeForm,
-                ...getRegion$1(region, isNaturalPerson),
+                ...getRegion$2(region, isNaturalPerson),
                 ...getEmail(email, isNaturalPerson),
                 ...getPhone(phone),
                 ...getFormatDate(desiredMeetingDate, 'desiredMeetingDate'),
@@ -931,7 +931,7 @@
     }
     const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
     const getFormatDate = (date, key = 'birthday') => date ? { [key]: formatDate(date) } : {};
-    const getRegion$1 = (region, isNaturalPerson = true) => ({
+    const getRegion$2 = (region, isNaturalPerson = true) => ({
         [isNaturalPerson ? 'regionBranch' : 'region']: region,
     });
     const getEmail = (email, isNaturalPerson = true) => ({
@@ -1107,78 +1107,41 @@
         return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children] }) }));
     });
 
-    function useButton() {
-        return (props) => ({
-            ...props,
-            onClick: handlerDecorator(handleClick(props)),
-        });
-    }
-    function handleClick({ disabled, onClick }) {
-        return (ev) => {
-            !disabled && onClick && onClick(ev);
-        };
-    }
-
-    const buttonStyleMap = {
-        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
-    };
-    const secondaryButtonStyleMap = {
-        primary: style('group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-        secondary: style('group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-    };
-    const Button = JSX(({ children, ...props }) => {
-        const button = useButton();
-        const { className, version = 'primary', active, disabled, type = 'button', rounded = true, role, onClick, } = button(props);
-        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', {
-                'text-white bg-primary-active': active,
-                'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
-                'rounded-md': rounded,
-            }, !active && !disabled
-                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
-                : '', className), type: type, role: role, onClick: onClick, 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 = JSX(({ className, head, children, onClose, onClick }) => {
-        const { close } = useDialogManager();
-        const handleClose = useCallback(() => {
-            close();
-            onClose && onClose();
-        }, [onClose]);
-        return (jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
-    });
-
-    const ResponseTypeDialog = JSX(function ({ responseType, typeForm, }) {
-        const responseOK = responseType === 'OK';
-        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
-        const { close } = useDialogManager();
-        const handleClose = useCallback(() => {
-            close();
-        }, []);
-        const responseOKDescription = typeForm === 'ANTIFRAUD'
-            ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
-  можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
-   не звонят с использованием мессенджеров.`
-            : 'Совсем скоро мы с вами свяжемся';
-        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto ", 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: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: responseOK ? responseOKDescription : 'Пожалуйста, повторите позднее', headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: handleClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
-    });
-
-    const useResponseTypeDialog = (props) => {
-        const { open, close } = useDialogManager();
-        return {
-            open: (options = {}) => open(jsx(ResponseTypeDialog, { ...props }), options),
-            close,
-        };
-    };
+    const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
 
-    const objectValidator = (validatorsMap) => (o) => (o &&
-        Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
-        [];
+    const SERVICE_TYPES = [
+        { key: 'ULTRASERVICE', text: 'Ультра' },
+        { key: 'PREMIUMSERVICE', text: 'Премиум' },
+    ];
+    const SERVICE_DIRECTIONS = [
+        { key: 'Физическое лицо' },
+        { key: 'Юридическое лицо / ИП' },
+    ];
+    const FEEDBACK_TYPES = [
+        {
+            text: 'Задать вопрос по продуктам и услугам',
+            key: 'FEEDBACK',
+        },
+        {
+            text: 'Качество обслуживания',
+            key: 'FEEDBACK_QS',
+        },
+    ];
+    const FEEDBACK_METHOD = [
+        { key: 'phone', text: 'Телефонный звонок' },
+        { key: 'email', text: 'Электронное сообщение' },
+    ];
+    const PRODUCT_TYPE = [
+        { key: 'Карта дебетовая', text: 'Карта дебетовая' },
+        { key: 'Карта кредитная', text: 'Карта кредитная' },
+        { key: 'Потребительский кредит', text: 'Потребительский кредит' },
+        { key: 'Ипотечный кредит', text: 'Ипотечный кредит' },
+        { key: 'Вклад', text: 'Вклад' },
+        { key: 'Накопительный счет', text: 'Накопительный счет' },
+    ];
+    const OUT_SERVICE_URL = '/api/v1/outservice/outserviceregions';
 
-    const isValidationSuccess = (info) => !info?.length;
-    const validator = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
+    const getRegionUrl = (typeForm) => typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;
 
     const renderErrorText = (error) => (jsx("div", { className: "h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
 
@@ -1499,6 +1462,9 @@
 
     const getNamesFromInput = (inputs) => Object.values(inputs.filter((_) => _))?.map((_) => _.name);
 
+    const isValidationSuccess = (info) => !info?.length;
+    const validator = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
+
     const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
 
     const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
@@ -1741,38 +1707,6 @@
 
     const CommentField = JSX(({ field, input }) => (jsx(InputControl, { className: "col-span-2", ...getValidation(field('comment'), validatorObj.comment, input?.required), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true })));
 
-    const SERVICE_TYPES = [
-        { key: 'ULTRASERVICE', text: 'Ультра' },
-        { key: 'PREMIUMSERVICE', text: 'Премиум' },
-    ];
-    const SERVICE_DIRECTIONS = [
-        { key: 'Физическое лицо' },
-        { key: 'Юридическое лицо / ИП' },
-    ];
-    const FEEDBACK_TYPES = [
-        {
-            text: 'Задать вопрос по продуктам и услугам',
-            key: 'FEEDBACK',
-        },
-        {
-            text: 'Качество обслуживания',
-            key: 'FEEDBACK_QS',
-        },
-    ];
-    const FEEDBACK_METHOD = [
-        { key: 'phone', text: 'Телефонный звонок' },
-        { key: 'email', text: 'Электронное сообщение' },
-    ];
-    const PRODUCT_TYPE = [
-        { key: 'Карта дебетовая', text: 'Карта дебетовая' },
-        { key: 'Карта кредитная', text: 'Карта кредитная' },
-        { key: 'Потребительский кредит', text: 'Потребительский кредит' },
-        { key: 'Ипотечный кредит', text: 'Ипотечный кредит' },
-        { key: 'Вклад', text: 'Вклад' },
-        { key: 'Накопительный счет', text: 'Накопительный счет' },
-    ];
-    const OUT_SERVICE_URL = '/api/v1/outservice/outserviceregions';
-
     const FeedbackMethodField = JSX(({ field }) => (jsx(SelectControl, { label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u0432\u0435\u0442\u0430", options: FEEDBACK_METHOD, ...withValidator(field('feedbackMethod'), validatorObj.feedbackMethod) })));
 
     const FeedbackTypeField = JSX(({ field }) => {
@@ -1785,16 +1719,8 @@
         return (jsx(SelectControl, { label: "\u0422\u0435\u043C\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043C\u0443", options: FEEDBACK_TYPES, ...withValidator(feedbackType, validatorObj.feedbackType) }));
     });
 
-    const getRegionUrl = (typeForm) => typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;
-
     const IsClientField = JSX(({ field }) => (jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' })));
 
-    function isRenderField({ input, field, }) {
-        const { condition } = input;
-        const { value } = field(condition?.name || '');
-        return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
-    }
-
     const REGIONS_URL = '/api/v1/regions';
     function useRegions(url = REGIONS_URL) {
         const { data } = useAsyncData(url, fetchJSONUnsafe);
@@ -1912,6 +1838,12 @@
         return (jsxs("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: [jsx(Radio, { name: "vedTypes", text: "\u0412\u0430\u043B\u044E\u0442\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C", value: "currencyControl", checked: value === 'currencyControl', onChange: onChange }), jsx(Radio, { name: "vedTypes", text: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0440\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "documentOperations", checked: value === 'documentOperations', onChange: onChange }), jsx(Radio, { name: "vedTypes", text: "\u041A\u043E\u043D\u0432\u0435\u0440\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "conversionTransactions", checked: value === 'conversionTransactions', onChange: onChange }), jsx(Radio, { name: "vedTypes", text: "\u0418\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u0412\u042D\u0414", value: "otherIssues", checked: value === 'otherIssues', onChange: onChange })] }));
     });
 
+    function isRenderField({ input, field, }) {
+        const { condition } = input;
+        const { value } = field(condition?.name || '');
+        return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
+    }
+
     const getField = 
     // eslint-disable-next-line max-lines-per-function
     (field, typeForm) => (input, i) => {
@@ -1954,6 +1886,80 @@
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
 
+    const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
+
+    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;
+
+    function useButton() {
+        return (props) => ({
+            ...props,
+            onClick: handlerDecorator(handleClick(props)),
+        });
+    }
+    function handleClick({ disabled, onClick }) {
+        return (ev) => {
+            !disabled && onClick && onClick(ev);
+        };
+    }
+
+    const buttonStyleMap = {
+        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+    };
+    const secondaryButtonStyleMap = {
+        primary: style('group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+        secondary: style('group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+    };
+    const Button = JSX(({ children, ...props }) => {
+        const button = useButton();
+        const { className, version = 'primary', active, disabled, type = 'button', rounded = true, role, onClick, } = button(props);
+        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', {
+                'text-white bg-primary-active': active,
+                'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
+                'rounded-md': rounded,
+            }, !active && !disabled
+                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
+                : '', className), type: type, role: role, onClick: onClick, 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 = JSX(({ className, head, children, onClose, onClick }) => {
+        const { close } = useDialogManager();
+        const handleClose = useCallback(() => {
+            close();
+            onClose && onClose();
+        }, [onClose]);
+        return (jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
+    });
+
+    const ResponseTypeDialog = JSX(function ({ responseType, typeForm, }) {
+        const responseOK = responseType === 'OK';
+        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
+        const { close } = useDialogManager();
+        const handleClose = useCallback(() => {
+            close();
+        }, []);
+        const responseOKDescription = typeForm === 'ANTIFRAUD'
+            ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
+  можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
+   не звонят с использованием мессенджеров.`
+            : 'Совсем скоро мы с вами свяжемся';
+        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto ", 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: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: responseOK ? responseOKDescription : 'Пожалуйста, повторите позднее', headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: handleClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
+    });
+
+    const useResponseTypeDialog = (props) => {
+        const { open, close } = useDialogManager();
+        return {
+            open: (options = {}) => open(jsx(ResponseTypeDialog, { ...props }), options),
+            close,
+        };
+    };
+
+    const objectValidator = (validatorsMap) => (o) => (o &&
+        Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
+        [];
+
     const getPartnerComments = (data) => {
         const { acquiringType, onlineCheckout = false, posTerminal = false, term, amount, annualRevenue, } = data;
         if (acquiringType) {
@@ -1967,27 +1973,27 @@
     };
 
     /* eslint-disable @typescript-eslint/no-unused-vars */
-    const getFormatData = (data) => {
+    const getFormatData$1 = (data) => {
         const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, feedbackType, vedTypes, region, ...usedData } = data;
         const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
         const formatData = {
             ...usedData,
             ...getVedTypes(vedTypes),
-            ...getRegion(region),
+            ...getRegion$1(region),
             ...(partnerComments ? { partnerComments } : {}),
             ...(serviceType ? { typeForm: serviceType } : {}),
             ...(feedbackType ? { typeForm: feedbackType } : {}),
         };
         return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
     };
-    const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
+    const getRegion$1 = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
     const getVedTypes = (vedTypes) => vedTypes
         ? {
             vedTypes: Object.fromEntries(VED_TYPES.map((v) => [v, v === vedTypes])),
         }
         : {};
 
-    const initialFormState = {
+    const initialFormState$1 = {
         typeForm: '',
         region: { key: '', text: '' },
         addressBranch: { key: '', text: '' },
@@ -2014,10 +2020,10 @@
         consentToReceiveMaterials: false,
         consentDataProcessing: false,
     };
-    const getInitialFormState = (inputs, typeForm = '') => {
+    const getInitialFormState$1 = (inputs, typeForm = '') => {
         const formState = Object.fromEntries(inputs.map((_) => [
             _.name,
-            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name],
         ]));
         if (formState?.serviceType && typeForm === 'PREMIUMSERVICE') {
             formState.serviceType = SERVICE_TYPES[1];
@@ -2025,21 +2031,21 @@
         return { ...formState, typeForm: { key: typeForm, text: '' } };
     };
 
-    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(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "!text-left text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
+    const Footnote$1 = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "!text-left text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
 
-    const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
+    const renderSubmitButton$1 = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
     const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-    const renderAgreementSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-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: agreementText, link: link })), renderSubmitButton(button)] }));
+    const renderAgreementSubmit$1 = (consentDataProcessing, link, button) => (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$1, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote$1, { text: agreementText, link: link })), renderSubmitButton$1(button)] }));
 
     const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex 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 API = LeadServiceAPI();
+    const API$1 = LeadServiceAPI();
     const ApplicationForm = JSX(
     // eslint-disable-next-line max-lines-per-function
     ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const initialFormState = getInitialFormState(inputs, typeForm);
+        const initialFormState = getInitialFormState$1(inputs, typeForm);
         const [responseType, setResponseType] = useState('');
         const handleSubmit = useCallback(async (formData, ev) => {
             const inputsFiltered = getFilteredInputs(inputs, formData);
@@ -2047,8 +2053,8 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return 'Fail';
             }
-            const formatData = getFormatData({ ...formData, ...additionalParams });
-            const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
+            const formatData = getFormatData$1({ ...formData, ...additionalParams });
+            const status = (await API$1.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
             setResponseType(status);
             if (status) {
                 const responseTypeDialog = useResponseTypeDialog({ responseType: status, typeForm });
@@ -2068,11 +2074,8 @@
                 reset();
             }
         }, [responseType]);
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit$1(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
     });
-    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 inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
-    const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
     const getFilteredInputs = (inputs, data) => inputs
         .filter((_) => _)
         .filter((input) => !input?.condition ||
@@ -2083,6 +2086,91 @@
                 : _ === (dataValue?.key ?? dataValue);
         }));
 
+    const getFormatData = (data) => {
+        const { region, ...usedData } = data;
+        const formatData = {
+            ...usedData,
+            ...getRegion(region),
+        };
+        return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
+    };
+    const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
+
+    const initialFormState = {
+        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],
+        feedbackType: FEEDBACK_TYPES[0],
+        feedbackMethod: FEEDBACK_METHOD[0],
+        serviceDirection: SERVICE_DIRECTIONS[0],
+        vedTypes: VED_TYPES[0],
+        birthday: undefined,
+        isClient: false,
+        onlineCheckout: false,
+        posTerminal: false,
+        consentToReceiveMaterials: false,
+        consentDataProcessing: false,
+    };
+    const getInitialFormState = (inputs, typeForm = '') => {
+        const formState = Object.fromEntries(inputs.map((_) => [
+            _.name,
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
+        ]));
+        return { ...formState, typeForm: { key: typeForm, text: '' } };
+    };
+
+    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(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "!text-left text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
+
+    const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
+
+    const renderAgreementSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), consentDataProcessing
+                        ? renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)
+                        : null] }), renderSubmitButton(button)] }));
+
+    const API = LeadServiceAPI();
+    const ApplicationLeadForm = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className, title, typeForm = '', sections = [], button, link, endpoint, ...rest }) => {
+        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
+        const initialFormState = getInitialFormState(inputs, typeForm);
+        const [responseType, setResponseType] = useState('');
+        const handleSubmit = useCallback(async (formData) => {
+            const feedbackValidator = objectValidator(getObjectValidator(inputs));
+            if (!isValidationSuccess(feedbackValidator(formData))) {
+                return 'Fail';
+            }
+            const formatData = getFormatData(formData);
+            const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
+            setResponseType(status);
+            if (status) {
+                const responseTypeDialog = useResponseTypeDialog({ responseType: status, typeForm });
+                responseTypeDialog.open();
+            }
+            return status;
+        }, []);
+        const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        const fieldName = getConsentDataProcessing(inputs)?.name;
+        useEffect(() => {
+            if (responseType === 'OK') {
+                setResponseType('');
+                reset();
+            }
+        }, [responseType]);
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }) }));
+    });
+
     const NotFound = JSX(({ title, description }) => {
         const isMobileMode = useMobileMode();
         return (jsxs("div", { className: "bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center", children: [jsx(Img, { image: { icon: 'MagnifierIcon', iconVersion: 'normal' }, width: "120", height: "120" }), jsx(Headline, { title: title, description: description, headlineVersion: isMobileMode ? 'L' : 'S', isEmbedded: true, className: "space-y-s" })] }));
@@ -5206,7 +5294,9 @@
     const isClient = !isSSR();
     const ClientOnly = JSX(({ children }) => (isClient ? children : null));
 
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full backdrop-blur-sm z-50', position), children: jsx("div", { className: style('inline-block h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true }) => (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 h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
 
     const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
     const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
@@ -6346,6 +6436,7 @@
     const Blocks = {
         AdTile,
         ApplicationForm,
+        ApplicationLeadForm,
         BankAccountFiltration,
         BenefitsBlock,
         BonusBenefitsBlock,
@@ -6569,7 +6660,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.565";
+    const packageVersion = "0.14.567";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;