@redneckz/wildless-cms-uni-blocks 0.14.170 → 0.14.172

package/bundle/bundle.umd.js

@@ -848,6 +848,13 @@
         ? {}
         : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
 
+    const ResponseNotification = JSX(({ responseType }) => {
+        const responseOK = responseType === 'OK';
+        const backgroundColor = responseOK ? 'bg-ok' : 'bg-fail';
+        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
+        return (jsxs("div", { className: style('flex items-center p-lg rounded-md space-x-m', backgroundColor), children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "42", height: "42" }), jsxs("div", { children: [jsx(Heading, { headingType: "h6", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', className: "mb-2xs" }), jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: responseOK ? 'Совсем скоро мы с вами свяжемся' : 'Пожалуйста, повторите позднее' })] })] }));
+    });
+
     const identity = (_) => _;
 
     const useForm = (initialState, { resetOnSubmit, onSubmit } = {}) => {
@@ -903,26 +910,13 @@
         [];
 
     const isValidationSuccess = (info) => !info?.length;
-    const validator = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
+    const validator$1 = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
 
     const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: [jsx(Text, { children: text || 'Нажимая кнопку, вы подтверждаете согласие с ' }), link ? (jsx(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
 
     const formStyle$1 = 'container space-y-lg';
     const oneColumnFormStyle = 'w-full max-w-xl space-y-s m-auto';
 
-    const withValidator = (props, validator) => {
-        const { value, isDirty } = props;
-        const errors = isDirty ? validator(value) : [];
-        return {
-            ...props,
-            errors,
-            error: errors[0],
-        };
-    };
-
-    const ApplicationFieldsetLayout = JSX(({ title, children }) => (jsxs("fieldset", { className: "grid @xl:flex @xl:justify-between gap-lg border-b border-b-main-divider @xl:border-none", children: [title ? (jsx("legend", { className: "w-full", children: jsx(Heading, { title: title, headingType: "h6", className: "@xl:text-center" }) })) : null, children] })));
-    const formChildrenStyle = '@xl:w-1/2 space-y-s';
-
     const Input = JSX(({ key, className = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, isTextarea = false, }) => {
         const inputRef = useRef(null);
         const handleChange = useCallback((e) => {
@@ -947,6 +941,19 @@
 
     const InputControl = JSX(({ className, label, value = '', placeholder, error, onChange, onBlur, isTextarea, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Input, { type: "text", "aria-label": label, label: label && rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: rest?.errors && !label ? `${placeholder}*` : placeholder }), renderErrorText(error)] })));
 
+    const withValidator = (props, validator) => {
+        const { value, isDirty } = props;
+        const errors = isDirty ? validator(value) : [];
+        return {
+            ...props,
+            errors,
+            error: errors[0],
+        };
+    };
+
+    const ApplicationFieldsetLayout = JSX(({ title, children }) => (jsxs("fieldset", { className: "grid @xl:flex @xl:justify-between gap-lg border-b border-b-main-divider @xl:border-none", children: [title ? (jsx("legend", { className: "w-full", children: jsx(Heading, { title: title, headingType: "h6", className: "@xl:text-center" }) })) : null, children] })));
+    const formChildrenStyle = '@xl:w-1/2 space-y-s';
+
     const isPlaceholder = (_) => _ === '_';
     const isDigit = (_) => /\d/.test(_);
     const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
@@ -968,16 +975,17 @@
 
     const PhoneInputControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), renderErrorText(error)] })));
 
-    const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
+    const pattern = (regexp) => validator$1((_) => typeof _ === 'string' && regexp.test(_));
 
-    const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
+    const required = validator$1((_) => _ !== null && _ !== undefined && _ !== '');
 
     const ERROR_MESSAGE = 'Некорректно заполненное поле';
     const defaultValidator = required(ERROR_MESSAGE);
-    const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
-    const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
+    const defaultSelectValidator = validator$1((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
+    const nameValidator = validator$1((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
+    const innValidator = validator$1((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
     const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
-    const checkboxValidator = validator((_) => typeof _ === 'boolean' && _)(ERROR_MESSAGE);
+    const checkboxValidator = validator$1((_) => typeof _ === 'boolean' && _)(ERROR_MESSAGE);
 
     const renderAcquiringDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] })] }));
 
@@ -1178,7 +1186,7 @@
 
     const RegionField = JSX(({ field }) => {
         const regions = useRegions();
-        return (jsx(SelectControl, { className: "w-full", label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }));
+        return (jsx(SelectControl, { className: "w-full", label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultSelectValidator) }));
     });
 
     const renderAcquiringRegion = ({ field, title }) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433", options: ACQUIRING_TYPES, ...withValidator(field('acquiringType'), defaultValidator) }) }), jsx("div", { className: formChildrenStyle, children: jsx(RegionField, { field: field }) })] }));
@@ -1215,7 +1223,7 @@
 
     const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
-    const initialFormState$a = {
+    const initialFormState$9 = {
         typeForm: { key: 'acqr', text: 'Предупреждение о мошенничестве' },
         acquiringType: { key: 'trade', text: 'Торговый эквайринг' },
         fullName: '',
@@ -1247,12 +1255,236 @@
             };
             isValidationSuccess(acquiringValidator(formState)) && onSubmit(submitData, false);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$a, { onSubmit: handleSubmit });
+        const [, { field, ...formProps }] = useForm(initialFormState$9, { onSubmit: handleSubmit });
         const isSlideCheckboxes = getSlideCheckboxes(field('acquiringType').value?.key);
         return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderAcquiringRegion({ field, title: 'Вид эквайринга и регион' }), renderAcquiringDataOrganization(field, 'Данные организации'), isSlideCheckboxes ? (jsxs("div", { children: [jsx(SlideCheckbox, { text: "\u0425\u043E\u0447\u0443 \u043A\u0443\u043F\u0438\u0442\u044C \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') }), jsx(SlideCheckbox, { text: "\u0425\u043E\u0447\u0443 \u043A\u0443\u043F\u0438\u0442\u044C POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })] })) : null, renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
     const getSlideCheckboxes = (type) => type === 'all' || type === 'trade';
 
+    const initialFormState$8 = {
+        typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
+        name: '',
+        phone: '',
+        inn: '',
+        email: '',
+    };
+    const businessCardValidator = objectValidator({
+        region: defaultValidator,
+        name: nameValidator,
+        phone: phoneValidator,
+        inn: innValidator,
+        email: defaultValidator,
+    });
+    const ApplicationFormBusinessCard = JSX((props) => {
+        const { button, link, onSubmit } = props;
+        const handleSubmit = useCallback((formState) => {
+            isValidationSuccess(businessCardValidator(formState)) && onSubmit(formState);
+        }, [onSubmit]);
+        const [, { field, ...formProps }] = useForm(initialFormState$8, { onSubmit: handleSubmit });
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsx(RegionField, { field: field }), jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+    });
+
+    const BRANCHES_URL = '/api/v1/branches';
+    const EMPTY_VALUE$4 = [];
+    function useBranches(regionCode) {
+        const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
+        return data || EMPTY_VALUE$4;
+    }
+    const fetchSafeBoxes$1 = async (url) => {
+        const result = await fetchJSON(url, { method: 'GET' });
+        return result || EMPTY_VALUE$4;
+    };
+
+    const REGIONS_URL = '/api/v1/premiumBranchesByRegions';
+    function usePremiumBranchesByRegions() {
+        const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
+        return data || [];
+    }
+
+    const AddressBranchField = JSX(({ field, regionKey, isPremium = false }) => {
+        const addressBranch = isPremium
+            ? usePremiumBranchesByRegions().find((_) => _?.region === regionKey)?.branches
+            : useBranches(regionKey).filter((branch) => branch?.address);
+        return (jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: (addressBranch || []).map(({ address = '' }) => ({
+                key: address,
+                text: address,
+            })), ...withValidator(field('addressBranch'), defaultSelectValidator) }));
+    });
+
+    const MIN_CREDIT_AMOUNT = 1000;
+    const MAX_CREDIT_AMOUNT = 1000000000;
+    const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
+    const MIN_CREDIT_TERM = 1;
+    const MAX_CREDIT_TERM = 180;
+    const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
+
+    const renderCreditDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...withValidator(field('annualRevenue'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }));
+
+    const useNormalizedInput = (props, { normalize, format }) => {
+        const { value, onFocus, onBlur, onChange } = props;
+        const [isFocused, setIsFocused] = useState(false);
+        const handleFocus = useCallback((e) => {
+            setIsFocused(true);
+            onFocus && onFocus(e);
+        }, []);
+        const handleBlur = useCallback(() => {
+            setIsFocused(false);
+            onChange && onChange(normalize(value));
+            onBlur && onBlur();
+        }, [onChange, value]);
+        return {
+            value: (isFocused || !format ? value : format(value)),
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+        };
+    };
+
+    const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
+
+    function parseDecimal(value) {
+        const rawValue = (value || '').replace(/\D/g, '');
+        const unsafeDecimal = parseInt(rawValue, 10);
+        return Number.isNaN(unsafeDecimal) ? 0 : unsafeDecimal;
+    }
+
+    function renderRangeWithTicks({ list = [], min, max, step, value = list[0] || min, disabled, onChange, }) {
+        const rangeValue = list.length ? list.indexOf(value) : value;
+        const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
+        const percentage = (rangeValueShift * 100) / (max - min);
+        const inputStyle = {
+            backgroundSize: `${percentage.toFixed(2)}% 100%`,
+        };
+        return (jsxs("div", { children: [list.length ? (jsx("div", { className: "absolute w-full flex justify-between -bottom-[3px] px-m", children: list.map((_, i) => (jsx("div", { className: style('w-2 h-2 rounded-full', rangeValue <= i || disabled ? 'bg-gray' : 'bg-primary-main') }, String(i)))) })) : null, jsx("div", { className: "absolute inset-x-0 -bottom-1 px-m leading-[18px]", children: jsx("input", { className: "box-border w-full m-0 cursor-pointer slider relative z-10", style: inputStyle, type: "range", min: min, max: max, step: step, value: rangeValue, disabled: disabled, onInput: ((e) => {
+                            const rawValue = parseDecimal(e.target?.value);
+                            const newValue = list.length ? list[rawValue] : rawValue;
+                            onChange && onChange(newValue || 0);
+                        }) }) })] }));
+    }
+
+    const DISABLED_INPUT_CLASSES = 'disabled:border-gray disabled:bg-main-divider';
+    const DEFAULT_MIN = 1;
+    const DEFAULT_MAX = 100;
+    const InputRange = JSX((props) => {
+        const { className, title, items = [], list = [], min = list.length ? 0 : DEFAULT_MIN, max = list.length ? list.length - 1 : DEFAULT_MAX, step = 1, value = list[0] || min, disabled = false, onChange, } = props;
+        const normalizedProps = useNormalizedInput(props, {
+            normalize: (_ = 0) => list.length ? closestValue(list)(_) : clamp(_, min, max),
+            format: toLocalNumberFormat(),
+        });
+        const handleChange = useCallback((e) => {
+            onChange && onChange(parseDecimal(e.target?.value));
+        }, [onChange]);
+        return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('mt-xs font-sans text-h3 w-full h-14', 'border border-solid border-gray rounded-md outline-none', 'pl-m box-border', 'text-primary-text hover:border-primary-hover focus:border-primary-text', DISABLED_INPUT_CLASSES), disabled: disabled, onInput: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
+    });
+    const closestValue = (list) => (_) => list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
+    const renderRangeCaption = (items) => (jsx("div", { className: "flex justify-between my-xs", children: items.map((item, i) => (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item }, String(i)))) }));
+
+    const renderCreditParameters = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') }) }), jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') }) })] }));
+
+    const initialFormState$7 = {
+        typeForm: { key: 'cred', text: 'Кредит' },
+        amount: MIN_CREDIT_AMOUNT,
+        term: 12,
+        fullName: '',
+        inn: '',
+        name: '',
+        phone: '',
+        email: '',
+        annualRevenue: '',
+    };
+    const creditValidator$1 = objectValidator({
+        fullName: defaultValidator,
+        annualRevenue: defaultValidator,
+        inn: innValidator,
+        name: nameValidator,
+        phone: phoneValidator,
+        region: defaultValidator,
+    });
+    const ApplicationFormCredit = JSX(({ button, link, onSubmit }) => {
+        const handleSubmit = useCallback((formState) => {
+            const { amount, term, addressBranch, annualRevenue, ...usedFields } = formState;
+            isValidationSuccess(creditValidator$1(formState)) &&
+                onSubmit({
+                    ...usedFields,
+                    addressBranch: addressBranch?.text || '',
+                    partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
+                });
+        }, [onSubmit]);
+        const [formState, { field, ...formProps }] = useForm(initialFormState$7, {
+            onSubmit: handleSubmit,
+        });
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderCreditParameters(field, 'Параметры'), renderCreditDataOrganization(field, 'Данные организации'), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(RegionField, { field: field }) }), jsx("div", { className: formChildrenStyle, children: jsx(AddressBranchField, { field: field, regionKey: formState.region?.key }) })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+    });
+
+    const initialFormState$6 = {
+        typeForm: { key: 'dpst', text: 'Заявка на депозит' },
+        name: '',
+        phone: '',
+    };
+    const depositValidator = objectValidator({
+        name: nameValidator,
+        phone: phoneValidator,
+    });
+    const ApplicationFormDeposit = JSX(({ button, link, onSubmit }) => {
+        const handleSubmit = useCallback((formState) => {
+            isValidationSuccess(depositValidator(formState)) && onSubmit(formState);
+        }, [onSubmit]);
+        const [, { field, ...formProps }] = useForm(initialFormState$6, {
+            onSubmit: handleSubmit,
+            resetOnSubmit: false,
+        });
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), renderSubmitButton(button), jsx(Footnote, { link: link })] }) }) }));
+    });
+
+    const FEEDBACK_TYPES = [
+        {
+            text: 'Задать вопрос по продуктам и услугам',
+            key: 'FEEDBACK',
+        },
+        {
+            text: 'Качество обслуживания',
+            key: 'FEEDBACK_QS',
+        },
+    ];
+    const FEEDBACK_METHOD = [
+        { key: 'phone', text: 'Телефонный звонок' },
+        { key: 'email', text: 'Электронное сообщение' },
+    ];
+    const SERVICE_DIRECTIONS = [
+        { key: 'Физическое лицо' },
+        { key: 'Юридическое лицо / ИП' },
+    ];
+
+    const feedbackValidatorDefaultObject = {
+        typeForm: defaultValidator,
+        region: defaultValidator,
+        surname: defaultValidator,
+        name: nameValidator,
+        feedbackMethod: defaultValidator,
+        phone: phoneValidator,
+        email: defaultValidator,
+        comment: defaultValidator,
+        consentDataProcessing: checkboxValidator,
+    };
+    const handleSubmitFeedback = (formState, onSubmit) => {
+        const isLegal = getLegalEntity(formState?.typeForm.key, formState?.serviceDirection?.key);
+        const feedbackValidator = objectValidator({
+            ...feedbackValidatorDefaultObject,
+            ...getFeedbackValidationObject(formState, isLegal),
+        });
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, !isLegal);
+    };
+    const getFeedbackValidationObject = (formState, isLegal) => {
+        if (isLegal) {
+            return { addressBranch: defaultValidator, inn: innValidator };
+        }
+        else if (formState.typeForm.key === 'FEEDBACK') {
+            return { birthday: defaultValidator };
+        }
+        else {
+            return { addressBranch: defaultValidator };
+        }
+    };
+
     const 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 };
@@ -1281,9 +1513,7 @@
     });
     const checkboxStyle = (value) => style('rounded border', value ? 'bg-primary-main' : '');
 
-    const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
-
-    const renderAgreementWithSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex gap-m flex-col lg:flex-row w-full justify-between items-baseline", children: [jsxs("div", { children: [jsxs("div", { className: "flex gap-3", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0435\u043D \u0441 ", link: link })] }), renderErrorText(withValidator(consentDataProcessing, checkboxValidator).error)] }), renderSubmitButton(button)] }));
+    const renderAgreementWithSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-m flex-col lg:flex-row w-full justify-between items-baseline", children: [jsxs("div", { children: [jsxs("div", { className: "flex gap-3", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0435\u043D \u0441 ", link: link })] }), renderErrorText(withValidator(consentDataProcessing, checkboxValidator).error)] }), renderSubmitButton(button)] }));
 
     const formatDate = (date, toTimeStamp = false) => {
         if (typeof date === 'string') {
@@ -1447,310 +1677,22 @@
     };
     const renderUserData = (field, isBirthday = true) => (jsxs("div", { className: "space-y-s", children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), isBirthday ? (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('birthday'), defaultValidator) })) : null] }));
 
-    const initialFormState$9 = {
+    const initialFormState$5 = {
         ...initialUserFormState,
-        typeForm: { key: 'ANTIFRAUD', text: 'Предупреждение о мошенничестве' },
-        phone: '',
+        typeForm: { key: 'FEEDBACK', text: 'Задать вопрос по продуктам и услугам' },
+        serviceDirection: { key: 'Физическое лицо' },
         birthday: undefined,
-        isClient: false,
-        comment: '',
-        consentDataProcessing: false,
-    };
-    const feedbackValidator$2 = objectValidator({
-        typeForm: defaultValidator,
-        surname: defaultValidator,
-        name: nameValidator,
-        birthday: defaultValidator,
-        phone: phoneValidator,
-        comment: defaultValidator,
-        consentDataProcessing: checkboxValidator,
-    });
-    const ApplicationFormAntiFraud = JSX(({ button, link, onSubmit }) => {
-        const handleSubmit = useCallback((formState) => {
-            isValidationSuccess(feedbackValidator$2(formState)) && onSubmit(formState, true);
-        }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$9, { onSubmit: handleSubmit });
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, true), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
-    });
-
-    const initialFormState$8 = {
-        typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
-        name: '',
-        phone: '',
-        inn: '',
-        email: '',
-    };
-    const businessCardValidator = objectValidator({
-        region: defaultValidator,
-        name: nameValidator,
-        phone: phoneValidator,
-        inn: innValidator,
-        email: defaultValidator,
-    });
-    const ApplicationFormBusinessCard = JSX((props) => {
-        const { button, link, onSubmit } = props;
-        const handleSubmit = useCallback((formState) => {
-            isValidationSuccess(businessCardValidator(formState)) && onSubmit(formState);
-        }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$8, { onSubmit: handleSubmit });
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsx(RegionField, { field: field }), jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
-    });
-
-    const initialFormState$7 = {
-        typeForm: { key: 'CORRUPTION', text: 'Факты коррупции' },
-        ...initialUserFormState,
-        phone: '',
-        email: '',
-        comment: '',
-        consentDataProcessing: false,
-    };
-    const feedbackValidator$1 = objectValidator({
-        typeForm: defaultValidator,
-        surname: defaultValidator,
-        name: nameValidator,
-        region: defaultValidator,
-        phone: phoneValidator,
-        email: defaultValidator,
-        comment: defaultValidator,
-        consentDataProcessing: checkboxValidator,
-    });
-    const ApplicationFormCorruption = JSX(({ button, link, onSubmit }) => {
-        const handleSubmit = useCallback((formState) => {
-            isValidationSuccess(feedbackValidator$1(formState)) && onSubmit(formState, true);
-        }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$7, { onSubmit: handleSubmit });
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, false), jsx(RegionField, { field: field }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
-    });
-
-    const BRANCHES_URL = '/api/v1/branches';
-    const EMPTY_VALUE$4 = [];
-    function useBranches(regionCode) {
-        const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
-        return data || EMPTY_VALUE$4;
-    }
-    const fetchSafeBoxes$1 = async (url) => {
-        const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE$4;
-    };
-
-    const REGIONS_URL = '/api/v1/premiumBranchesByRegions';
-    function usePremiumBranchesByRegions() {
-        const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
-        return data || [];
-    }
-
-    const AddressBranchField = JSX(({ field, regionKey, isPremium = false }) => {
-        const addressBranch = isPremium
-            ? usePremiumBranchesByRegions().find((_) => _?.region === regionKey)?.branches
-            : useBranches(regionKey).filter((branch) => branch?.address);
-        return (jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: (addressBranch || []).map(({ address = '' }) => ({
-                key: address,
-                text: address,
-            })), ...withValidator(field('addressBranch'), defaultValidator) }));
-    });
-
-    const MIN_CREDIT_AMOUNT = 1000;
-    const MAX_CREDIT_AMOUNT = 1000000000;
-    const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
-    const MIN_CREDIT_TERM = 1;
-    const MAX_CREDIT_TERM = 180;
-    const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
-
-    const renderCreditDataOrganization = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...withValidator(field('annualRevenue'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }));
-
-    const useNormalizedInput = (props, { normalize, format }) => {
-        const { value, onFocus, onBlur, onChange } = props;
-        const [isFocused, setIsFocused] = useState(false);
-        const handleFocus = useCallback((e) => {
-            setIsFocused(true);
-            onFocus && onFocus(e);
-        }, []);
-        const handleBlur = useCallback(() => {
-            setIsFocused(false);
-            onChange && onChange(normalize(value));
-            onBlur && onBlur();
-        }, [onChange, value]);
-        return {
-            value: (isFocused || !format ? value : format(value)),
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-        };
-    };
-
-    const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
-
-    function parseDecimal(value) {
-        const rawValue = (value || '').replace(/\D/g, '');
-        const unsafeDecimal = parseInt(rawValue, 10);
-        return Number.isNaN(unsafeDecimal) ? 0 : unsafeDecimal;
-    }
-
-    function renderRangeWithTicks({ list = [], min, max, step, value = list[0] || min, disabled, onChange, }) {
-        const rangeValue = list.length ? list.indexOf(value) : value;
-        const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
-        const percentage = (rangeValueShift * 100) / (max - min);
-        const inputStyle = {
-            backgroundSize: `${percentage.toFixed(2)}% 100%`,
-        };
-        return (jsxs("div", { children: [list.length ? (jsx("div", { className: "absolute w-full flex justify-between -bottom-[3px] px-m", children: list.map((_, i) => (jsx("div", { className: style('w-2 h-2 rounded-full', rangeValue <= i || disabled ? 'bg-gray' : 'bg-primary-main') }, String(i)))) })) : null, jsx("div", { className: "absolute inset-x-0 -bottom-1 px-m leading-[18px]", children: jsx("input", { className: "box-border w-full m-0 cursor-pointer slider relative z-10", style: inputStyle, type: "range", min: min, max: max, step: step, value: rangeValue, disabled: disabled, onInput: ((e) => {
-                            const rawValue = parseDecimal(e.target?.value);
-                            const newValue = list.length ? list[rawValue] : rawValue;
-                            onChange && onChange(newValue || 0);
-                        }) }) })] }));
-    }
-
-    const DISABLED_INPUT_CLASSES = 'disabled:border-gray disabled:bg-main-divider';
-    const DEFAULT_MIN = 1;
-    const DEFAULT_MAX = 100;
-    const InputRange = JSX((props) => {
-        const { className, title, items = [], list = [], min = list.length ? 0 : DEFAULT_MIN, max = list.length ? list.length - 1 : DEFAULT_MAX, step = 1, value = list[0] || min, disabled = false, onChange, } = props;
-        const normalizedProps = useNormalizedInput(props, {
-            normalize: (_ = 0) => list.length ? closestValue(list)(_) : clamp(_, min, max),
-            format: toLocalNumberFormat(),
-        });
-        const handleChange = useCallback((e) => {
-            onChange && onChange(parseDecimal(e.target?.value));
-        }, [onChange]);
-        return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('mt-xs font-sans text-h3 w-full h-14', 'border border-solid border-gray rounded-md outline-none', 'pl-m box-border', 'text-primary-text hover:border-primary-hover focus:border-primary-text', DISABLED_INPUT_CLASSES), disabled: disabled, onInput: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
-    });
-    const closestValue = (list) => (_) => list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
-    const renderRangeCaption = (items) => (jsx("div", { className: "flex justify-between my-xs", children: items.map((item, i) => (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item }, String(i)))) }));
-
-    const renderCreditParameters = (field, title) => (jsxs(ApplicationFieldsetLayout, { title: title, children: [jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') }) }), jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') }) })] }));
-
-    const initialFormState$6 = {
-        typeForm: { key: 'cred', text: 'Кредит' },
-        amount: MIN_CREDIT_AMOUNT,
-        term: 12,
-        fullName: '',
-        inn: '',
-        name: '',
-        phone: '',
-        email: '',
-        annualRevenue: '',
-    };
-    const creditValidator$1 = objectValidator({
-        fullName: defaultValidator,
-        annualRevenue: defaultValidator,
-        inn: innValidator,
-        name: nameValidator,
-        phone: phoneValidator,
-        region: defaultValidator,
-    });
-    const ApplicationFormCredit = JSX(({ button, link, onSubmit }) => {
-        const handleSubmit = useCallback((formState) => {
-            const { amount, term, addressBranch, annualRevenue, ...usedFields } = formState;
-            isValidationSuccess(creditValidator$1(formState)) &&
-                onSubmit({
-                    ...usedFields,
-                    addressBranch: addressBranch?.text || '',
-                    partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
-                });
-        }, [onSubmit]);
-        const [formState, { field, ...formProps }] = useForm(initialFormState$6, {
-            onSubmit: handleSubmit,
-        });
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderCreditParameters(field, 'Параметры'), renderCreditDataOrganization(field, 'Данные организации'), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(RegionField, { field: field }) }), jsx("div", { className: formChildrenStyle, children: jsx(AddressBranchField, { field: field, regionKey: formState.region?.key }) })] }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
-    });
-
-    const initialFormState$5 = {
-        typeForm: { key: 'dpst', text: 'Заявка на депозит' },
-        name: '',
-        phone: '',
-    };
-    const depositValidator = objectValidator({
-        name: nameValidator,
-        phone: phoneValidator,
-    });
-    const ApplicationFormDeposit = JSX(({ button, link, onSubmit }) => {
-        const handleSubmit = useCallback((formState) => {
-            isValidationSuccess(depositValidator(formState)) && onSubmit(formState);
-        }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$5, {
-            onSubmit: handleSubmit,
-            resetOnSubmit: false,
-        });
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), renderSubmitButton(button), jsx(Footnote, { link: link })] }) }) }));
-    });
-
-    const FEEDBACK_TYPES = [
-        {
-            text: 'Задать вопрос по продуктам и услугам',
-            key: 'FEEDBACK',
-        },
-        {
-            text: 'Качество обслуживания',
-            key: 'FEEDBACK_QS',
-        },
-    ];
-    const FEEDBACK_METHOD = [
-        { key: 'phone', text: 'Телефонный звонок' },
-        { key: 'mail', text: 'Электронное сообщение' },
-    ];
-    const SERVICE_DIRECTIONS = [
-        { key: 'Физическое лицо' },
-        { key: 'Юридическое лицо / ИП' },
-    ];
-
-    const feedbackValidatorDefaultObject = {
-        typeForm: defaultValidator,
-        region: defaultValidator,
-        surname: defaultValidator,
-        name: nameValidator,
-        feedbackMethod: defaultValidator,
-        phone: phoneValidator,
-        email: defaultValidator,
-        comment: defaultValidator,
-        consentDataProcessing: checkboxValidator,
-    };
-    const handleSubmitIndividual = (formState, onSubmit) => {
-        const feedbackValidator = objectValidator({
-            ...feedbackValidatorDefaultObject,
-            addressBranch: defaultValidator,
-        });
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
-    };
-    const handleSubmitLegal = (formState, onSubmit) => {
-        const feedbackValidator = objectValidator({
-            ...feedbackValidatorDefaultObject,
-            addressBranch: defaultValidator,
-            inn: innValidator,
-        });
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
-    };
-    const handleSubmitQuestion = (formState, onSubmit) => {
-        const feedbackValidator = objectValidator({
-            ...feedbackValidatorDefaultObject,
-            birthday: defaultValidator,
-        });
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
-    };
-
-    const initialFormState$4 = {
-        ...initialUserFormState,
-        typeForm: { key: 'FEEDBACK', text: 'Задать вопрос по продуктам и услугам' },
-        serviceDirection: { key: 'Физическое лицо' },
-        birthday: undefined,
-        feedbackMethod: { key: 'Телефонный звонок' },
-        phone: '',
-        email: '',
+        feedbackMethod: { key: 'Телефонный звонок' },
+        phone: '',
+        email: '',
         comment: '',
         consentDataProcessing: false,
     };
     const ApplicationFormFeedback = JSX(({ button, link, onSubmit }) => {
         const handleSubmit = useCallback((feedbackFormState) => {
-            const isLegal = getLegalEntity(feedbackFormState.typeForm.key, feedbackFormState.serviceDirection?.key);
-            if (isLegal) {
-                handleSubmitLegal(feedbackFormState, onSubmit);
-            }
-            else if (feedbackFormState.typeForm.key === 'FEEDBACK') {
-                handleSubmitQuestion(feedbackFormState, onSubmit);
-            }
-            else {
-                handleSubmitIndividual(feedbackFormState, onSubmit);
-            }
+            handleSubmitFeedback(feedbackFormState, onSubmit);
         }, [onSubmit]);
-        const [formState, { field, ...formProps }] = useForm(initialFormState$4, {
+        const [formState, { field, ...formProps }] = useForm(initialFormState$5, {
             onSubmit: handleSubmit,
         });
         const isQualityService = field('typeForm').value?.key === 'FEEDBACK_QS';
@@ -1781,7 +1723,7 @@
         return (jsxs("div", { className: "container space-y-s", children: [regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), children: button?.text ? button.text : 'Перейти' }) })) : null] }));
     });
 
-    const initialFormState$3 = {
+    const initialFormState$4 = {
         ...initialUserFormState,
         phone: '',
         email: '',
@@ -1805,11 +1747,11 @@
                     product,
                 }, true);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$3, { onSubmit: handleSubmit });
+        const [, { field, ...formProps }] = useForm(initialFormState$4, { onSubmit: handleSubmit });
         return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsxs(ApplicationFieldsetLayout, { children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('birthday'), defaultValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] })] }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
     });
 
-    const initialFormState$2 = {
+    const initialFormState$3 = {
         typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' },
         fullName: '',
         phone: '',
@@ -1825,7 +1767,7 @@
         const handleSubmit = useCallback((formState) => {
             isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$2, { onSubmit: handleSubmit });
+        const [, { field, ...formProps }] = useForm(initialFormState$3, { onSubmit: handleSubmit });
         return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { children: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0424\u0418\u041E", ...withValidator(field('fullName'), defaultValidator) }), jsx(RegionField, { field: field }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
 
@@ -1842,7 +1784,7 @@
         { key: 'ULTRASERVICE', text: 'Ультра' },
         { key: 'PREMIUMSERVICE', text: 'Премиум' },
     ];
-    const initialFormState$1 = {
+    const initialFormState$2 = {
         typeForm: SERVICE_TYPES[0],
         ...initialUserFormState,
         email: '',
@@ -1864,7 +1806,7 @@
             const isValid = isValidationSuccess(creditValidator(formState));
             isValid && onSubmit(formState, true);
         }, [onSubmit]);
-        const [formState, { field, ...formProps }] = useForm({ ...initialFormState$1, typeForm: getDefaultFormType(defaultType) }, { onSubmit: handleSubmit });
+        const [formState, { field, ...formProps }] = useForm({ ...initialFormState$2, typeForm: getDefaultFormType(defaultType) }, { onSubmit: handleSubmit });
         const regionKey = formState?.region?.key;
         return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsxs(ApplicationFieldsetLayout, { title: "\u0412\u0430\u0448\u0438 \u0434\u0430\u043D\u043D\u044B\u0435", children: [jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] }), jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...withValidator(field('typeForm'), defaultValidator) })] })] }), jsxs(ApplicationFieldsetLayout, { title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", children: [jsx("div", { className: formChildrenStyle, children: jsx(RegionPremiumField, { field: field }) }), jsx("div", { className: formChildrenStyle, children: jsx(AddressBranchField, { field: field, regionKey: regionKey, isPremium: true }) })] }), jsx(InputControl, { ...field('comment'), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439, \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0438 \u043F\u0440\u043E\u0447\u0435\u0435", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
     });
@@ -1884,7 +1826,7 @@
         return (jsxs("div", { className: "space-y-s", children: [isCurrencyControl ? jsx(RegionField, { field: field }) : null, jsxs("div", { className: "grid @xl:grid-cols-2 @xl:gap-x-lg gap-s", children: [isCurrencyControl ? (jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })) : null, jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u0424\u0418\u041E", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), !isCurrencyControl ? jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...field('email') }) : null] })] }));
     };
 
-    const initialFormState = {
+    const initialFormState$1 = {
         typeForm: { key: 'KVED', text: 'Заявка на консультацию ВЭД' },
         vedTypes: 'currencyControl',
         fullName: '',
@@ -1930,7 +1872,7 @@
             };
             isValidationSuccess(getValidator(vedTypes)(formState)) && onSubmit(data);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        const [, { field, ...formProps }] = useForm(initialFormState$1, { onSubmit: handleSubmit });
         return (jsxs("form", { className: "container space-y-lg", onSubmit: formProps.onSubmit, children: [renderQuestionsInterested(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderWedDataOrganization({ field }), jsx(InputControl, { label: "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435", placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441, \u043C\u0435\u0441\u0442\u043E \u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0434\u043B\u044F \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u043D\u043E\u0433\u043E \u0437\u0432\u043E\u043D\u043A\u0430", ...field('partnerComments'), isTextarea: true }), renderSubmitButton(button), jsx(Footnote, { link: link }), jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), renderContacts()] }));
     });
 
@@ -1943,26 +1885,17 @@
         ApplicationFormGrantSupport,
         ApplicationFormIndividuals,
         ApplicationFormFeedback,
-        ApplicationFormAntiFraud,
-        ApplicationFormCorruption,
         ApplicationFormSelfCollection,
         ApplicationFormUltraPremium,
     };
 
-    const ResponseNotification = JSX(({ responseType }) => {
-        const responseOK = responseType === 'OK';
-        const backgroundColor = responseOK ? 'bg-ok' : 'bg-fail';
-        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
-        return (jsxs("div", { className: `flex items-center p-lg rounded-md space-x-m ${backgroundColor}`, children: [jsx(Img, { image: { icon: statusIcon ? 'ResponseOKIcon' : 'ResponseFailIcon', iconVersion: 'normal' }, width: "42", height: "42" }), jsxs("div", { children: [jsx(Heading, { headingType: "h6", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', className: "mb-2xs" }), jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: responseOK ? 'Совсем скоро мы с вами свяжемся' : 'Пожалуйста, повторите позднее' })] })] }));
-    });
-
-    const API = LeadServiceAPI();
+    const API$1 = LeadServiceAPI();
     const ApplicationForm = JSX((props) => {
         const { className, formBlock, ...rest } = props;
         const [responseType, setResponseType] = useState('');
         const handleSubmit = useCallback(async (data, isIndividualType = false) => {
-            const formatData = getFormatData(data);
-            const status = (await API.send(formatData, isIndividualType)) ? 'OK' : 'Fail';
+            const formatData = getFormatData$1(data);
+            const status = (await API$1.send(formatData, isIndividualType)) ? 'OK' : 'Fail';
             setResponseType(status);
             return status;
         }, []);
@@ -1976,8 +1909,92 @@
         const EmbeddedForm = EmbeddableForms[type];
         return jsx(EmbeddedForm, { ...formBlock, onSubmit: handleSubmit });
     };
+    const getFormatData$1 = (data) => Object.fromEntries(Object.entries(data).map(([k, v]) => [k, (v?.region ? v?.text : v?.key) || v]));
+
+    const ApplicationFormLayout = JSX((props) => {
+        const { className, title, responseType, children, ...rest } = props;
+        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children, responseType ? jsx(ResponseNotification, { responseType: responseType }) : null] }) }));
+    });
+
     const getFormatData = (data) => Object.fromEntries(Object.entries(data).map(([k, v]) => [k, (v?.region ? v?.text : v?.key) || v]));
 
+    const columnStyle = {
+        1: 'space-y-s max-w-xl mx-auto',
+        2: 'grid @xl:grid-cols-2 gap-s',
+    };
+
+    const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
+
+    const getField = (input, field, i) => {
+        const InputsMap = {
+            surname: (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...getValidation(field('surname'), nameValidator, input?.required) }, i)),
+            name: (jsx(InputControl, { label: "\u0418\u043C\u044F", ...getValidation(field('name'), nameValidator, input?.required) }, i)),
+            middleName: (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }, i)),
+            phone: (jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...getValidation(field('phone'), phoneValidator, input?.required) }, i)),
+            email: (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...getValidation(field('email'), defaultValidator, input?.required) }, i)),
+            comment: (jsx(InputControl, { className: "col-span-2", ...getValidation(field('comment'), defaultValidator, input?.required), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true }, i)),
+            region: jsx(RegionField, { field: field }, i),
+            client: (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"' })),
+            birthday: (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), defaultValidator) })),
+            legend: (jsx("legend", { className: "w-full col-span-2", children: jsx(Heading, { title: input.label, headingType: "h6", className: "@xl:text-center" }) }, i)),
+        };
+        return InputsMap[input.name];
+    };
+    const getValidation = (field, validator, required = false) => required ? withValidator(field, validator) : field;
+
+    const getNamesFromInput = (inputs) => Object.values(inputs).map((_) => _.name);
+
+    const initialFormState = {
+        typeForm: { key: '', text: '' },
+        region: { key: '', text: '' },
+        surname: '',
+        name: '',
+        middleName: '',
+        phone: '',
+        email: '',
+        comment: '',
+        consentDataProcessing: false,
+    };
+    const getInitialFormState = (inputs, typeForm = '') => {
+        const formState = Object.fromEntries(getNamesFromInput(inputs).map((_) => [_, initialFormState[_]]));
+        return { ...formState, typeForm: { key: typeForm, text: '' } };
+    };
+
+    const validator = {
+        typeForm: defaultValidator,
+        surname: nameValidator,
+        name: nameValidator,
+        region: defaultValidator,
+        phone: phoneValidator,
+        email: defaultValidator,
+        comment: defaultValidator,
+        consentDataProcessing: checkboxValidator,
+    };
+    const getObjectValidator = (inputs) => {
+        const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
+        return Object.fromEntries(requiredInputs.map((_) => [_, validator?.[_]]));
+    };
+
+    const API = LeadServiceAPI();
+    const ApplicationFormCustom = JSX(({ className, title, typeForm = '', inputs = [], button, link, formColumns = 2, endpoint }) => {
+        const initialFormState = getInitialFormState(inputs, typeForm);
+        const [responseType, setResponseType] = useState('');
+        const feedbackValidator = objectValidator(getObjectValidator(inputs));
+        const handleSubmit = useCallback(async (data) => {
+            if (!isValidationSuccess(feedbackValidator(data))) {
+                return 'Fail';
+            }
+            const formatData = getFormatData(data);
+            const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
+            setResponseType(status);
+            return status;
+        }, []);
+        const [, { field, onSubmit }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        return (jsx(ApplicationFormLayout, { className: style(formStyle$1, className), title: title, responseType: responseType, children: jsxs("form", { className: columnStyle[formColumns], onSubmit: onSubmit, children: [inputs.map((_, index) => getField(_, field, String(index))), inputs.find((_) => _.name === 'consentDataProcessing')
+                        ? renderAgreementWithSubmit(field('consentDataProcessing'), link, button)
+                        : renderSubmitButton(button)] }) }));
+    });
+
     /** @deprecated */
     const AlignStyles = 'text-center';
 
@@ -5809,6 +5826,9 @@
     const Blocks = {
         AdTile,
         ApplicationForm,
+        ApplicationFormAntiFraud: ApplicationFormCustom,
+        ApplicationFormCustom,
+        ApplicationFormCorruption: ApplicationFormCustom,
         BenefitsBlock,
         BonusBenefitsBlock,
         ButtonsBlock,
@@ -6007,7 +6027,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.169";
+    const packageVersion = "0.14.171";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;