@redneckz/wildless-cms-uni-blocks 0.14.1021 → 0.14.1023

package/bundle/bundle.umd.js

@@ -1376,6 +1376,644 @@
         return (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: ok ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: ok ? responseOKDescription : responseFailDescription, headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: onClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
     });
 
+    function copy(source, target) {
+        for (const [k, v] of source.entries()) {
+            if (v !== null && v !== undefined) {
+                target.setItem(k, v);
+            }
+            else {
+                target.removeItem(k);
+            }
+        }
+    }
+
+    function replicate(primary, secondary) {
+        copy(primary, secondary);
+        copy(secondary, primary);
+        return primary.bus.watch(({ type, event }) => {
+            if (event !== null && event !== undefined) {
+                secondary.setItem(type, event);
+            }
+            else {
+                secondary.removeItem(type);
+            }
+        });
+    }
+
+    class StorageAdapter {
+        storage;
+        bus;
+        get size() {
+            return this.storage?.length ?? 0;
+        }
+        constructor(storage, bus = new EventBus()) {
+            this.storage = storage;
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return Boolean(this.storage?.getItem(String(key)));
+        }
+        getItem(key) {
+            const _ = this.storage?.getItem(String(key)) ?? null;
+            try {
+                return JSON.parse(String(_));
+            }
+            catch (ex) {
+                return null;
+            }
+        }
+        entries() {
+            return Array.from({ length: this.size }, (_, i) => {
+                const k = String(this.storage?.key(i));
+                return [k, this.getItem(k)];
+            });
+        }
+        setItem(key, value) {
+            if (value !== null) {
+                this.storage?.setItem(String(key), JSON.stringify(value));
+            }
+            else {
+                this.storage?.removeItem(String(key));
+            }
+            this.bus?.subject(key, value);
+        }
+        removeItem(key) {
+            this.storage?.removeItem(String(key));
+            this.bus?.subject(key, null);
+        }
+    }
+
+    class Store {
+        bus;
+        store = new Map();
+        get size() {
+            return this.store.size;
+        }
+        constructor(bus = new EventBus()) {
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return this.store.has(key);
+        }
+        getItem(key) {
+            return this.store.get(key);
+        }
+        entries() {
+            return this.store.entries();
+        }
+        setItem(key, value) {
+            this.store.set(key, value);
+            this.bus.subject(key, value);
+        }
+        removeItem(key) {
+            this.store.delete(key);
+            this.bus.subject(key, null);
+        }
+    }
+
+    function useRerender() {
+        const [, setCount] = useState(0);
+        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
+    }
+
+    const DEFAULT_METHODS = {};
+    /**
+     * MobX like reactivity (simplified).
+     * Can be used to migrate from Redux/MobX or something else
+     *
+     * @param store
+     * @returns reactive proxy backed by store
+     */
+    function useStore(store, methods = DEFAULT_METHODS) {
+        const deps = useRef(null);
+        const render = useRerender();
+        useEffect(() => store.bus.watch(ev => {
+            if (deps.current?.has(String(ev.type))) {
+                render();
+            }
+        }), [store, render]);
+        return useMemo(() => new Proxy(methods, {
+            get(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.getItem(key);
+            },
+            has(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.hasItem(key);
+            },
+            set(_, key, value) {
+                store.setItem(key, value);
+                return true;
+            },
+            deleteProperty(_, key) {
+                store.removeItem(key);
+                return true;
+            }
+        }), [store]);
+    }
+
+    const localStore = new Store(); // localStorage cache
+    replicate(localStore, new StorageAdapter(globalThis?.localStorage));
+    function useLocalStore(methods) {
+        return useStore(localStore, methods);
+    }
+
+    const sessionStore = new Store(); // sessionStorage cache
+    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
+    function useSessionStore() {
+        return useStore(sessionStore);
+    }
+
+    const API_BASE_URI = '/api/v1';
+
+    const getUserTimezoneOffset = () => {
+        const offset = new Date().getTimezoneOffset();
+        const absOffset = Math.abs(offset);
+        const hours = Math.floor(absOffset / 60);
+        const minutes = absOffset % 60;
+        const sign = offset < 0 ? '+' : '-';
+        return `GMT${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+    };
+
+    const ENDPOINT_MAPPING = {
+        lead: {
+            withTypeForm: true,
+            isNaturalEndpoint: true,
+        },
+        sendcorporatelead: {
+            withTypeForm: true,
+            isNaturalEndpoint: false,
+        },
+        practice: {
+            withTypeForm: false,
+            isNaturalEndpoint: true,
+        },
+        internship: {
+            withTypeForm: false,
+            isNaturalEndpoint: true,
+        },
+        initcorporatelead: {
+            withTypeForm: true,
+            isNaturalEndpoint: false,
+        },
+        confirmCorporateLead: {
+            withTypeForm: true,
+            isNaturalEndpoint: false,
+        },
+        callback: {
+            withTypeForm: false,
+            isNaturalEndpoint: true,
+        },
+    };
+
+    const formatDate = (date, toTimeStamp = false) => {
+        if (typeof date === 'string') {
+            return date.split('-').reverse().join('.');
+        }
+        else {
+            const day = String(date.getDate()).padStart(2, '0');
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const year = String(date.getFullYear());
+            return toTimeStamp ? `${year}-${month}-${day}` : `${day}.${month}.${year}`;
+        }
+    };
+
+    const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
+
+    const getSubmitBody = ({ body, endpoint, router }) => {
+        const isNaturalPerson = endpoint && ENDPOINT_MAPPING[endpoint].isNaturalEndpoint;
+        const withTypeForm = endpoint && ENDPOINT_MAPPING[endpoint].withTypeForm;
+        const { typeForm, region, phone = '', email, birthday, desiredMeetingDate, fullRegion, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, partnerName, russianPhone, partnerSymbolCode, internshipEndDate, internshipStartDate, ...staticBody } = body;
+        return {
+            ...(withTypeForm ? { typeForm } : {}),
+            ...getRegion$1(region, isNaturalPerson),
+            ...getEmail(email, isNaturalPerson),
+            ...getPhone(phone),
+            ...getPhone(russianPhone),
+            ...(isNaturalPerson ? getFormatDate([[birthday, 'birthday']]) : { birthday }),
+            ...getFormatDate([
+                [desiredMeetingDate, 'desiredMeetingDate'],
+                [internshipEndDate, 'internshipEndDate'],
+                [internshipStartDate, 'internshipStartDate'],
+            ]),
+            ...(typeForm === 'FEEDBACK'
+                ? {}
+                : {
+                    addressBranch,
+                    bankEmpolee,
+                    applicationDate,
+                    ...getSecondaryPhone(secondaryPhone),
+                }),
+            ...addPageSlug(typeForm, router),
+            ...formatPFForm(typeForm, {
+                fullRegion,
+                partnerName,
+                partnerSymbolCode,
+            }),
+            ...getRkoTariffName(typeForm),
+            ...staticBody,
+        };
+    };
+    const getPhoneBody = (phone) => {
+        return {
+            ...getPhone(phone),
+        };
+    };
+    const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
+    const getFormatDate = (dates) => Object.fromEntries(dates.filter(([value]) => value).map(([value, key]) => [key, formatDate(value)]));
+    const getRegion$1 = (region, isNaturalPerson = true) => ({
+        [isNaturalPerson ? 'regionBranch' : 'region']: region,
+    });
+    const getEmail = (email, isNaturalPerson = true) => ({
+        [isNaturalPerson ? 'email' : 'mail']: email,
+    });
+    const getSecondaryPhone = (secondaryPhone = '') => !secondaryPhone || secondaryPhone === '+7 ('
+        ? {}
+        : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
+    const formatPFForm = (typeForm, data) => typeForm === 'PF'
+        ? {
+            region: data?.fullRegion,
+            partner: data?.partnerName,
+            partnerId: data?.partnerSymbolCode,
+        }
+        : {};
+    const addPageSlug = (typeForm, router) => typeForm === 'UNIVERSAL'
+        ? {
+            typeForm: router?.pathname?.split('/')?.at(-1) || '/',
+        }
+        : {};
+    const getRkoTariffName = (typeForm) => typeForm === 'CALC'
+        ? {
+            partnerComments: globalThis?.sessionStorage.getItem('rkoTariffName') ?? 'Неизвестный тариф',
+        }
+        : {};
+
+    // eslint-disable-next-line max-lines-per-function
+    function LeadServiceAPI() {
+        async function send({ body, router, endpoint }) {
+            const calculatedEndpoint = endpoint && getEndpoint(endpoint, body);
+            const url = `${API_BASE_URI}/${calculatedEndpoint}`;
+            const submitBody = getSubmitBody({
+                body,
+                endpoint,
+                router,
+            });
+            try {
+                const response = await LeadServiceFetch(url, submitBody);
+                if (!response?.ok) {
+                    return null;
+                }
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function sendCode({ phone }) {
+            const submitBody = getPhoneBody(phone);
+            try {
+                const response = LeadServiceFetch(`${API_BASE_URI}/initCorporateLead`, submitBody).then(async (res) => {
+                    if (!res.ok) {
+                        throw new Error(`Ошибка HTTP: ${res.status}`);
+                    }
+                    return await res.text();
+                });
+                return await response;
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function checkCode({ reqId, code, body, router, endpoint = 'confirmCorporateLead', }) {
+            const submitBody = {
+                requestId: reqId,
+                confimationCode: code,
+                leadRequest: getSubmitBody({ body, endpoint, router }),
+            };
+            try {
+                const response = await LeadServiceFetch(`${API_BASE_URI}/${endpoint}`, submitBody);
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function sendPhoneCallRequest(body, endpoint) {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const submitBody = getSubmitBody({ body, endpoint });
+            const formatSubmitBody = getFormatCallbackSubmitBody(submitBody);
+            try {
+                const response = await LeadServiceFetch(`${API_BASE_URI}/callback`, formatSubmitBody);
+                if (!response?.ok) {
+                    return null;
+                }
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        return {
+            send,
+            sendCode,
+            checkCode,
+            sendPhoneCallRequest,
+        };
+    }
+    const LeadServiceFetch = (url, submitBody) => fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        mode: 'cors',
+        body: JSON.stringify(submitBody),
+    });
+    const getFormatCallbackSubmitBody = (submitBody) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { typeForm, consentDataProcessing, phone, ...rest } = submitBody;
+        return {
+            ...rest,
+            phone: phone?.startsWith('+') ? phone.slice(1) : phone,
+            clientTimezone: getUserTimezoneOffset(),
+        };
+    };
+    const getEndpoint = (endpoint, body) => {
+        const { serviceDirection } = body;
+        if (endpoint === 'lead' && serviceDirection !== 'Юридическое лицо / ИП') {
+            return 'lead';
+        }
+        return endpoint;
+    };
+
+    const sendUserSurvey = async (body) => {
+        try {
+            const response = await LeadServiceFetch(`${API_BASE_URI}/survey`, body);
+            return await response;
+        }
+        catch (e) {
+            return null;
+        }
+    };
+
+    const FinalStep = JSX(() => {
+        return (jsxs("div", { className: "flex flex-col items-center", children: [jsx(Heading, { className: "text-center", headingType: "h5", title: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u0443\u0447\u0430\u0441\u0442\u0438\u0435!" }), jsx(Paragraph, { children: "\u0412\u0430\u0448\u0435 \u043C\u043D\u0435\u043D\u0438\u0435 \u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u043E \u0434\u043B\u044F \u043D\u0430\u0441" })] }));
+    });
+
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
+            'backdrop-blur': blur,
+        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
+
+    const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
+
+    const Star = JSX(({ value, hover, rating, setHover, setRating }) => {
+        const fillColor = value <= (hover || rating) ? '#42AB44' : '#C9CACC';
+        return (jsx("div", { onClick: () => setRating?.(value), onMouseEnter: () => setHover?.(value), onMouseLeave: () => setHover?.(null), children: jsx("svg", { "data-rating": value, fill: fillColor, width: "57", height: "57", viewBox: "0 0 57 57", children: jsx("path", { d: "M47.7803 18.2879L47.7836 18.2884C50.566 18.7521 53.0867 20.1374 53.9176 22.7226C54.7498 25.3116 53.5025 27.9027 51.4977 29.8954L51.4942 29.8989L45.7132 35.6799C45.5729 35.8202 45.3591 36.1532 45.2186 36.6438C45.0796 37.1295 45.0808 37.5314 45.1257 37.7381L45.1268 37.743L46.78 44.8909C47.4787 47.9228 47.3175 51.2217 44.8924 52.9896C42.4714 54.7546 39.2808 53.9093 36.5999 52.3257L29.6214 48.1946C29.4392 48.0866 29.0426 47.96 28.5087 47.96C27.9816 47.96 27.5736 48.0831 27.3687 48.2004L27.3634 48.2035L20.4041 52.3232L20.4019 52.3246C17.7218 53.9145 14.5351 54.7459 12.1155 52.9803C9.69339 51.213 9.51826 47.9236 10.22 44.8909L11.8731 37.743L11.8743 37.7379C11.9191 37.5311 11.9203 37.1293 11.7813 36.6438C11.6409 36.1532 11.4271 35.8202 11.2867 35.6799L5.50006 29.8932C3.50738 27.9006 2.26429 25.3118 3.08972 22.7269C3.91586 20.1398 6.43161 18.7525 9.21638 18.2884L16.6527 17.0529L16.6552 17.0525C16.8169 17.0243 17.1619 16.8935 17.5523 16.604C17.945 16.3128 18.1668 16.022 18.2378 15.877L18.2462 15.8598L22.3508 7.65087L22.352 7.6485C23.629 5.08222 25.7146 3.01416 28.4796 3.01416C31.2412 3.01416 33.3328 5.07832 34.6215 7.64213L34.6236 7.64649L38.7303 15.8598L38.75 15.9001C38.7884 15.9807 38.8225 16.0591 38.8511 16.1283C38.9197 16.1891 39.0148 16.2702 39.1464 16.3781C39.1829 16.394 39.242 16.4185 39.3288 16.4505C39.5779 16.5424 39.9286 16.6512 40.3732 16.7719C41.2573 17.0121 42.3688 17.2611 43.4823 17.4894C44.5886 17.7163 45.6648 17.9163 46.4667 18.0598C46.8669 18.1315 47.1972 18.1888 47.4266 18.2281L47.6909 18.2729L47.7589 18.2843L47.7803 18.2879Z" }) }) }));
+    });
+
+    const stars$1 = new Array(5).fill(Star);
+    const TITLE$1 = {
+        NPS: 'Оцените, пожалуйста, от 1 до 5,\nнасколько вероятно, что вы порекомендуете Россельхозбанк коллегам, друзьям и знакомым?',
+        CSI: 'Оцените, пожалуйста, удовлетворённость пользования сайтом',
+    };
+    const FirstStep = JSX(({ currentRating, surveyType, isSending, setCurrentRating, onNextStep, onSubmit }) => {
+        const [currentHover, setCurrentHover] = useState();
+        const setRatingFn = (value) => {
+            setCurrentRating(value);
+            if (value < 5) {
+                onNextStep();
+            }
+        };
+        return (jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Heading, { className: "text-center whitespace-pre-line", headingType: "h5", title: TITLE$1[surveyType] }), jsx("div", { className: "flex justify-center", children: stars$1.map((StarItem, index) => (jsx(StarItem, { value: index + 1, rating: currentRating, hover: currentHover, setRating: setRatingFn, setHover: setCurrentHover, className: "modal-feedback__star" }, index))) }), currentRating === 5 ? (jsx(SubmitButton$1, { onClick: () => onSubmit(), isLoading: isSending, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })) : null] }));
+    });
+
+    const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
+        return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
+                const resultOptions = { ...commonOptions, ...options };
+                return (jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
+            }) }));
+    });
+
+    const defaultCheckStyle = 'appearance-none w-5 h-5 border-solid flex-none';
+
+    const CHECK_PATHS = [
+        {
+            d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
+            fillRule: 'evenodd',
+            clipRule: 'evenodd',
+            fill: 'white',
+        },
+    ];
+    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange, name }) => {
+        const handleChange = useCallback((e) => {
+            if (disabled) {
+                return;
+            }
+            e.preventDefault();
+            onChange && onChange(!value);
+        }, [onChange, disabled, value]);
+        const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
+        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), "data-test-id": name, onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$3(text)] }) }));
+    });
+    const renderText$3 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
+    const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
+    const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
+    const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
+
+    const orientationStyleMap = {
+        horizontal: '@lg:flex-row',
+        vertical: '',
+    };
+    const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id, text), disabled: disabled, name: id }, String(id)))) })] })));
+
+    function useEventListener(target, type, listener, options) {
+        useEffect(() => {
+            if (!target || !listener) {
+                return;
+            }
+            target.addEventListener(type, listener, options);
+            return () => {
+                target.removeEventListener(type, listener, options);
+            };
+        }, [target, type, listener]);
+    }
+
+    function useOutsideClick(onClick) {
+        const targetRef = useRef(null);
+        const handleClickOutside = useCallback((event) => {
+            if (targetRef && targetRef.current && event.target instanceof Node && !targetRef.current.contains(event.target)) {
+                onClick();
+            }
+        }, [onClick]);
+        useEventListener(globalThis.document, 'click', handleClickOutside);
+        return targetRef;
+    }
+
+    // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
+    const getRequiredLabel = ({ label, required = false }) => label && required ? `${label}*` : label;
+
+    const inputValidStyle = 'border border-solid outline-none border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text rounded';
+
+    const getValidStyle = (valid) => (valid ? inputValidStyle : 'border-error');
+
+    const renderLabel$1 = (label) => label ? (jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label })) : null;
+
+    const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
+    const borderStyle = 'border-dashed';
+
+    const Input = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ key, className, id, name, type = 'text', label, placeholder, value = '', valid = true, pattern, autoFocus = false, isTextarea = false, disabled = false, children, onChange, onFocus, onBlur, }) => {
+        const inputRef = useRef(null);
+        const handleChange = useCallback((e) => {
+            const valueWithoutSpace = (e.target?.value ?? '').trimStart();
+            onChange && onChange(valueWithoutSpace);
+        }, [onChange]);
+        useEffect(() => {
+            if (autoFocus) {
+                inputRef.current?.focus();
+            }
+        }, [autoFocus, inputRef]);
+        const paddingStyle = children ? 'pr-3xl' : '';
+        const validStyle = getValidStyle(valid);
+        const ariaLabel = label ?? name ?? id;
+        return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel$1(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { ref: inputRef, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
+    });
+
+    const renderErrorText = (error) => (jsx("div", { className: "min-h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
+
+    const InputWrapper = JSX(({ className, label, value = '', error, errors, type, isInteger, placeholder, maxLength, inputRef, isOpen, onOpen, onClose, required, onChange = noop, ...rest }) => {
+        const popupRef = useOutsideClick(onClose);
+        const handleChange = useCallback((v) => {
+            const isOverMax = maxLength && v.length > maxLength;
+            !isOpen && onOpen();
+            if (!isOverMax) {
+                onChange(normalizeInteger(v, isInteger));
+            }
+        }, [isOpen, onChange]);
+        return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: onClose, onFocus: onOpen, children: [jsx("div", { ref: inputRef, children: jsx(Input, { type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, required }), valid: Boolean(!error), onChange: handleChange, placeholder: getPlaceholder({ placeholder, errors, label }), value: value, ...rest }) }), renderErrorText(error)] }));
+    });
+    const normalizeInteger = (val = '', isInteger = false) => isInteger && val ? val.replace(/[^\d]+/g, '') : val;
+    const getPlaceholder = ({ placeholder, errors, label }) => errors && !label ? `${placeholder}*` : placeholder;
+
+    const InputControl = JSX((props) => {
+        const [isOpen, { setFalse: close, setTrue: open }] = useBool();
+        return jsx(InputWrapper, { isOpen: isOpen, onOpen: open, onClose: close, ...props });
+    });
+
+    const stars = new Array(5).fill(Star);
+    const TITLE = 'Что бы мы могли улучшить?';
+    const SecondStep = JSX(({ currentRating, currentReason, reasons = [], isSending, setCurrentReason, onSubmit }) => {
+        const [comment, setComment] = useState();
+        const handleReasonChange = (id, text) => {
+            setCurrentReason?.({
+                id,
+                text,
+            });
+        };
+        return (jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Heading, { className: "text-center", headingType: "h5", title: TITLE }), jsx("div", { className: "flex justify-center", children: stars.map((StarItem, index) => (jsx(StarItem, { value: index + 1, rating: currentRating }, index))) }), jsx(RadioButtonGroup, { className: "w-full text-wrap", orientation: "vertical", items: reasons, value: currentReason?.id, onChange: handleReasonChange }), currentReason?.text === 'Другое' ? (jsx(InputControl, { className: "w-full", placeholder: "\u041D\u0430\u043F\u0438\u0448\u0438\u0442\u0435, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0441\u0432\u043E\u0439 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u043E\u0442\u0432\u0435\u0442\u0430", isTextarea: true, value: comment, onChange: setComment, maxLength: 255 })) : null, currentReason ? (jsx(SubmitButton$1, { onClick: () => onSubmit(comment), isLoading: isSending, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })) : null] }));
+    });
+
+    const STEPS$3 = [FirstStep, SecondStep, FinalStep];
+    const LAST_STEP_INDEX = 2;
+    const UserSurveyDialog = UniBlock(({ onClose = noop, isAfterTargetAction = false, reasonsSource = {} }) => {
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
+        const [currentRating, setCurrentRating] = useState(0);
+        const [currentReason, setCurrentReason] = useState();
+        const [step, setStep] = useState(0);
+        const userSurveyStore = useLocalStore();
+        const surveyType = getUserSurveyType(userSurveyStore.userSurvey?.lastShownType);
+        const { reasons } = reasonsSource;
+        const ActiveStep = STEPS$3[step];
+        const handleNextStep = useCallback(() => {
+            setStep((_) => _ + 1);
+        }, []);
+        const handleSubmit = useCallback(async (message) => {
+            startSending();
+            await sendUserSurvey({
+                rate: currentRating,
+                reason: currentReason?.text,
+                message: getMessage(currentReason, message),
+                url: globalThis.location.href,
+                type: surveyType,
+                ip: isAfterTargetAction ? 'after_target_action' : 'time_on_site',
+            });
+            endSending();
+            userSurveyStore.userSurvey = {
+                lastShownType: surveyType,
+                nextDueAt: getTimeAfter30days(),
+            };
+            setStep(LAST_STEP_INDEX);
+        }, [currentRating, currentReason]);
+        return (jsx(Dialog, { maxWidth: "xl", onClose: onClose, children: jsx(ActiveStep, { currentRating: currentRating, currentReason: currentReason, reasons: reasons, surveyType: surveyType, isSending: isSending, setCurrentReason: setCurrentReason, setCurrentRating: setCurrentRating, onSubmit: handleSubmit, onNextStep: handleNextStep }) }));
+    });
+    const getMessage = (currentReason, message) => {
+        if (currentReason?.text !== 'Другое') {
+            return undefined;
+        }
+        return message?.length ? message : 'Другое. Клиент не оставил комментариев';
+    };
+    // Отсчитываем месяц с текущей даты
+    const getTimeAfter30days = () => Date.now() + 30 * 24 * 60 * 60 * 1000;
+    // Если пользователь проходил опрос то показываем другой, иначе показываем случайный тип опроса
+    const getUserSurveyType = (lastShownType) => {
+        console.log('Расчитал');
+        if (lastShownType) {
+            return lastShownType === 'NPS' ? 'CSI' : 'NPS';
+        }
+        return ['NPS', 'CSI'][Date.now() % 2];
+    };
+
+    const DELAY = 5 * 60 * 1000;
+    // Хук отвечает за показ пользователю опроса
+    const useUserSurveyDialog = (withoutTimer) => {
+        const userSurveyDialog = useDialog(UserSurveyDialog);
+        const userSurveyStore = useLocalStore();
+        const sessionStore = useSessionStore();
+        const surveyTimer = sessionStore.surveyTimerId;
+        const isSurveySkipped = sessionStore.isSurveySkipped;
+        const elapsedTime = sessionStore.surveyTimerStart
+            ? Date.now() - Number.parseInt(sessionStore.surveyTimerStart)
+            : 0;
+        const isShowSurvey = !isSurveySkipped &&
+            (!userSurveyStore.userSurvey || userSurveyStore.userSurvey?.nextDueAt <= Date.now());
+        const handleCloseSurvey = useCallback(() => {
+            sessionStore.isSurveySkipped = true;
+        }, []);
+        const openUserSurveyDialog = useCallback((isAfterTargetAction) => {
+            userSurveyDialog.open({
+                reasonsSource: {
+                    $ref: '/wcms-resources/user-survey-reasons.json',
+                },
+                isAfterTargetAction,
+                onClose: handleCloseSurvey,
+            });
+        }, []);
+        const handleOpenSurveyAction = useCallback(() => {
+            if (isShowSurvey) {
+                surveyTimer && clearTimeout(surveyTimer);
+                openUserSurveyDialog(true);
+            }
+        }, [surveyTimer, isShowSurvey]);
+        useEffect(() => {
+            // Опрос показывается только если ранее пользоваютелю не показывался опрос или с того момента прошел месяц
+            if (!withoutTimer && isShowSurvey) {
+                // начинаем отсчитывать время от первого захода на сайт
+                if (!sessionStore.surveyTimerStart) {
+                    sessionStore.surveyTimerStart = Date.now().toString();
+                }
+                // Опрос показывается спустя 5 минут нахождения на сайте
+                const timeout = setTimeout(openUserSurveyDialog, DELAY - elapsedTime);
+                sessionStore.surveyTimerId = timeout;
+                return () => {
+                    clearTimeout(timeout);
+                    sessionStore.surveyTimerId = null;
+                };
+            }
+            return noop;
+        }, [isShowSurvey]);
+        return handleOpenSurveyAction;
+    };
+
     const SERVICE_TYPES = [{ key: 'ULTRASERVICE', text: 'Ультра' }];
     const SERVICE_DIRECTIONS = [
         { key: 'Физическое лицо' },
@@ -1484,98 +2122,23 @@
         { key: 'Специалитет', text: 'Специалитет' },
         { key: 'Магистратура', text: 'Магистратура' },
         { key: 'Аспирантура', text: 'Аспирантура' },
-    ];
-
-    // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
-    const getRequiredLabel = ({ label, required = false }) => label && required ? `${label}*` : label;
-
-    const renderErrorText = (error) => (jsx("div", { className: "min-h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
-
-    const debounce = (fn, delay = 600) => {
-        let timerId;
-        const debouncedCallback = (...args) => {
-            debouncedCallback.dispose();
-            timerId = setTimeout(() => {
-                fn(...args);
-            }, delay);
-        };
-        debouncedCallback.dispose = () => {
-            if (timerId) {
-                clearTimeout(timerId);
-            }
-        };
-        return debouncedCallback;
-    };
-
-    const renderLabel$1 = (label) => label ? (jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label })) : null;
-
-    function useEventListener(target, type, listener, options) {
-        useEffect(() => {
-            if (!target || !listener) {
-                return;
-            }
-            target.addEventListener(type, listener, options);
-            return () => {
-                target.removeEventListener(type, listener, options);
-            };
-        }, [target, type, listener]);
-    }
-
-    function useOutsideClick(onClick) {
-        const targetRef = useRef(null);
-        const handleClickOutside = useCallback((event) => {
-            if (targetRef && targetRef.current && event.target instanceof Node && !targetRef.current.contains(event.target)) {
-                onClick();
-            }
-        }, [onClick]);
-        useEventListener(globalThis.document, 'click', handleClickOutside);
-        return targetRef;
-    }
-
-    const inputValidStyle = 'border border-solid outline-none border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text rounded';
-
-    const getValidStyle = (valid) => (valid ? inputValidStyle : 'border-error');
-
-    const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
-    const borderStyle = 'border-dashed';
-
-    const Input = JSX(
-    // eslint-disable-next-line max-lines-per-function
-    ({ key, className, id, name, type = 'text', label, placeholder, value = '', valid = true, pattern, autoFocus = false, isTextarea = false, disabled = false, children, onChange, onFocus, onBlur, }) => {
-        const inputRef = useRef(null);
-        const handleChange = useCallback((e) => {
-            const valueWithoutSpace = (e.target?.value ?? '').trimStart();
-            onChange && onChange(valueWithoutSpace);
-        }, [onChange]);
-        useEffect(() => {
-            if (autoFocus) {
-                inputRef.current?.focus();
-            }
-        }, [autoFocus, inputRef]);
-        const paddingStyle = children ? 'pr-3xl' : '';
-        const validStyle = getValidStyle(valid);
-        const ariaLabel = label ?? name ?? id;
-        return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel$1(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { ref: inputRef, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
-    });
+    ];
 
-    const InputWrapper = JSX(({ className, label, value = '', error, errors, type, isInteger, placeholder, maxLength, inputRef, isOpen, onOpen, onClose, required, onChange = noop, ...rest }) => {
-        const popupRef = useOutsideClick(onClose);
-        const handleChange = useCallback((v) => {
-            const isOverMax = maxLength && v.length > maxLength;
-            !isOpen && onOpen();
-            if (!isOverMax) {
-                onChange(normalizeInteger(v, isInteger));
+    const debounce = (fn, delay = 600) => {
+        let timerId;
+        const debouncedCallback = (...args) => {
+            debouncedCallback.dispose();
+            timerId = setTimeout(() => {
+                fn(...args);
+            }, delay);
+        };
+        debouncedCallback.dispose = () => {
+            if (timerId) {
+                clearTimeout(timerId);
             }
-        }, [isOpen, onChange]);
-        return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: onClose, onFocus: onOpen, children: [jsx("div", { ref: inputRef, children: jsx(Input, { type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, required }), valid: Boolean(!error), onChange: handleChange, placeholder: getPlaceholder({ placeholder, errors, label }), value: value, ...rest }) }), renderErrorText(error)] }));
-    });
-    const normalizeInteger = (val = '', isInteger = false) => isInteger && val ? val.replace(/[^\d]+/g, '') : val;
-    const getPlaceholder = ({ placeholder, errors, label }) => errors && !label ? `${placeholder}*` : placeholder;
-
-    const InputControl = JSX((props) => {
-        const [isOpen, { setFalse: close, setTrue: open }] = useBool();
-        return jsx(InputWrapper, { isOpen: isOpen, onOpen: open, onClose: close, ...props });
-    });
+        };
+        return debouncedCallback;
+    };
 
     const renderSearchInput = ({ query, isDisabled, onChangeQuery, inputProps, }) => (jsx("div", { className: "absolute top-0 w-full z-20", children: jsx(InputControl, { type: "text", value: query, autoFocus: true, disabled: isDisabled, onChange: (value) => onChangeQuery(value), maxLength: inputProps?.maxLength, isInteger: inputProps?.isInteger ?? false }) }));
 
@@ -1717,7 +2280,7 @@
         const formatData = {
             ...usedData,
             ...getVedTypes(vedTypes),
-            ...getRegion$1(region),
+            ...getRegion(region),
             ...(inn && { inn }),
             ...(partnerComments ? { partnerComments } : {}),
             ...(serviceType ? { typeForm: serviceType } : {}),
@@ -1734,7 +2297,7 @@
     const getIncidentComment = (sufferedFrom, situationDescription) => sufferedFrom || situationDescription
         ? { comment: `${sufferedFrom || ''};${situationDescription || ''}` }
         : {};
-    const getRegion$1 = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
+    const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
     const getVedTypes = (vedTypes) => vedTypes
         ? {
             vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
@@ -1768,239 +2331,20 @@
         vedTypes: VED_TYPES[0].id,
         birthday: undefined,
         isClient: false,
-        onlineCheckout: false,
-        posTerminal: false,
-        consentToReceiveMaterials: false,
-        consentDataProcessing: false,
-        addressRetail: { key: '', text: '' },
-        fileUpload: '',
-        fileId: '',
-    };
-    const getInitialFormState$2 = (inputs, typeForm = '') => {
-        const formState = Object.fromEntries(inputs.map((_) => [
-            _.name,
-            (_?.name === 'vedTypes' && _?.defaultValue) || initialFormState$1[_.name || ''],
-        ]));
-        return { ...formState, typeForm: { key: typeForm, text: '' } };
-    };
-
-    const getUserTimezoneOffset = () => {
-        const offset = new Date().getTimezoneOffset();
-        const absOffset = Math.abs(offset);
-        const hours = Math.floor(absOffset / 60);
-        const minutes = absOffset % 60;
-        const sign = offset < 0 ? '+' : '-';
-        return `GMT${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
-    };
-
-    const API_BASE_URI = '/api/v1';
-
-    const ENDPOINT_MAPPING = {
-        lead: {
-            withTypeForm: true,
-            isNaturalEndpoint: true,
-        },
-        sendcorporatelead: {
-            withTypeForm: true,
-            isNaturalEndpoint: false,
-        },
-        practice: {
-            withTypeForm: false,
-            isNaturalEndpoint: true,
-        },
-        internship: {
-            withTypeForm: false,
-            isNaturalEndpoint: true,
-        },
-        initcorporatelead: {
-            withTypeForm: true,
-            isNaturalEndpoint: false,
-        },
-        confirmCorporateLead: {
-            withTypeForm: true,
-            isNaturalEndpoint: false,
-        },
-        callback: {
-            withTypeForm: false,
-            isNaturalEndpoint: true,
-        },
-    };
-
-    const formatDate = (date, toTimeStamp = false) => {
-        if (typeof date === 'string') {
-            return date.split('-').reverse().join('.');
-        }
-        else {
-            const day = String(date.getDate()).padStart(2, '0');
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const year = String(date.getFullYear());
-            return toTimeStamp ? `${year}-${month}-${day}` : `${day}.${month}.${year}`;
-        }
-    };
-
-    const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
-
-    const getSubmitBody = ({ body, endpoint, router }) => {
-        const isNaturalPerson = endpoint && ENDPOINT_MAPPING[endpoint].isNaturalEndpoint;
-        const withTypeForm = endpoint && ENDPOINT_MAPPING[endpoint].withTypeForm;
-        const { typeForm, region, phone = '', email, birthday, desiredMeetingDate, fullRegion, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, partnerName, russianPhone, partnerSymbolCode, internshipEndDate, internshipStartDate, ...staticBody } = body;
-        return {
-            ...(withTypeForm ? { typeForm } : {}),
-            ...getRegion(region, isNaturalPerson),
-            ...getEmail(email, isNaturalPerson),
-            ...getPhone(phone),
-            ...getPhone(russianPhone),
-            ...(isNaturalPerson ? getFormatDate([[birthday, 'birthday']]) : { birthday }),
-            ...getFormatDate([
-                [desiredMeetingDate, 'desiredMeetingDate'],
-                [internshipEndDate, 'internshipEndDate'],
-                [internshipStartDate, 'internshipStartDate'],
-            ]),
-            ...(typeForm === 'FEEDBACK'
-                ? {}
-                : {
-                    addressBranch,
-                    bankEmpolee,
-                    applicationDate,
-                    ...getSecondaryPhone(secondaryPhone),
-                }),
-            ...addPageSlug(typeForm, router),
-            ...formatPFForm(typeForm, {
-                fullRegion,
-                partnerName,
-                partnerSymbolCode,
-            }),
-            ...getRkoTariffName(typeForm),
-            ...staticBody,
-        };
-    };
-    const getPhoneBody = (phone) => {
-        return {
-            ...getPhone(phone),
-        };
-    };
-    const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
-    const getFormatDate = (dates) => Object.fromEntries(dates.filter(([value]) => value).map(([value, key]) => [key, formatDate(value)]));
-    const getRegion = (region, isNaturalPerson = true) => ({
-        [isNaturalPerson ? 'regionBranch' : 'region']: region,
-    });
-    const getEmail = (email, isNaturalPerson = true) => ({
-        [isNaturalPerson ? 'email' : 'mail']: email,
-    });
-    const getSecondaryPhone = (secondaryPhone = '') => !secondaryPhone || secondaryPhone === '+7 ('
-        ? {}
-        : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
-    const formatPFForm = (typeForm, data) => typeForm === 'PF'
-        ? {
-            region: data?.fullRegion,
-            partner: data?.partnerName,
-            partnerId: data?.partnerSymbolCode,
-        }
-        : {};
-    const addPageSlug = (typeForm, router) => typeForm === 'UNIVERSAL'
-        ? {
-            typeForm: router?.pathname?.split('/')?.at(-1) || '/',
-        }
-        : {};
-    const getRkoTariffName = (typeForm) => typeForm === 'CALC'
-        ? {
-            partnerComments: globalThis?.sessionStorage.getItem('rkoTariffName') ?? 'Неизвестный тариф',
-        }
-        : {};
-
-    // eslint-disable-next-line max-lines-per-function
-    function LeadServiceAPI() {
-        async function send({ body, router, endpoint }) {
-            const calculatedEndpoint = endpoint && getEndpoint(endpoint, body);
-            const url = `${API_BASE_URI}/${calculatedEndpoint}`;
-            const submitBody = getSubmitBody({
-                body,
-                endpoint,
-                router,
-            });
-            try {
-                const response = await LeadServiceFetch(url, submitBody);
-                if (!response?.ok) {
-                    return null;
-                }
-                return await response.json();
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        async function sendCode({ phone }) {
-            const submitBody = getPhoneBody(phone);
-            try {
-                const response = LeadServiceFetch(`${API_BASE_URI}/initCorporateLead`, submitBody).then(async (res) => {
-                    if (!res.ok) {
-                        throw new Error(`Ошибка HTTP: ${res.status}`);
-                    }
-                    return await res.text();
-                });
-                return await response;
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        async function checkCode({ reqId, code, body, router, endpoint = 'confirmCorporateLead', }) {
-            const submitBody = {
-                requestId: reqId,
-                confimationCode: code,
-                leadRequest: getSubmitBody({ body, endpoint, router }),
-            };
-            try {
-                const response = await LeadServiceFetch(`${API_BASE_URI}/${endpoint}`, submitBody);
-                return await response.json();
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        async function sendPhoneCallRequest(body, endpoint) {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const submitBody = getSubmitBody({ body, endpoint });
-            const formatSubmitBody = getFormatCallbackSubmitBody(submitBody);
-            try {
-                const response = await LeadServiceFetch(`${API_BASE_URI}/callback`, formatSubmitBody);
-                if (!response?.ok) {
-                    return null;
-                }
-                return await response.json();
-            }
-            catch (e) {
-                return null;
-            }
-        }
-        return {
-            send,
-            sendCode,
-            checkCode,
-            sendPhoneCallRequest,
-        };
-    }
-    const LeadServiceFetch = (url, submitBody) => fetch(url, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        mode: 'cors',
-        body: JSON.stringify(submitBody),
-    });
-    const getFormatCallbackSubmitBody = (submitBody) => {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { typeForm, consentDataProcessing, phone, ...rest } = submitBody;
-        return {
-            ...rest,
-            phone: phone?.startsWith('+') ? phone.slice(1) : phone,
-            clientTimezone: getUserTimezoneOffset(),
-        };
+        onlineCheckout: false,
+        posTerminal: false,
+        consentToReceiveMaterials: false,
+        consentDataProcessing: false,
+        addressRetail: { key: '', text: '' },
+        fileUpload: '',
+        fileId: '',
     };
-    const getEndpoint = (endpoint, body) => {
-        const { serviceDirection } = body;
-        if (endpoint === 'lead' && serviceDirection !== 'Юридическое лицо / ИП') {
-            return 'lead';
-        }
-        return endpoint;
+    const getInitialFormState$2 = (inputs, typeForm = '') => {
+        const formState = Object.fromEntries(inputs.map((_) => [
+            _.name,
+            (_?.name === 'vedTypes' && _?.defaultValue) || initialFormState$1[_.name || ''],
+        ]));
+        return { ...formState, typeForm: { key: typeForm, text: '' } };
     };
 
     const getAspectsWithInclude = (data, include) => data?.map(({ aspectName, params }) => ({
@@ -2018,8 +2362,9 @@
     };
 
     const API$2 = LeadServiceAPI();
-    const handleInitCorporateLead = async ({ formatData = {}, typeForm, responseTypeDialog, verifyPhoneDialog, data = [], aspects = {}, ev, }) => {
+    const handleInitCorporateLead = async ({ formatData = {}, typeForm, responseTypeDialog, verifyPhoneDialog, data = [], aspects = {}, ev, openUserSurvey, }) => {
         const { phone } = formatData;
+        const hasSurveyAspect = data?.find((_) => _.aspectName === 'openUserSurvey');
         const response = await API$2.sendCode({ phone: String(phone) });
         if (!response) {
             responseTypeDialog.open({ ok: Boolean(response), typeForm });
@@ -2037,6 +2382,7 @@
                     phone,
                     id,
                 });
+                hasSurveyAspect && openUserSurvey?.();
                 handleAspects({
                     aspectsAttributes: getAspectsWithInclude(data, snowplowParams),
                     aspects,
@@ -2045,11 +2391,13 @@
             },
         });
     };
-    const handleCallback = async ({ formatData, data, aspects = {}, ev, typeForm, responseTypeDialog, onSuccess = noop, endpoint, }) => {
+    const handleCallback = async ({ formatData, data, aspects = {}, ev, typeForm, responseTypeDialog, onSuccess = noop, endpoint, openUserSurvey, }) => {
+        const hasSurveyAspect = data?.find((_) => _.aspectName === 'openUserSurvey');
         const response = await API$2.sendPhoneCallRequest(formatData, endpoint);
         onSuccess();
         if (response?.status === 'success') {
             responseTypeDialog.open({ ok: true, typeForm });
+            hasSurveyAspect && openUserSurvey?.();
             handleAspects({ aspectsAttributes: data, aspects, ev });
         }
         else if (response?.status === 'error') {
@@ -2065,11 +2413,13 @@
             }
         }
     };
-    const handleDefault = async ({ formatData, data, aspects = {}, ev, router, responseTypeDialog, endpoint, withSnowplow, }) => {
+    const handleDefault = async ({ formatData, data, aspects = {}, ev, router, responseTypeDialog, endpoint, withSnowplow, openUserSurvey, }) => {
+        const hasSurveyAspect = data?.find((_) => _.aspectName === 'openUserSurvey');
         const response = await API$2.send({ body: formatData, router, endpoint });
         const ok = Boolean(response);
         responseTypeDialog.open({ ok });
         if (ok) {
+            hasSurveyAspect && openUserSurvey?.();
             const { requestId } = response;
             const { phone } = formatData;
             const utms = router.pathname.split('?')[1];
@@ -2090,45 +2440,6 @@
         }
     };
 
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
-            'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
-
-    const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
-
-    const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
-        return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
-                const resultOptions = { ...commonOptions, ...options };
-                return (jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
-            }) }));
-    });
-
-    const defaultCheckStyle = 'appearance-none w-5 h-5 border-solid flex-none';
-
-    const CHECK_PATHS = [
-        {
-            d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
-            fillRule: 'evenodd',
-            clipRule: 'evenodd',
-            fill: 'white',
-        },
-    ];
-    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange, name }) => {
-        const handleChange = useCallback((e) => {
-            if (disabled) {
-                return;
-            }
-            e.preventDefault();
-            onChange && onChange(!value);
-        }, [onChange, disabled, value]);
-        const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), "data-test-id": name, onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$3(text)] }) }));
-    });
-    const renderText$3 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
-    const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
-    const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
-    const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
-
     const withValidator = (props, validator) => {
         const { value, isDirty } = props;
         const errors = isDirty ? validator(value) : [];
@@ -3347,12 +3658,6 @@
 
     const UltraPremiumField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...field(input?.name ?? ''), ...input })));
 
-    const orientationStyleMap = {
-        horizontal: '@lg:flex-row',
-        vertical: '',
-    };
-    const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id, text), disabled: disabled, name: id }, String(id)))) })] })));
-
     const VedField = JSX(({ field, input }) => {
         const handleChange = useCallback((_) => {
             if (_ !== 'currencyControl') {
@@ -3606,242 +3911,100 @@
     const CODE_LENGTH$1 = 4;
     const TIME_TO_RESEND$1 = 180;
     const VerifyPhoneDialog$1 = JSX(({ phone, onSuccess = noop, onClose = noop, formatData = {}, reqId }) => {
-        const [values, setValues] = useState(Array(CODE_LENGTH$1).fill(''));
-        const [requestId, setRequestId] = useState(reqId);
-        const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setErrorText, } = useVerifyPhoneDialogSubmit$1({
-            values,
-            onSuccess,
-            formatData,
-            reqId: requestId ?? '',
-        });
-        const phoneNumber = formatPhone(phone);
-        const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
-        const handleSendCode = useCallback(async () => {
-            const response = await API.sendCode({ phone: phoneNumber });
-            if (response) {
-                setTimeNextReq(TIME_TO_RESEND$1);
-                restartTimer(TIME_TO_RESEND$1);
-                setErrorText('');
-                setRequestId(String(response));
-            }
-        }, [phoneNumber, restartTimer, onClose]);
-        return (jsx(VerifyPhoneDialogLayout, { isSubmitButtonDisabled: isSubmitButtonDisabled, onSubmit: handleSubmit, onSendCode: handleSendCode, timeNextReq: timeNextReq, values: values, onChange: setValues, phone: phone, isLoading: isLoading, errorText: errorText, hasError: hasError, onClose: onClose }));
-    });
-
-    const handlerMap = {
-        initcorporatelead: handleInitCorporateLead,
-        callback: handleCallback,
-        default: handleDefault,
-    };
-    const ApplicationForm = UniBlock(
-    // eslint-disable-next-line max-lines-per-function
-    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, withSnowplow, isContacts, data, onSuccess, ...rest }) => {
-        const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
-        const initialFormState = useMemo(() => getInitialFormState$2(inputs, typeForm), [inputs, typeForm]);
-        const router = useRouter();
-        const aspects = useAspects();
-        const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
-        const responseTypeDialog = useDialog(ResponseTypeDialog);
-        const verifyPhoneDialog = useDialog(VerifyPhoneDialog$1);
-        const handleSubmit = useCallback(async (formData, ev) => {
-            const formatData = getFormatData({ ...formData, ...additionalParams });
-            await executeHandler({
-                formatData,
-                ev,
-                typeForm,
-                data,
-                aspects,
-                router,
-                responseTypeDialog,
-                verifyPhoneDialog,
-                onSuccess,
-                withSnowplow,
-            }, endpoint);
-        }, [typeForm]);
-        const [, { field, onSubmit }] = useForm(initialFormState, {
-            resetOnSubmit: true,
-            formValidator,
-            onSubmit: handleSubmit,
-        });
-        const fieldName = getConsentDataProcessing(inputs)?.name;
-        const consentDataProcessing = fieldName ? field('consentDataProcessing') : undefined;
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [renderSections(sections, field, { typeForm, additionalParams }), renderAgreementSubmit({
-                            consentDataProcessing,
-                            link,
-                            button,
-                            typeForm,
-                        })] }), isContacts ? renderContacts() : null] }));
-    });
-    const executeHandler = async (context, endpoint) => {
-        const handler = (endpoint && handlerMap[endpoint]) || handlerMap.default;
-        await handler({ ...context, endpoint });
-    };
-
-    const mapProductTypeToName = {
-        creditCard: 'кредитной карты',
-        debitCard: 'дебетовой карты',
-        credit: 'кредита',
-    };
-    const NoConsentDialog = JSX(({ attempts, productType, onClose = noop }) => {
-        const navigator = locationNavigator();
-        const isMaxAttempts = attempts > 1;
-        const returnToMainPage = useCallback(() => {
-            navigator.assign('/natural');
-        }, []);
-        const handleClose = useCallback(() => {
-            if (isMaxAttempts) {
-                returnToMainPage();
-            }
-            else {
-                onClose();
-            }
-        }, [isMaxAttempts]);
-        return (jsx(Dialog, { onClose: handleClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Paragraph, { align: "text-center", children: "\u0423\u0432\u0430\u0436\u0430\u0435\u043C\u044B\u0439 \u043A\u043B\u0438\u0435\u043D\u0442!" }), jsx(Paragraph, { align: "text-center", children: `Для получения ${mapProductTypeToName[productType]} Вам необходимо обратиться в офис Банка` }), jsxs("div", { className: "flex flex-col sm:flex-row gap-xl items-center", children: [jsx(Button, { type: "button", version: "secondary", onClick: returnToMainPage, children: "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C" }), isMaxAttempts ? null : (jsx(Button, { type: "button", onClick: onClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" }))] })] }) }));
-    });
-
-    function copy(source, target) {
-        for (const [k, v] of source.entries()) {
-            if (v !== null && v !== undefined) {
-                target.setItem(k, v);
-            }
-            else {
-                target.removeItem(k);
-            }
-        }
-    }
-
-    function replicate(primary, secondary) {
-        copy(primary, secondary);
-        copy(secondary, primary);
-        return primary.bus.watch(({ type, event }) => {
-            if (event !== null && event !== undefined) {
-                secondary.setItem(type, event);
-            }
-            else {
-                secondary.removeItem(type);
-            }
-        });
-    }
-
-    class StorageAdapter {
-        storage;
-        bus;
-        get size() {
-            return this.storage?.length ?? 0;
-        }
-        constructor(storage, bus = new EventBus()) {
-            this.storage = storage;
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return Boolean(this.storage?.getItem(String(key)));
-        }
-        getItem(key) {
-            const _ = this.storage?.getItem(String(key)) ?? null;
-            try {
-                return JSON.parse(String(_));
-            }
-            catch (ex) {
-                return null;
-            }
-        }
-        entries() {
-            return Array.from({ length: this.size }, (_, i) => {
-                const k = String(this.storage?.key(i));
-                return [k, this.getItem(k)];
-            });
-        }
-        setItem(key, value) {
-            if (value !== null) {
-                this.storage?.setItem(String(key), JSON.stringify(value));
-            }
-            else {
-                this.storage?.removeItem(String(key));
-            }
-            this.bus?.subject(key, value);
-        }
-        removeItem(key) {
-            this.storage?.removeItem(String(key));
-            this.bus?.subject(key, null);
-        }
-    }
-
-    class Store {
-        bus;
-        store = new Map();
-        get size() {
-            return this.store.size;
-        }
-        constructor(bus = new EventBus()) {
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return this.store.has(key);
-        }
-        getItem(key) {
-            return this.store.get(key);
-        }
-        entries() {
-            return this.store.entries();
-        }
-        setItem(key, value) {
-            this.store.set(key, value);
-            this.bus.subject(key, value);
-        }
-        removeItem(key) {
-            this.store.delete(key);
-            this.bus.subject(key, null);
-        }
-    }
-
-    function useRerender() {
-        const [, setCount] = useState(0);
-        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
-    }
+        const [values, setValues] = useState(Array(CODE_LENGTH$1).fill(''));
+        const [requestId, setRequestId] = useState(reqId);
+        const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setErrorText, } = useVerifyPhoneDialogSubmit$1({
+            values,
+            onSuccess,
+            formatData,
+            reqId: requestId ?? '',
+        });
+        const phoneNumber = formatPhone(phone);
+        const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
+        const handleSendCode = useCallback(async () => {
+            const response = await API.sendCode({ phone: phoneNumber });
+            if (response) {
+                setTimeNextReq(TIME_TO_RESEND$1);
+                restartTimer(TIME_TO_RESEND$1);
+                setErrorText('');
+                setRequestId(String(response));
+            }
+        }, [phoneNumber, restartTimer, onClose]);
+        return (jsx(VerifyPhoneDialogLayout, { isSubmitButtonDisabled: isSubmitButtonDisabled, onSubmit: handleSubmit, onSendCode: handleSendCode, timeNextReq: timeNextReq, values: values, onChange: setValues, phone: phone, isLoading: isLoading, errorText: errorText, hasError: hasError, onClose: onClose }));
+    });
 
-    const DEFAULT_METHODS = {};
-    /**
-     * MobX like reactivity (simplified).
-     * Can be used to migrate from Redux/MobX or something else
-     *
-     * @param store
-     * @returns reactive proxy backed by store
-     */
-    function useStore(store, methods = DEFAULT_METHODS) {
-        const deps = useRef(null);
-        const render = useRerender();
-        useEffect(() => store.bus.watch(ev => {
-            if (deps.current?.has(String(ev.type))) {
-                render();
-            }
-        }), [store, render]);
-        return useMemo(() => new Proxy(methods, {
-            get(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.getItem(key);
-            },
-            has(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.hasItem(key);
-            },
-            set(_, key, value) {
-                store.setItem(key, value);
-                return true;
-            },
-            deleteProperty(_, key) {
-                store.removeItem(key);
-                return true;
-            }
-        }), [store]);
-    }
+    const handlerMap = {
+        initcorporatelead: handleInitCorporateLead,
+        callback: handleCallback,
+        default: handleDefault,
+    };
+    const ApplicationForm = UniBlock(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, withSnowplow, isContacts, data, onSuccess, ...rest }) => {
+        const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
+        const initialFormState = useMemo(() => getInitialFormState$2(inputs, typeForm), [inputs, typeForm]);
+        const router = useRouter();
+        const aspects = useAspects();
+        const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
+        const responseTypeDialog = useDialog(ResponseTypeDialog);
+        const verifyPhoneDialog = useDialog(VerifyPhoneDialog$1);
+        const openUserSurvey = useUserSurveyDialog(true);
+        const handleSubmit = useCallback(async (formData, ev) => {
+            const formatData = getFormatData({ ...formData, ...additionalParams });
+            await executeHandler({
+                formatData,
+                ev,
+                typeForm,
+                data,
+                aspects,
+                router,
+                responseTypeDialog,
+                verifyPhoneDialog,
+                onSuccess,
+                withSnowplow,
+                openUserSurvey,
+            }, endpoint);
+        }, [typeForm]);
+        const [, { field, onSubmit }] = useForm(initialFormState, {
+            resetOnSubmit: true,
+            formValidator,
+            onSubmit: handleSubmit,
+        });
+        const fieldName = getConsentDataProcessing(inputs)?.name;
+        const consentDataProcessing = fieldName ? field('consentDataProcessing') : undefined;
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [renderSections(sections, field, { typeForm, additionalParams }), renderAgreementSubmit({
+                            consentDataProcessing,
+                            link,
+                            button,
+                            typeForm,
+                        })] }), isContacts ? renderContacts() : null] }));
+    });
+    const executeHandler = async (context, endpoint) => {
+        const handler = (endpoint && handlerMap[endpoint]) || handlerMap.default;
+        await handler({ ...context, endpoint });
+    };
 
-    const sessionStore = new Store(); // sessionStorage cache
-    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
-    function useSessionStore() {
-        return useStore(sessionStore);
-    }
+    const mapProductTypeToName = {
+        creditCard: 'кредитной карты',
+        debitCard: 'дебетовой карты',
+        credit: 'кредита',
+    };
+    const NoConsentDialog = JSX(({ attempts, productType, onClose = noop }) => {
+        const navigator = locationNavigator();
+        const isMaxAttempts = attempts > 1;
+        const returnToMainPage = useCallback(() => {
+            navigator.assign('/natural');
+        }, []);
+        const handleClose = useCallback(() => {
+            if (isMaxAttempts) {
+                returnToMainPage();
+            }
+            else {
+                onClose();
+            }
+        }, [isMaxAttempts]);
+        return (jsx(Dialog, { onClose: handleClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Paragraph, { align: "text-center", children: "\u0423\u0432\u0430\u0436\u0430\u0435\u043C\u044B\u0439 \u043A\u043B\u0438\u0435\u043D\u0442!" }), jsx(Paragraph, { align: "text-center", children: `Для получения ${mapProductTypeToName[productType]} Вам необходимо обратиться в офис Банка` }), jsxs("div", { className: "flex flex-col sm:flex-row gap-xl items-center", children: [jsx(Button, { type: "button", version: "secondary", onClick: returnToMainPage, children: "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C" }), isMaxAttempts ? null : (jsx(Button, { type: "button", onClick: onClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" }))] })] }) }));
+    });
 
     const getNS = (_) => globalThis[_];
     const initializeExternalNS = (namespaceName, url, isModule = false) => {
@@ -5158,12 +5321,6 @@
         return result || [];
     };
 
-    const localStore = new Store(); // localStorage cache
-    replicate(localStore, new StorageAdapter(globalThis?.localStorage));
-    function useLocalStore(methods) {
-        return useStore(localStore, methods);
-    }
-
     const useRetailFormStore = () => {
         return useLocalStore();
     };
@@ -7375,6 +7532,9 @@
     };
     const getTaskSource = (source) => {
         switch (source) {
+            case 'banki_ru': {
+                return 'banki_ru';
+            }
             case 'referal_sf': {
                 return 'ReferalSF';
             }
@@ -11045,7 +11205,7 @@
         DELIVERY_CREDIT_CARD_CONTENT,
     ];
 
-    const STEPS$3 = 6;
+    const STEPS$2 = 6;
     const TITLES = [
         'Параметры карты',
         'Персональные данные',
@@ -11060,7 +11220,7 @@
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
         useEffect(updateRefreshToken, []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS$3));
+            setStep((_) => Math.min(_ + 1, STEPS$2));
             scrollToTop();
         }, []);
         const handlePrevStep = useCallback(() => {
@@ -11070,7 +11230,7 @@
         }, []);
         const sections = stepsSectionsMap$2[step];
         const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
-        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: TITLES, step: step, totalSteps: STEPS$3 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
+        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: TITLES, step: step, totalSteps: STEPS$2 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
 
     const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
@@ -11631,7 +11791,7 @@
         DELIVERY_CREDIT_CONTENT,
     ];
 
-    const STEPS$2 = 4;
+    const STEPS$1 = 4;
     const STEP_TITLES$1 = [
         '',
         'Персональные данные',
@@ -11645,7 +11805,7 @@
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
         useEffect(updateRefreshToken, []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS$2));
+            setStep((_) => Math.min(_ + 1, STEPS$1));
             scrollToTop();
         }, []);
         const handlePrevStep = useCallback(() => {
@@ -11656,7 +11816,7 @@
         const sections = stepsSectionsMap$1[step];
         const isStartStep = step === 0;
         const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
-        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: STEP_TITLES$1, step: step, totalSteps: STEPS$2 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsx(CreditFormStep, { step: step, sections: sections, programsSource: programsSource, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
+        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: STEP_TITLES$1, step: step, totalSteps: STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsx(CreditFormStep, { step: step, sections: sections, programsSource: programsSource, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
 
     const DebitFormProgress = JSX(({ step = 1, totalSteps = 2, stepsTitles = [] }) => {
@@ -11667,8 +11827,11 @@
 
     const INTERNET_BANK_LINK = 'https://online.rshb.ru/d?l=dcNqSvOE';
     const PRELOGIN_LINK = 'https://online.rshb.ru/rshb-mbfl/webmodules/prelogin-zone';
+    const openLink = (url) => {
+        window.location.href = url;
+    };
     const DebitFormStatus = JSX(({ title, description: dsc, sectionInfo, buttonText, isDboClient, isOffice, ...props }) => {
-        return (jsxs(BlockWrapper, { ...props, children: [jsx("div", { className: "flex flex-col md:flex-row items-center", children: jsx(Headline, { headlineVersion: "M", title: title, description: dsc, align: "text-left", padding: "p-xl", className: "w-full" }) }), jsx(SectionInfo, { items: sectionInfo }), isOffice ? (jsxs("div", { className: "flex flex-col md:flex-row md:gap-lg", children: [jsx(LinkButton, { href: PRELOGIN_LINK, text: "\u0423\u0437\u043D\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0443\u0441 \u0437\u0430\u044F\u0432\u043A\u0438", version: "primary", className: "w-full mt-lg" }), jsx(LinkButton, { href: "/natural", text: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E", version: "primary", className: "w-full mt-lg" })] })) : null, !isOffice && buttonText ? (jsx(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null, isDboClient ? (jsxs("div", { className: "flex flex-col md:flex-row md:gap-lg", children: [jsx(LinkButton, { href: "/natural/debetcards", text: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0437\u0430\u043D\u043E\u0432\u043E", version: "primary", className: "w-full mt-lg" }), jsx(LinkButton, { href: INTERNET_BANK_LINK, text: "\u0412\u044B\u043F\u0443\u0441\u0442\u0438\u0442\u044C \u043A\u0430\u0440\u0442\u0443 \u0432 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0438", version: "primary", className: "w-full mt-lg" })] })) : null] }));
+        return (jsxs(BlockWrapper, { ...props, children: [jsx("div", { className: "flex flex-col md:flex-row items-center", children: jsx(Headline, { headlineVersion: "M", title: title, description: dsc, align: "text-left", padding: "p-xl", className: "w-full" }) }), jsx(SectionInfo, { items: sectionInfo }), isOffice ? (jsxs("div", { className: "flex flex-col md:flex-row md:gap-lg", children: [jsx(Button, { onClick: () => openLink(PRELOGIN_LINK), className: "w-full mt-lg", version: "primary", children: "\u0423\u0437\u043D\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0443\u0441 \u0437\u0430\u044F\u0432\u043A\u0438" }), jsx(LinkButton, { href: "/natural", text: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E", version: "primary", className: "w-full mt-lg" })] })) : null, !isOffice && buttonText ? (jsx(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null, isDboClient ? (jsxs("div", { className: "flex flex-col md:flex-row md:gap-lg", children: [jsx(LinkButton, { href: "/natural/debetcards", text: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0437\u0430\u043D\u043E\u0432\u043E", version: "primary", className: "w-full mt-lg" }), jsx(LinkButton, { href: INTERNET_BANK_LINK, text: "\u0412\u044B\u043F\u0443\u0441\u0442\u0438\u0442\u044C \u043A\u0430\u0440\u0442\u0443 \u0432 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0438", version: "primary", className: "w-full mt-lg" })] })) : null] }));
     });
     const SectionInfo = ({ title, items, }) => {
         if (!items) {
@@ -12200,7 +12363,7 @@
         DEBIT_CARD_CONTENT,
     ];
 
-    const STEPS$1 = 2;
+    const STEPS = 2;
     const STEP_TITLES = ['', 'Персональные данные', 'Платежная система'];
     const DebitForm = UniBlock(({ className, ...rest }) => {
         const [step, setStep] = useState(0);
@@ -12208,7 +12371,7 @@
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
         useEffect(updateRefreshToken, []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS$1));
+            setStep((_) => Math.min(_ + 1, STEPS));
             scrollToTop();
         }, []);
         const handlePrevStep = useCallback(() => {
@@ -12223,7 +12386,7 @@
             setIsFormFinished();
             scrollToTop();
         }, []);
-        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(DebitFormProgress, { stepsTitles: STEP_TITLES, step: step, totalSteps: STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(DebitFormStatusTracker, {})) : (jsx(DebitFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
+        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(DebitFormProgress, { stepsTitles: STEP_TITLES, step: step, totalSteps: STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(DebitFormStatusTracker, {})) : (jsx(DebitFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
@@ -14168,128 +14331,6 @@
             }, role: "dialog", title: "\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0435\u0435 \u043E\u043A\u043D\u043E", children: popup.popup })) : null;
     });
 
-    const sendUserSurvey = async (body) => {
-        try {
-            const response = await LeadServiceFetch(`${API_BASE_URI}/survey`, body);
-            return await response;
-        }
-        catch (e) {
-            return null;
-        }
-    };
-
-    const FinalStep = JSX(() => {
-        return (jsxs("div", { className: "flex flex-col items-center", children: [jsx(Heading, { className: "text-center", headingType: "h5", title: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u0443\u0447\u0430\u0441\u0442\u0438\u0435!" }), jsx(Paragraph, { children: "\u0412\u0430\u0448\u0435 \u043C\u043D\u0435\u043D\u0438\u0435 \u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u043E \u0434\u043B\u044F \u043D\u0430\u0441" })] }));
-    });
-
-    const Star = JSX(({ value, hover, rating, setHover, setRating }) => {
-        const fillColor = value <= (hover || rating) ? '#42AB44' : '#C9CACC';
-        return (jsx("div", { onClick: () => setRating?.(value), onMouseEnter: () => setHover?.(value), onMouseLeave: () => setHover?.(null), children: jsx("svg", { "data-rating": value, fill: fillColor, width: "57", height: "57", viewBox: "0 0 57 57", children: jsx("path", { d: "M47.7803 18.2879L47.7836 18.2884C50.566 18.7521 53.0867 20.1374 53.9176 22.7226C54.7498 25.3116 53.5025 27.9027 51.4977 29.8954L51.4942 29.8989L45.7132 35.6799C45.5729 35.8202 45.3591 36.1532 45.2186 36.6438C45.0796 37.1295 45.0808 37.5314 45.1257 37.7381L45.1268 37.743L46.78 44.8909C47.4787 47.9228 47.3175 51.2217 44.8924 52.9896C42.4714 54.7546 39.2808 53.9093 36.5999 52.3257L29.6214 48.1946C29.4392 48.0866 29.0426 47.96 28.5087 47.96C27.9816 47.96 27.5736 48.0831 27.3687 48.2004L27.3634 48.2035L20.4041 52.3232L20.4019 52.3246C17.7218 53.9145 14.5351 54.7459 12.1155 52.9803C9.69339 51.213 9.51826 47.9236 10.22 44.8909L11.8731 37.743L11.8743 37.7379C11.9191 37.5311 11.9203 37.1293 11.7813 36.6438C11.6409 36.1532 11.4271 35.8202 11.2867 35.6799L5.50006 29.8932C3.50738 27.9006 2.26429 25.3118 3.08972 22.7269C3.91586 20.1398 6.43161 18.7525 9.21638 18.2884L16.6527 17.0529L16.6552 17.0525C16.8169 17.0243 17.1619 16.8935 17.5523 16.604C17.945 16.3128 18.1668 16.022 18.2378 15.877L18.2462 15.8598L22.3508 7.65087L22.352 7.6485C23.629 5.08222 25.7146 3.01416 28.4796 3.01416C31.2412 3.01416 33.3328 5.07832 34.6215 7.64213L34.6236 7.64649L38.7303 15.8598L38.75 15.9001C38.7884 15.9807 38.8225 16.0591 38.8511 16.1283C38.9197 16.1891 39.0148 16.2702 39.1464 16.3781C39.1829 16.394 39.242 16.4185 39.3288 16.4505C39.5779 16.5424 39.9286 16.6512 40.3732 16.7719C41.2573 17.0121 42.3688 17.2611 43.4823 17.4894C44.5886 17.7163 45.6648 17.9163 46.4667 18.0598C46.8669 18.1315 47.1972 18.1888 47.4266 18.2281L47.6909 18.2729L47.7589 18.2843L47.7803 18.2879Z" }) }) }));
-    });
-
-    const stars$1 = new Array(5).fill(Star);
-    const TITLE$1 = {
-        NPS: 'Оцените, пожалуйста, от 1 до 5 насколько вероятно, что вы порекомендуете Россельхозбанк коллегам, друзьям и знакомым?',
-        CSI: 'Оцените, пожалуйста, удовлетворённость пользования сайтом',
-    };
-    const FirstStep = JSX(({ currentRating, surveyType, isSending, setCurrentRating, onNextStep, onSubmit }) => {
-        const [currentHover, setCurrentHover] = useState();
-        const setRatingFn = (value) => {
-            setCurrentRating(value);
-            if (value < 5) {
-                onNextStep();
-            }
-        };
-        return (jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Heading, { className: "text-center", headingType: "h5", title: TITLE$1[surveyType] }), jsx("div", { className: "flex justify-center", children: stars$1.map((StarItem, index) => (jsx(StarItem, { value: index + 1, rating: currentRating, hover: currentHover, setRating: setRatingFn, setHover: setCurrentHover, className: "modal-feedback__star" }, index))) }), currentRating === 5 ? (jsx(SubmitButton$1, { onClick: () => onSubmit(), isLoading: isSending, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })) : null] }));
-    });
-
-    const stars = new Array(5).fill(Star);
-    const TITLE = 'Что бы мы могли улучшить?';
-    const SecondStep = JSX(({ currentRating, currentReason, reasons = [], isSending, setCurrentReason, onSubmit }) => {
-        const [comment, setComment] = useState();
-        const handleReasonChange = (id, text) => {
-            setCurrentReason?.({
-                id,
-                text,
-            });
-        };
-        return (jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Heading, { className: "text-center", headingType: "h5", title: TITLE }), jsx("div", { className: "flex justify-center", children: stars.map((StarItem, index) => (jsx(StarItem, { value: index + 1, rating: currentRating }, index))) }), jsx(RadioButtonGroup, { className: "w-full text-wrap", orientation: "vertical", items: reasons, value: currentReason?.id, onChange: handleReasonChange }), currentReason?.text === 'Другое' ? (jsx(InputControl, { className: "w-full", placeholder: "\u041D\u0430\u043F\u0438\u0448\u0438\u0442\u0435, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0441\u0432\u043E\u0439 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u043E\u0442\u0432\u0435\u0442\u0430", isTextarea: true, value: comment, onChange: setComment, maxLength: 255 })) : null, currentReason ? (jsx(SubmitButton$1, { onClick: () => onSubmit(comment), isLoading: isSending, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })) : null] }));
-    });
-
-    const STEPS = [FirstStep, SecondStep, FinalStep];
-    const LAST_STEP_INDEX = 2;
-    const UserSurveyDialog = UniBlock(({ onClose = noop, reasonsSource = {} }) => {
-        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
-        const [currentRating, setCurrentRating] = useState(0);
-        const [currentReason, setCurrentReason] = useState();
-        const [step, setStep] = useState(0);
-        const userSurveyStore = useLocalStore();
-        const surveyType = userSurveyStore.userSurvey?.lastShownType ?? 'NPS';
-        const { reasons } = reasonsSource;
-        const ActiveStep = STEPS[step];
-        const handleNextStep = useCallback(() => {
-            setStep((_) => _ + 1);
-        }, []);
-        const handleSubmit = useCallback(async (message) => {
-            startSending();
-            await sendUserSurvey({
-                rate: currentRating,
-                reason: currentReason?.text,
-                message: getMessage(currentReason, message),
-                url: globalThis.location.href,
-                type: surveyType,
-            });
-            endSending();
-            setStep(LAST_STEP_INDEX);
-        }, [currentRating, currentReason]);
-        return (jsx(Dialog, { maxWidth: "xl", onClose: onClose, children: jsx(ActiveStep, { currentRating: currentRating, currentReason: currentReason, reasons: reasons, surveyType: surveyType, isSending: isSending, setCurrentReason: setCurrentReason, setCurrentRating: setCurrentRating, onSubmit: handleSubmit, onNextStep: handleNextStep }) }));
-    });
-    const getMessage = (currentReason, message) => {
-        if (currentReason?.text !== 'Другое') {
-            return undefined;
-        }
-        return message?.length ? message : 'Другое. Клиент не оставил комментариев';
-    };
-
-    const DELAY = 5 * 60 * 1000;
-    // Хук отвечает за показ пользователю опроса
-    const useUserSurveyDialog = () => {
-        const userSurveyDialog = useDialog(UserSurveyDialog);
-        const userSurveyStore = useLocalStore();
-        const sessionStore = useSessionStore();
-        const elapsedTime = sessionStore.surveyTimerStart
-            ? Date.now() - Number.parseInt(sessionStore.surveyTimerStart)
-            : 0;
-        const openUserSurveyDialog = () => {
-            userSurveyStore.userSurvey = {
-                lastShownType: userSurveyStore.userSurvey?.lastShownType === 'NPS' ? 'CSI' : 'NPS',
-                nextDueAt: getTimeAfter30days(),
-            };
-            userSurveyDialog.open({
-                reasonsSource: {
-                    $ref: '/wcms-resources/user-survey-reasons.json',
-                },
-            });
-        };
-        useEffect(() => {
-            // Опрос показывается только если ранее пользоваютелю не показывался опрос или с того момента прошел месяц
-            if (!userSurveyStore.userSurvey || userSurveyStore.userSurvey?.nextDueAt <= Date.now()) {
-                // начинаем отсчитывать время от первого захода на сайт
-                if (!sessionStore.surveyTimerStart) {
-                    sessionStore.surveyTimerStart = Date.now().toString();
-                }
-                // Опрос показывается спустя 5 минут нахождения на сайте
-                const timeout = setTimeout(openUserSurveyDialog, DELAY - elapsedTime);
-                return () => {
-                    clearTimeout(timeout);
-                };
-            }
-            return noop;
-        }, []);
-    };
-    // Отсчитываем месяц с текущей даты
-    const getTimeAfter30days = () => Date.now() + 30 * 24 * 60 * 60 * 1000;
-
     const HEADER_SLOT = 'header';
     const FOOTER_SLOT = 'footer';
     const STICKY_FOOTER_SLOT = 'sticky-footer';
@@ -14323,7 +14364,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.1020";
+    const packageVersion = "0.14.1022";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;