@redneckz/wildless-cms-uni-blocks 0.14.912 → 0.14.913

package/bundle/bundle.umd.js

@@ -1102,9 +1102,6 @@
             };
             try {
                 const response = await LeadServiceFetch(`${API_BASE_URI$1}/confirmCorporateLead`, submitBody);
-                if (!response?.ok) {
-                    return null;
-                }
                 return await response.json();
             }
             catch (e) {
@@ -1239,630 +1236,90 @@
                 setFormStateUnsafe(normalizer);
             }
         }, [normalizer]);
-        return [formState, setFormState];
-    }
-
-    function useForm(initialState, { resetOnSubmit, formValidator, normalizer, onChange, onSubmit } = {}) {
-        const [formState, setFormState] = useNormalizedFormState(initialState, normalizer, onChange);
-        const fieldRefs = useRef(getRefsObject(initialState));
-        const [isDirtyForm, { setTrue: markAsDirty, setFalse: markAsClean }] = useBool(false);
-        const dirtyFieldsMap = useRef({});
-        const [fieldValidatorsMap, { isValid, errors }] = useFormValidator(formState, formValidator);
-        const field = useCallback((fieldName, options = {}) => {
-            const { parse, format, onChange: onFieldChange } = options;
-            const value = formState[fieldName];
-            const isDirty = isDirtyForm || dirtyFieldsMap.current?.[String(fieldName)];
-            const fieldValidator = options?.validator ?? fieldValidatorsMap[fieldName];
-            const fieldErrors = isDirty && fieldValidator ? fieldValidator(value) : [];
-            return {
-                setFieldRef: (_) => {
-                    if (fieldRefs.current) {
-                        fieldRefs.current[fieldName] = _;
-                    }
-                },
-                fieldRef: fieldRefs.current?.[fieldName],
-                value: format ? format(value) : value,
-                isDirty,
-                errors: fieldValidator && fieldErrors,
-                error: fieldErrors[0],
-                onChange: (_) => {
-                    dirtyFieldsMap.current ||= {};
-                    dirtyFieldsMap.current[String(fieldName)] = true;
-                    const fieldVal = parse ? parse(_) : _;
-                    onFieldChange?.(fieldVal);
-                    setFormState((prev) => ({ ...prev, [fieldName]: fieldVal }));
-                },
-            };
-        }, [formState, isDirtyForm, fieldValidatorsMap, setFormState]);
-        const update = useCallback((_) => {
-            dirtyFieldsMap.current = _;
-            setFormState(_);
-        }, [setFormState]);
-        const reset = useCallback(() => {
-            dirtyFieldsMap.current = {};
-            markAsClean();
-            setFormState(initialState);
-        }, [initialState, setFormState]);
-        const handleSubmit = useCallback((ev) => {
-            ev.preventDefault();
-            if (isValid) {
-                resetOnSubmit && reset();
-                onSubmit?.(formState, ev);
-            }
-            else {
-                const errorFieldName = getErrorFieldName(formState, fieldValidatorsMap);
-                markAsDirty();
-                field(errorFieldName).fieldRef?.scrollIntoView({ behavior: 'smooth' });
-            }
-        }, [resetOnSubmit, formState, isValid, reset, onSubmit]);
-        return [formState, { errors, field, update, reset, onSubmit: handleSubmit }];
-    }
-    const getRefsObject = (initialState) => Object.keys(initialState).reduce((acc, key) => ({ ...acc, [key]: null }), {});
-    const getErrorFieldName = (formState, fieldValidatorsMap = {}) => {
-        const [errorFieldName = ''] = Object.entries(formState).find(([fieldName, value]) => {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            return fieldValidatorsMap[fieldName]?.(value)?.length;
-        }) ?? [];
-        return errorFieldName;
-    };
-
-    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 sessionStore = new Store(); // sessionStorage cache
-    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
-    function useSessionStore() {
-        return useStore(sessionStore);
-    }
-
-    const noop = () => {
-        // Do nothing
-    };
-
-    const themeStyle$1 = {
-        primary: style('text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active', 'group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-        secondary: style('text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active', 'group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-    };
-    const embeddedStyle = style('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
-    const disabledStyle = style('bg-main-gray text-main-disabled cursor-not-allowed');
-    const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, }) => {
-        const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
-            role,
-            onClick,
-        ]);
-        const aspectsAttrs = useMemo(() => getAspectsAttributes(data), [data]);
-        const isRound = shape === 'round';
-        return (jsx("button", { className: style('font-sans flex items-center gap-xs', {
-                [themeStyle$1[version]]: !disabled && !embedded,
-                [embeddedStyle]: embedded,
-                [disabledStyle]: disabled,
-            }, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
-                'rounded-md': shape === 'default',
-                'rounded-full': isRound,
-            }, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
-    });
-
-    const ButtonTitle = JSX(({ className, children }) => (jsx("span", { className: style('inline-flex items-center text-start gap-s group-[]/btn-embedded:text-primary-main', className), children: children })));
-
-    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
-
-    const DIALOG_STYLE = {
-        sm: 'max-w-sm top-1/3',
-        lg: 'max-w-lg',
-        '4xl': 'max-w-4xl',
-        none: 'mt-0',
-    };
-    const Dialog = JSX(({ head, maxWidth = '4xl', children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white p-lg pb-6xl my-6xl mx-auto rounded-lg w-full', DIALOG_STYLE[maxWidth]), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0 z-10", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container", children: children })] })));
-
-    function useDialog(Dialog, initialProps = {}) {
-        const { open, close, ...rest } = useDialogManager();
-        const openDialog = useCallback((props, options = {}) => open({
-            dialog: (jsx(Dialog, { ...initialProps, ...props, onClose: () => {
-                    close();
-                    props.onClose?.();
-                } })),
-            ...options,
-        }), [Dialog, open, close]);
-        return { open: openDialog, close, ...rest };
-    }
-
-    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 Timer = JSX(({ className, seconds }) => (jsx("span", { className: className, children: formatTimer(seconds) })));
-    const formatTimer = (seconds) => {
-        const minutes = Math.floor(seconds / 60);
-        return [minutes, seconds % 60].map((_) => String(_).padStart(2, '0')).join(':');
-    };
-
-    const useInterval = (handler, period) => {
-        const timer = useRef(null);
-        const stop = useCallback(() => clearInterval(timer.current), []);
-        const start = useCallback(() => {
-            stop();
-            timer.current = setInterval(() => handler(stop), period);
-        }, [handler, period, stop]);
-        useEffect(() => {
-            start();
-            return stop;
-        }, [start, stop]);
-        return { start, stop };
-    };
-
-    function useCountDownTimer({ seconds, period = 1000, onTick, onEnd }) {
-        const counter = useRef(seconds);
-        const handleTick = useCallback((stop) => {
-            counter.current ||= 0;
-            counter.current = Math.max(0, counter.current - 1);
-            try {
-                onTick?.(counter.current);
-            }
-            finally {
-                if (counter.current <= 0) {
-                    stop();
-                    onEnd?.();
-                }
-            }
-        }, [onTick, onEnd]);
-        const { start } = useInterval(handleTick, period);
-        return useCallback((_) => {
-            counter.current = _;
-            start();
-        }, []);
-    }
-
-    const getTraceId = () => {
-        const result = new Uint8Array(8);
-        globalThis.crypto.getRandomValues(result);
-        return result.reduce((acc, _) => `${acc}${_.toString(16).padStart(2, '0')}`, '');
-    };
-
-    const fetchRetailJSON = async (url, method, body) => {
-        try {
-            const response = await doRequest(url, method, body);
-            return response.json();
-        }
-        catch (err) {
-            console.error(err);
-            return null;
-        }
-    };
-    async function doRequest(url, method, body) {
-        const traceId = getTraceId();
-        return globalThis?.fetch?.(`${RETAIL_API_BASE_URI}${url}`, {
-            method,
-            headers: {
-                'Content-Type': 'application/json',
-                'X-B3-Sampled': '1',
-                'X-B3-Spanid': traceId,
-                'X-B3-Traceid': traceId,
-                ...getAuthorizationHeaders(),
-            },
-            credentials: 'include',
-            body: body ? JSON.stringify(body) : null,
-        });
-    }
-    const getAuthorizationHeaders = () => {
-        const token = sessionStorage.getItem('accessToken');
-        return token ? { Authorization: `Bearer ${token}` } : null;
-    };
-
-    const API$2 = LeadServiceAPI();
-    const sendCode = (body, isRetail) => {
-        return isRetail ? fetchRetail(body) : fetchMain$1(body);
-    };
-    const fetchRetail = (body) => doRequest('/sms/sendCode', 'POST', body)
-        .then((res) => res.text())
-        .then((text) => text === 'OK');
-    const fetchMain$1 = (body) => API$2.sendCode({ phone: body.phoneNumber });
-
-    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 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 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 }, key))] }), children] }));
-    });
-    const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
-
-    const ICON_SIZE = { width: '118', height: '24' };
-
-    const logoTitleSizeStyle = '';
-
-    const ICON_VERSION_MAP = {
-        'bg-white': 'color',
-        transparent: 'white',
-    };
-    const SVG_COLOR = {
-        'bg-white': 'text-primary-main',
-        transparent: 'text-white',
-    };
-    const renderImage = (bgColor, image, size) => {
-        const img = image?.src
-            ? image
-            : {
-                icon: image?.icon || 'LogoIcon',
-                iconVersion: ICON_VERSION_MAP[bgColor],
-            };
-        return (jsx(Img, { image: img, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height }));
-    };
-
-    const TEXT_COLOR = {
-        'bg-white': 'text-primary-text',
-        transparent: 'text-white',
-    };
-    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
-                ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
-                : null] })));
-
-    const checkCaptcha = (body) => doRequest('/sms/checkCaptcha', 'POST', body)
-        .then((res) => res.text())
-        .then((text) => text !== 'ERROR');
-
-    const createCaptcha = (phoneNumber) => doRequest(`/sms/createCaptcha?phoneNumber=${encodeURIComponent(phoneNumber)}`, 'GET').then(async (res) => (res ? res.blob() : new Blob()));
-
-    const CaptchaDialog = JSX(({ phoneNumber, sendCode, onClose }) => {
-        const [captcha, setCaptcha] = useState('');
-        const [code, setCode] = useState('');
-        const [hasError, setHasError] = useState(false);
-        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
-        const { closeAll } = useDialogManager();
-        const handleCheckCaptcha = useCallback(async () => {
-            startLoading();
-            const isValidCode = await checkCaptcha({ captchaText: code });
-            if (isValidCode) {
-                onClose?.();
-                sendCode?.();
-            }
-            else {
-                setHasError(true);
-            }
-            endLoading();
-        }, [code, sendCode]);
-        const handleCreateCaptcha = useCallback(() => {
-            (async () => setCaptcha(URL.createObjectURL(await createCaptcha(phoneNumber))))();
-        }, []);
-        useEffect(handleCreateCaptcha, []);
-        return (jsx(Dialog, { head: jsx(Logo, {}), onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsxs("div", { className: "flex", children: [jsx("img", { className: "grow", src: captcha }), jsx(Button, { className: "w-8", embedded: true, onClick: handleCreateCaptcha, children: jsx(Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), jsx(Input, { className: "w-80", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? jsx("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, jsxs("div", { className: "flex w-80 justify-between", children: [jsx(Button, { version: "secondary", onClick: closeAll, children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), jsx(SubmitButton$1, { version: "secondary", disabled: !code, onClick: handleCheckCaptcha, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] }), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
-    });
-
-    const InputCode = JSX(({ values, setValues, hasError, errorText }) => {
-        const [activeIndex, setActiveIndex] = useState(0);
-        const inputRefs = useRef([]);
-        useEffect(() => {
-            inputRefs.current?.[activeIndex]?.focus();
-        }, [activeIndex]);
-        const handleChange = useCallback((index) => (event) => {
-            const { value } = event.currentTarget;
-            const oneValue = value.slice(0, 1);
-            setValues(values.map((_, i) => (i === index ? oneValue : _)));
-            setActiveIndex(index + 1);
-        }, [values]);
-        const handleKeyDown = useCallback((currentIndex) => (event) => {
-            const { key } = event;
-            if (key === 'Backspace' && !values[currentIndex]) {
-                const previousIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;
-                const updatedValues = values.map((value, index) => (index === previousIndex ? '' : value));
-                setValues(updatedValues);
-                setActiveIndex(previousIndex);
-            }
-        }, [values]);
-        const handlePaste = useCallback((event) => {
-            event.preventDefault();
-            const pastedData = event.clipboardData.getData('text');
-            const updatedValues = values.map((_, idx) => (idx < pastedData.length ? pastedData[idx] : _));
-            setValues(updatedValues);
-            setActiveIndex(updatedValues.length - 1);
-        }, [values]);
-        return (jsxs("div", { className: "flex flex-col gap-2 text-center", children: [jsx("div", { children: values.map((value, index) => (jsx("input", { type: "number", maxLength: 1, value: value, onChange: handleChange(index), onPaste: handlePaste, ref: (ref) => {
-                            if (!inputRefs.current) {
-                                inputRefs.current = [];
-                            }
-                            inputRefs.current[index] = ref;
-                        }, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError) }, index))) }), hasError ? jsx("div", { className: "text-error", children: errorText }) : null] }));
-    });
-    const getInputStyle = (index, values, hasError = false) => {
-        const isInputEmpty = !values[index];
-        return `w-16 sm:w-20 h-24 text-5xl text-center p-md m-2 border ${getValidStyle(!hasError || !isInputEmpty)} rounded-md caret-transparent outline-none`;
-    };
-
-    const SubmitButton = JSX(({ disabled = false, onClick, text }) => (jsx(Button, { type: "button", onClick: onClick, disabled: disabled, children: jsx(Text, { font: "font-normal", children: text }) })));
-
-    const API$1 = LeadServiceAPI();
-    const checkCode = async (body, isRetail) => {
-        const transformedBody = transformBody(body, isRetail);
-        return isRetail
-            ? fetchRetailJSON('/sms/checkCode', 'POST', transformedBody).then(saveToken)
-            : fetchMain(transformedBody).then((res) => {
-                if (res === null) {
-                    throw new Error('Неверный код');
-                }
-            });
-    };
-    const saveToken = (data) => {
-        if (data?.access_token && data?.refresh_token) {
-            globalThis.sessionStorage.setItem('accessToken', data.access_token);
-            globalThis.sessionStorage.setItem('refreshToken', data.refresh_token);
-        }
-    };
-    const fetchMain = (body) => API$1.checkCode(body);
-    const transformBody = ({ smsText, smsCodesSetName, body, reqId }, isRetail) => {
-        if (isRetail) {
-            return { smsText, smsCodesSetName };
-        }
-        if (!reqId || !body) {
-            throw new Error('Произошла ошибка, попробуйте позднее');
-        }
-        return { code: smsText, reqId, body };
-    };
-
-    const TIME_TO_RESEND = 180;
-    const useVerifyPhoneDialogSubmit = ({ values, onSuccess, formatData, reqId, isRetail = true, }) => {
-        const sessionStore = useSessionStore();
-        const attempts = sessionStore.smsCode?.attempts || 0;
-        const timer = Math.max(getTimer(sessionStore.smsCode?.sendTime || Date.now()), 0);
-        const [errorText, setErrorText] = useState('');
-        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
-        const [timeNextReq, setTimeNextReq] = useState(timer);
-        const resetError = useCallback(() => setErrorText(''), []);
-        const isTimeExpired = Boolean(timeNextReq === 0 && sessionStore.smsCode?.sendTime);
-        const isSubmitButtonDisabled = attempts > 2 || isTimeExpired || !values.every(Boolean);
-        const handleSubmit = useCallback(async () => {
-            try {
-                sessionStore.smsCode = {
-                    ...sessionStore.smsCode,
-                    attempts: attempts + 1,
-                };
-                startLoading();
-                await checkCode({
-                    smsText: values.join(''),
-                    smsCodesSetName: { key: 'AUTHENTICATION' },
-                    body: isRetail ? undefined : formatData,
-                    reqId: isRetail ? undefined : reqId,
-                }, isRetail);
-                setTimeNextReq(0);
-                resetError();
-                sessionStore.smsCode = null;
-                await onSuccess?.(values.join(''));
-            }
-            catch {
-                setErrorText(attempts > 1 ? 'Исчерпан лимит ввода смс-кода' : 'Неверный код');
-            }
-            finally {
-                endLoading();
-            }
-        }, [values, attempts]);
-        useEffect(() => {
-            if (isTimeExpired && isRetail) {
-                setErrorText('Код просрочен');
-            }
-            else if (attempts > 2) {
-                setErrorText('Исчерпан лимит ввода смс-кода');
-            }
-        }, [isTimeExpired]);
-        return {
-            handleSubmit,
-            hasError: Boolean(errorText),
-            errorText,
-            isLoading,
-            timeNextReq,
-            isSubmitButtonDisabled,
-            setTimeNextReq,
-            setErrorText,
-        };
-    };
-    const getTimer = (sendTime) => TIME_TO_RESEND - Math.floor((Date.now() - sendTime) / 1000);
+        return [formState, setFormState];
+    }
 
-    const CODE_LENGTH = 4;
-    const VerifyPhoneDialog = JSX(
-    // eslint-disable-next-line max-lines-per-function
-    ({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop, formatData, reqId, isRetail = true, }) => {
-        const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));
-        const sessionStore = useSessionStore();
-        const [requestId, setRequestId] = useState(reqId);
-        const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setErrorText, } = useVerifyPhoneDialogSubmit({
-            values,
-            onSuccess,
-            formatData,
-            reqId: requestId,
-            isRetail,
-        });
-        const captchaDialog = useDialog(CaptchaDialog);
-        const phoneNumber = formatPhone(phone);
-        const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
-        const handleSendCode = useCallback(async () => {
-            const response = await sendCode({
-                phoneNumber,
-                smsCodesSetName: { key: 'AUTHENTICATION' },
-            }, isRetail);
-            if (response) {
-                setTimeNextReq(TIME_TO_RESEND);
-                restartTimer(TIME_TO_RESEND);
-                setErrorText('');
-                sessionStore.smsCode = {
-                    sendTime: Date.now(),
-                    attempts: 0,
-                };
-                if (!isRetail) {
-                    setRequestId(String(response));
-                }
+    function useForm(initialState, { resetOnSubmit, formValidator, normalizer, onChange, onSubmit } = {}) {
+        const [formState, setFormState] = useNormalizedFormState(initialState, normalizer, onChange);
+        const fieldRefs = useRef(getRefsObject(initialState));
+        const [isDirtyForm, { setTrue: markAsDirty, setFalse: markAsClean }] = useBool(false);
+        const dirtyFieldsMap = useRef({});
+        const [fieldValidatorsMap, { isValid, errors }] = useFormValidator(formState, formValidator);
+        const field = useCallback((fieldName, options = {}) => {
+            const { parse, format, onChange: onFieldChange } = options;
+            const value = formState[fieldName];
+            const isDirty = isDirtyForm || dirtyFieldsMap.current?.[String(fieldName)];
+            const fieldValidator = options?.validator ?? fieldValidatorsMap[fieldName];
+            const fieldErrors = isDirty && fieldValidator ? fieldValidator(value) : [];
+            return {
+                setFieldRef: (_) => {
+                    if (fieldRefs.current) {
+                        fieldRefs.current[fieldName] = _;
+                    }
+                },
+                fieldRef: fieldRefs.current?.[fieldName],
+                value: format ? format(value) : value,
+                isDirty,
+                errors: fieldValidator && fieldErrors,
+                error: fieldErrors[0],
+                onChange: (_) => {
+                    dirtyFieldsMap.current ||= {};
+                    dirtyFieldsMap.current[String(fieldName)] = true;
+                    const fieldVal = parse ? parse(_) : _;
+                    onFieldChange?.(fieldVal);
+                    setFormState((prev) => ({ ...prev, [fieldName]: fieldVal }));
+                },
+            };
+        }, [formState, isDirtyForm, fieldValidatorsMap, setFormState]);
+        const update = useCallback((_) => {
+            dirtyFieldsMap.current = _;
+            setFormState(_);
+        }, [setFormState]);
+        const reset = useCallback(() => {
+            dirtyFieldsMap.current = {};
+            markAsClean();
+            setFormState(initialState);
+        }, [initialState, setFormState]);
+        const handleSubmit = useCallback((ev) => {
+            ev.preventDefault();
+            if (isValid) {
+                resetOnSubmit && reset();
+                onSubmit?.(formState, ev);
             }
             else {
-                captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
-            }
-        }, [phoneNumber, restartTimer, onClose]);
-        useEffect(() => {
-            if (!sessionStore.smsCode?.sendTime && isRetail) {
-                handleSendCode();
+                const errorFieldName = getErrorFieldName(formState, fieldValidatorsMap);
+                markAsDirty();
+                field(errorFieldName).fieldRef?.scrollIntoView({ behavior: 'smooth' });
             }
-        }, []);
-        return (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [renderHeadline(phone), jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError }), renderText$3(timeNextReq, handleSendCode), renderDescription$2(consents, withDescription), renderNextButton(isSubmitButtonDisabled, handleSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
-    });
-    const renderHeadline = (phone) => (jsx(Headline, { className: "w-full", title: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430", description: `Мы отправили код на ${phone}`, headlineVersion: "XS", isEmbedded: true, as: "h6" }));
-    const renderDescription$2 = (consents, isRender = false) => isRender ? (jsxs(RichText, { itemSize: "list-s", children: [jsx("span", { children: "\u0412\u0432\u043E\u0434\u044F \u043A\u043E\u0434, \u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044E, \u0447\u0442\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u043B\u0435\u043D \u0438 \u043F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044E: " }), jsx("ul", { children: consents?.map((_, i) => (jsx("li", { children: _ }, `${_}-${i}`))) })] })) : null;
-    const renderNextButton = (disabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", disabled: disabled, onClick: onClick }));
-    const renderText$3 = (timeNextReq, handleSendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-base", children: ["\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437", jsx(Timer, { className: "pl-2xs", seconds: timeNextReq })] })) : (jsx(Button, { embedded: true, onClick: handleSendCode, children: jsx(ButtonTitle, { children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }) }));
+        }, [resetOnSubmit, formState, isValid, reset, onSubmit]);
+        return [formState, { errors, field, update, reset, onSubmit: handleSubmit }];
+    }
+    const getRefsObject = (initialState) => Object.keys(initialState).reduce((acc, key) => ({ ...acc, [key]: null }), {});
+    const getErrorFieldName = (formState, fieldValidatorsMap = {}) => {
+        const [errorFieldName = ''] = Object.entries(formState).find(([fieldName, value]) => {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            return fieldValidatorsMap[fieldName]?.(value)?.length;
+        }) ?? [];
+        return errorFieldName;
+    };
 
     const ApplicationFormLayout = JSX((props) => {
         const { className, title, children, ...rest } = props;
         return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children] }) }));
     });
 
+    function useDialog(Dialog, initialProps = {}) {
+        const { open, close, ...rest } = useDialogManager();
+        const openDialog = useCallback((props, options = {}) => open({
+            dialog: (jsx(Dialog, { ...initialProps, ...props, onClose: () => {
+                    close();
+                    props.onClose?.();
+                } })),
+            ...options,
+        }), [Dialog, open, close]);
+        return { open: openDialog, close, ...rest };
+    }
+
     const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
 
     // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
@@ -1886,6 +1343,12 @@
         return debouncedCallback;
     };
 
+    const noop = () => {
+        // Do nothing
+    };
+
+    const renderLabel$1 = (label) => label ? (jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label })) : null;
+
     function useEventListener(target, type, listener, options) {
         useEffect(() => {
             if (!target || !listener) {
@@ -1909,6 +1372,30 @@
         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 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 }, key))] }), children] }));
+    });
+    const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
+
     const InputWrapper = JSX(({ className, label, value = '', error, errors, type, isInteger, placeholder, maxLength, inputRef, isOpen, onOpen, onClose, onChange = noop, ...rest }) => {
         const popupRef = useOutsideClick(onClose);
         const handleChange = useCallback((v) => {
@@ -2703,9 +2190,9 @@
             onChange && onChange(!value);
         }, [onChange, disabled, value]);
         const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$2(text)] }) }));
+        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$3(text)] }) }));
     });
-    const renderText$2 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
+    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 });
@@ -3054,6 +2541,39 @@
 
     const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
 
+    const themeStyle$1 = {
+        primary: style('text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active', 'group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+        secondary: style('text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active', 'group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+    };
+    const embeddedStyle = style('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
+    const disabledStyle = style('bg-main-gray text-main-disabled cursor-not-allowed');
+    const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, }) => {
+        const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
+            role,
+            onClick,
+        ]);
+        const aspectsAttrs = useMemo(() => getAspectsAttributes(data), [data]);
+        const isRound = shape === 'round';
+        return (jsx("button", { className: style('font-sans flex items-center gap-xs', {
+                [themeStyle$1[version]]: !disabled && !embedded,
+                [embeddedStyle]: embedded,
+                [disabledStyle]: disabled,
+            }, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
+                'rounded-md': shape === 'default',
+                'rounded-full': isRound,
+            }, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
+    });
+
+    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
+
+    const DIALOG_STYLE = {
+        sm: 'max-w-sm top-1/3',
+        lg: 'max-w-lg',
+        '4xl': 'max-w-4xl',
+        none: 'mt-0',
+    };
+    const Dialog = JSX(({ head, maxWidth = '4xl', children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white p-lg pb-6xl my-6xl mx-auto rounded-lg w-full', DIALOG_STYLE[maxWidth]), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0 z-10", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container", children: children })] })));
+
     const ResponseTypeDialog = JSX(({ ok, typeForm, onClose }) => {
         const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
         const responseOKDescription = typeForm === 'ANTIFRAUD'
@@ -3138,34 +2658,203 @@
         return { ...formState, typeForm: { key: typeForm, text: '' } };
     };
 
-    const themeStyle = {
-        primary: themeStyle$1.primary,
-        secondary: themeStyle$1.secondary,
-        white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white active:text-primary-main',
-        link: 'text-primary-main',
-        gray: themeStyle$1.secondary,
-        transparent: '',
-        '': '',
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
+            'backdrop-blur': blur,
+        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
+
+    const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
+
+    const themeStyle = {
+        primary: themeStyle$1.primary,
+        secondary: themeStyle$1.secondary,
+        white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white active:text-primary-main',
+        link: 'text-primary-main',
+        gray: themeStyle$1.secondary,
+        transparent: '',
+        '': '',
+    };
+    const Link = JSX((props) => {
+        const link = useLink();
+        const { className, href, target, text, aboveText, version = 'link', rel, ariaLabel, data, children, onClick, } = link(props);
+        const buttonLike = version !== 'link';
+        return (jsx("a", { className: style('group/btn inline-flex items-center h-fit', 'font-sans no-underline select-none', 'border border-transparent focus:border-primary-text focus:border', 'cursor-pointer', {
+                [themeStyle[version]]: Boolean(version),
+                [aboveText ? 'px-9 py-2.5' : 'px-9 py-4']: buttonLike,
+                'rounded-md': buttonLike,
+            }, className), href: href, target: target, rel: rel, "aria-label": ariaLabel ?? `Ссылка на ${text}`, role: href ? 'link' : 'button', onClick: onClick, ...getAspectsAttributes(data), children: children ?? renderText$2(text, aboveText) }));
+    });
+    const renderText$2 = (text, aboveText) => text || aboveText ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "font-light text-left text-xs", children: aboveText }) : null, jsx("div", { className: style('text-left', { 'text-s -mt-3xs': Boolean(aboveText) }), children: text })] })) : null;
+
+    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(Link, { ...link, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: link.text })) : null] })));
+
+    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
+    const agreementTextPF = 'Нажимая на кнопку, вы подтверждаете, что клиент дал согласие на ';
+    const renderAgreementSubmit = ({ consentDataProcessing, link, button, typeForm, }) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: typeForm === 'PF' ? agreementTextPF : agreementText, link: link })), jsx(SubmitButton$1, { className: "w-full @xl:w-auto", children: button?.text ? button.text : 'Отправить заявку' })] }));
+
+    const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex sm:justify-center gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "\u043F\u043E\u0447\u0442\u0430 ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
+
+    const useInterval = (handler, period) => {
+        const timer = useRef(null);
+        const stop = useCallback(() => clearInterval(timer.current), []);
+        const start = useCallback(() => {
+            stop();
+            timer.current = setInterval(() => handler(stop), period);
+        }, [handler, period, stop]);
+        useEffect(() => {
+            start();
+            return stop;
+        }, [start, stop]);
+        return { start, stop };
+    };
+
+    function useCountDownTimer({ seconds, period = 1000, onTick, onEnd }) {
+        const counter = useRef(seconds);
+        const handleTick = useCallback((stop) => {
+            counter.current ||= 0;
+            counter.current = Math.max(0, counter.current - 1);
+            try {
+                onTick?.(counter.current);
+            }
+            finally {
+                if (counter.current <= 0) {
+                    stop();
+                    onEnd?.();
+                }
+            }
+        }, [onTick, onEnd]);
+        const { start } = useInterval(handleTick, period);
+        return useCallback((_) => {
+            counter.current = _;
+            start();
+        }, []);
+    }
+
+    const InputCode = JSX(({ values, setValues, hasError, errorText }) => {
+        const [activeIndex, setActiveIndex] = useState(0);
+        const inputRefs = useRef([]);
+        useEffect(() => {
+            inputRefs.current?.[activeIndex]?.focus();
+        }, [activeIndex]);
+        const handleChange = useCallback((index) => (event) => {
+            const { value } = event.currentTarget;
+            const oneValue = value.slice(0, 1);
+            setValues(values.map((_, i) => (i === index ? oneValue : _)));
+            setActiveIndex(index + 1);
+        }, [values]);
+        const handleKeyDown = useCallback((currentIndex) => (event) => {
+            const { key } = event;
+            if (key === 'Backspace' && !values[currentIndex]) {
+                const previousIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;
+                const updatedValues = values.map((value, index) => (index === previousIndex ? '' : value));
+                setValues(updatedValues);
+                setActiveIndex(previousIndex);
+            }
+        }, [values]);
+        const handlePaste = useCallback((event) => {
+            event.preventDefault();
+            const pastedData = event.clipboardData.getData('text');
+            const updatedValues = values.map((_, idx) => (idx < pastedData.length ? pastedData[idx] : _));
+            setValues(updatedValues);
+            setActiveIndex(updatedValues.length - 1);
+        }, [values]);
+        return (jsxs("div", { className: "flex flex-col gap-2 text-center", children: [jsx("div", { children: values.map((value, index) => (jsx("input", { type: "number", maxLength: 1, value: value, onChange: handleChange(index), onPaste: handlePaste, ref: (ref) => {
+                            if (!inputRefs.current) {
+                                inputRefs.current = [];
+                            }
+                            inputRefs.current[index] = ref;
+                        }, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError) }, index))) }), hasError ? jsx("div", { className: "text-error", children: errorText }) : null] }));
+    });
+    const getInputStyle = (index, values, hasError = false) => {
+        const isInputEmpty = !values[index];
+        return `w-16 sm:w-20 h-24 text-5xl text-center p-md m-2 border ${getValidStyle(!hasError || !isInputEmpty)} rounded-md caret-transparent outline-none`;
+    };
+
+    const SubmitButton = JSX(({ disabled = false, onClick, text }) => (jsx(Button, { type: "button", onClick: onClick, disabled: disabled, children: jsx(Text, { font: "font-normal", children: text }) })));
+
+    const ButtonTitle = JSX(({ className, children }) => (jsx("span", { className: style('inline-flex items-center text-start gap-s group-[]/btn-embedded:text-primary-main', className), children: children })));
+
+    const Timer = JSX(({ className, seconds }) => (jsx("span", { className: className, children: formatTimer(seconds) })));
+    const formatTimer = (seconds) => {
+        const minutes = Math.floor(seconds / 60);
+        return [minutes, seconds % 60].map((_) => String(_).padStart(2, '0')).join(':');
     };
-    const Link = JSX((props) => {
-        const link = useLink();
-        const { className, href, target, text, aboveText, version = 'link', rel, ariaLabel, data, children, onClick, } = link(props);
-        const buttonLike = version !== 'link';
-        return (jsx("a", { className: style('group/btn inline-flex items-center h-fit', 'font-sans no-underline select-none', 'border border-transparent focus:border-primary-text focus:border', 'cursor-pointer', {
-                [themeStyle[version]]: Boolean(version),
-                [aboveText ? 'px-9 py-2.5' : 'px-9 py-4']: buttonLike,
-                'rounded-md': buttonLike,
-            }, className), href: href, target: target, rel: rel, "aria-label": ariaLabel ?? `Ссылка на ${text}`, role: href ? 'link' : 'button', onClick: onClick, ...getAspectsAttributes(data), children: children ?? renderText$1(text, aboveText) }));
-    });
-    const renderText$1 = (text, aboveText) => text || aboveText ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "font-light text-left text-xs", children: aboveText }) : null, jsx("div", { className: style('text-left', { 'text-s -mt-3xs': Boolean(aboveText) }), children: text })] })) : null;
 
-    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(Link, { ...link, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: link.text })) : null] })));
+    const VerifyPhoneDialogLayout = JSX(({ children, isLoading, isSubmitButtonDisabled, timeNextReq, onSubmit, onSendCode, values, onChange, errorText, hasError, phone, onClose, }) => (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [renderHeadline(phone), jsx(InputCode, { values: values, setValues: onChange, errorText: errorText, hasError: hasError }), renderText$1(timeNextReq, onSendCode), children, renderNextButton(isSubmitButtonDisabled, onSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) })));
+    const renderHeadline = (phone) => (jsx(Headline, { className: "w-full", title: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430", description: `Мы отправили код на ${phone}`, headlineVersion: "XS", isEmbedded: true, as: "h6" }));
+    const renderNextButton = (disabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", disabled: disabled, onClick: onClick }));
+    const renderText$1 = (timeNextReq, handleSendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-base gap-2xs", children: [jsx("span", { children: " \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437" }), jsx(Timer, { seconds: timeNextReq })] })) : (jsx(Button, { embedded: true, onClick: handleSendCode, children: jsx(ButtonTitle, { children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }) }));
 
-    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-    const agreementTextPF = 'Нажимая на кнопку, вы подтверждаете, что клиент дал согласие на ';
-    const renderAgreementSubmit = ({ consentDataProcessing, link, button, typeForm, }) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: typeForm === 'PF' ? agreementTextPF : agreementText, link: link })), jsx(SubmitButton$1, { className: "w-full @xl:w-auto", children: button?.text ? button.text : 'Отправить заявку' })] }));
+    const TIME_TO_RESEND$2 = 180;
+    const getTimer = (sendTime) => TIME_TO_RESEND$2 - Math.floor((Date.now() - sendTime) / 1000);
 
-    const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex sm:justify-center gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "\u043F\u043E\u0447\u0442\u0430 ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
+    const API$2 = LeadServiceAPI();
+    const useVerifyPhoneDialogSubmit$1 = ({ values, onSuccess, formatData, reqId, }) => {
+        const timer = Math.max(getTimer(Date.now()), 0);
+        const [errorText, setErrorText] = useState('');
+        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
+        const [timeNextReq, setTimeNextReq] = useState(timer);
+        const resetError = useCallback(() => setErrorText(''), []);
+        const isSubmitButtonDisabled = !values.every(Boolean);
+        const handleSubmit = useCallback(async () => {
+            try {
+                startLoading();
+                const response = await API$2.checkCode({
+                    code: values.join(''),
+                    body: formatData,
+                    reqId,
+                });
+                if (response?.errorDesc) {
+                    setErrorText(response?.errorDesc);
+                    return;
+                }
+                setTimeNextReq(0);
+                resetError();
+                onSuccess?.(values.join(''));
+            }
+            catch {
+                setErrorText('Неверный код');
+            }
+            finally {
+                endLoading();
+            }
+        }, [values]);
+        return {
+            handleSubmit,
+            hasError: Boolean(errorText),
+            errorText,
+            isLoading,
+            timeNextReq,
+            isSubmitButtonDisabled,
+            setTimeNextReq,
+            setErrorText,
+        };
+    };
+
+    const API$1 = LeadServiceAPI();
+    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$1.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 API = LeadServiceAPI();
     const ApplicationForm = UniBlock(
@@ -3177,7 +2866,7 @@
         const aspects = useAspects();
         const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
         const responseTypeDialog = useDialog(ResponseTypeDialog);
-        const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
+        const verifyPhoneDialog = useDialog(VerifyPhoneDialog$1);
         const handleSubmit = useCallback(async (formData, ev) => {
             const formatData = getFormatData({ ...formData, ...additionalParams });
             if (endpoint === 'initcorporatelead') {
@@ -3189,10 +2878,8 @@
                 }
                 verifyPhoneDialog.open({
                     phone,
-                    withDescription: false,
                     formatData,
                     reqId: String(response),
-                    isRetail: false,
                     onSuccess: () => {
                         verifyPhoneDialog.close();
                         responseTypeDialog.open({ ok: true, typeForm });
@@ -3497,6 +3184,42 @@
         EsiaStatuses["Pending"] = "PENDING";
     })(EsiaStatuses || (EsiaStatuses = {}));
 
+    const getTraceId = () => {
+        const result = new Uint8Array(8);
+        globalThis.crypto.getRandomValues(result);
+        return result.reduce((acc, _) => `${acc}${_.toString(16).padStart(2, '0')}`, '');
+    };
+
+    const fetchRetailJSON = async (url, method, body) => {
+        try {
+            const response = await doRequest(url, method, body);
+            return response.json();
+        }
+        catch (err) {
+            console.error(err);
+            return null;
+        }
+    };
+    async function doRequest(url, method, body) {
+        const traceId = getTraceId();
+        return globalThis?.fetch?.(`${RETAIL_API_BASE_URI}${url}`, {
+            method,
+            headers: {
+                'Content-Type': 'application/json',
+                'X-B3-Sampled': '1',
+                'X-B3-Spanid': traceId,
+                'X-B3-Traceid': traceId,
+                ...getAuthorizationHeaders(),
+            },
+            credentials: 'include',
+            body: body ? JSON.stringify(body) : null,
+        });
+    }
+    const getAuthorizationHeaders = () => {
+        const token = sessionStorage.getItem('accessToken');
+        return token ? { Authorization: `Bearer ${token}` } : null;
+    };
+
     const getLink = (body) => fetchRetailJSON('/esia/getLink', 'POST', body);
 
     const EsiaLoginBanner = JSX(({ onChangeEsiaStatus, productType }) => {
@@ -4435,42 +4158,180 @@
 
     const API_BASE_URI = '/light-api-cash/v1';
 
-    const useLeadFormData = (typeField) => {
-        const { data, error } = useAsyncData(`${API_BASE_URI}/dictionary?dictionaryType=${encodeURIComponent(typeField)}`, fetchData);
-        if (data && 'errorMessage' in data) {
-            return { error };
-        }
-        return { data: data, error };
-    };
-    const fetchData = async (url) => {
-        const result = await fetchJSON(url, { method: 'POST' });
-        return result || [];
-    };
+    const useLeadFormData = (typeField) => {
+        const { data, error } = useAsyncData(`${API_BASE_URI}/dictionary?dictionaryType=${encodeURIComponent(typeField)}`, fetchData);
+        if (data && 'errorMessage' in data) {
+            return { error };
+        }
+        return { data: data, error };
+    };
+    const fetchData = async (url) => {
+        const result = await fetchJSON(url, { method: 'POST' });
+        return result || [];
+    };
+
+    const AddressRetailField = JSX(({ field, input }) => {
+        const [offices, setOffices] = useState([]);
+        const { data } = useLeadFormData('REGION_RF');
+        const regionValue = field('regionRetail')?.value || {};
+        const addressField = field(input?.name ?? '');
+        useEffect(() => {
+            (async () => {
+                const officesList = await fetchRegionOffices(regionValue?.key ?? '');
+                setOffices(officesList);
+            })();
+            if (regionValue?.key) {
+                addressField.onChange?.('');
+            }
+        }, [regionValue.key]);
+        const { points } = useOfficesAtmsMapData({
+            data: offices,
+            filtrationState: {},
+            getBalloon: getOfficePoint,
+        });
+        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
+                        key: id?.toString() || '',
+                        text: address,
+                    })), ...addressField, isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: addressField?.value?.text }) }) })] }));
+    });
+
+    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 AddressRetailField = JSX(({ field, input }) => {
-        const [offices, setOffices] = useState([]);
-        const { data } = useLeadFormData('REGION_RF');
-        const regionValue = field('regionRetail')?.value || {};
-        const addressField = field(input?.name ?? '');
-        useEffect(() => {
-            (async () => {
-                const officesList = await fetchRegionOffices(regionValue?.key ?? '');
-                setOffices(officesList);
-            })();
-            if (regionValue?.key) {
-                addressField.onChange?.('');
-            }
-        }, [regionValue.key]);
-        const { points } = useOfficesAtmsMapData({
-            data: offices,
-            filtrationState: {},
-            getBalloon: getOfficePoint,
-        });
-        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
-                        key: id?.toString() || '',
-                        text: address,
-                    })), ...addressField, isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: addressField?.value?.text }) }) })] }));
-    });
+    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));
@@ -5699,6 +5560,12 @@
 
     const renderSubmitButton = (button, isSending = false) => (jsx(SubmitButton$1, { className: "w-full @xl:w-auto", isLoading: isSending, children: button?.text ? button.text : 'Отправить заявку' }));
 
+    const sessionStore = new Store(); // sessionStorage cache
+    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
+    function useSessionStore() {
+        return useStore(sessionStore);
+    }
+
     const createDraftTask = async (body) => {
         const res = await fetchRetailJSON('/user-data/createDraftTask', 'POST', body);
         return res || {};
@@ -5727,6 +5594,171 @@
 
     const updateUserTask = (body) => doRequest('/user-data/updateUserTask', 'PUT', body);
 
+    const sendCode = (body) => doRequest('/sms/sendCode', 'POST', body)
+        .then((res) => res.text())
+        .then((text) => text === 'OK');
+
+    const ICON_SIZE = { width: '118', height: '24' };
+
+    const logoTitleSizeStyle = '';
+
+    const ICON_VERSION_MAP = {
+        'bg-white': 'color',
+        transparent: 'white',
+    };
+    const SVG_COLOR = {
+        'bg-white': 'text-primary-main',
+        transparent: 'text-white',
+    };
+    const renderImage = (bgColor, image, size) => {
+        const img = image?.src
+            ? image
+            : {
+                icon: image?.icon || 'LogoIcon',
+                iconVersion: ICON_VERSION_MAP[bgColor],
+            };
+        return (jsx(Img, { image: img, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height }));
+    };
+
+    const TEXT_COLOR = {
+        'bg-white': 'text-primary-text',
+        transparent: 'text-white',
+    };
+    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
+                ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
+                : null] })));
+
+    const checkCaptcha = (body) => doRequest('/sms/checkCaptcha', 'POST', body)
+        .then((res) => res.text())
+        .then((text) => text !== 'ERROR');
+
+    const createCaptcha = (phoneNumber) => doRequest(`/sms/createCaptcha?phoneNumber=${encodeURIComponent(phoneNumber)}`, 'GET').then(async (res) => (res ? res.blob() : new Blob()));
+
+    const CaptchaDialog = JSX(({ phoneNumber, sendCode, onClose }) => {
+        const [captcha, setCaptcha] = useState('');
+        const [code, setCode] = useState('');
+        const [hasError, setHasError] = useState(false);
+        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
+        const { closeAll } = useDialogManager();
+        const handleCheckCaptcha = useCallback(async () => {
+            startLoading();
+            const isValidCode = await checkCaptcha({ captchaText: code });
+            if (isValidCode) {
+                onClose?.();
+                sendCode?.();
+            }
+            else {
+                setHasError(true);
+            }
+            endLoading();
+        }, [code, sendCode]);
+        const handleCreateCaptcha = useCallback(() => {
+            (async () => setCaptcha(URL.createObjectURL(await createCaptcha(phoneNumber))))();
+        }, []);
+        useEffect(handleCreateCaptcha, []);
+        return (jsx(Dialog, { head: jsx(Logo, {}), onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsxs("div", { className: "flex", children: [jsx("img", { className: "grow", src: captcha }), jsx(Button, { className: "w-8", embedded: true, onClick: handleCreateCaptcha, children: jsx(Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), jsx(Input, { className: "w-80", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? jsx("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, jsxs("div", { className: "flex w-80 justify-between", children: [jsx(Button, { version: "secondary", onClick: closeAll, children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), jsx(SubmitButton$1, { version: "secondary", disabled: !code, onClick: handleCheckCaptcha, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] }), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
+    });
+
+    const checkCode = async (body) => fetchRetailJSON('/sms/checkCode', 'POST', body).then(saveToken);
+    const saveToken = (data) => {
+        if (data?.access_token && data?.refresh_token) {
+            globalThis.sessionStorage.setItem('accessToken', data.access_token);
+            globalThis.sessionStorage.setItem('refreshToken', data.refresh_token);
+        }
+    };
+
+    const TIME_TO_RESEND = 180;
+    const useVerifyPhoneDialogSubmit = ({ values, onSuccess, }) => {
+        const sessionStore = useSessionStore();
+        const attempts = sessionStore.smsCode?.attempts || 0;
+        const timer = Math.max(getTimer(sessionStore.smsCode?.sendTime || Date.now()), 0);
+        const [errorText, setErrorText] = useState('');
+        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
+        const [timeNextReq, setTimeNextReq] = useState(timer);
+        const resetError = useCallback(() => setErrorText(''), []);
+        const isTimeExpired = Boolean(timeNextReq === 0 && sessionStore.smsCode?.sendTime);
+        const isSubmitButtonDisabled = attempts > 2 || isTimeExpired || !values.every(Boolean);
+        const handleSubmit = useCallback(async () => {
+            try {
+                sessionStore.smsCode = {
+                    ...sessionStore.smsCode,
+                    attempts: attempts + 1,
+                };
+                startLoading();
+                await checkCode({
+                    smsText: values.join(''),
+                    smsCodesSetName: { key: 'AUTHENTICATION' },
+                });
+                setTimeNextReq(0);
+                resetError();
+                sessionStore.smsCode = null;
+                onSuccess?.(values.join(''));
+            }
+            catch {
+                setErrorText(attempts > 1 ? 'Исчерпан лимит ввода смс-кода' : 'Неверный код');
+            }
+            finally {
+                endLoading();
+            }
+        }, [values, attempts]);
+        useEffect(() => {
+            if (isTimeExpired) {
+                setErrorText('Код просрочен');
+            }
+            else if (attempts > 2) {
+                setErrorText('Исчерпан лимит ввода смс-кода');
+            }
+        }, [isTimeExpired]);
+        return {
+            handleSubmit,
+            hasError: Boolean(errorText),
+            errorText,
+            isLoading,
+            timeNextReq,
+            isSubmitButtonDisabled,
+            setTimeNextReq,
+            setErrorText,
+        };
+    };
+
+    const CODE_LENGTH = 4;
+    const VerifyPhoneDialog = JSX(({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop }) => {
+        const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));
+        const sessionStore = useSessionStore();
+        const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setErrorText, } = useVerifyPhoneDialogSubmit({
+            values,
+            onSuccess,
+        });
+        const captchaDialog = useDialog(CaptchaDialog);
+        const phoneNumber = formatPhone(phone);
+        const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
+        const handleSendCode = useCallback(async () => {
+            const response = await sendCode({
+                phoneNumber,
+                smsCodesSetName: { key: 'AUTHENTICATION' },
+            });
+            if (response) {
+                setTimeNextReq(TIME_TO_RESEND);
+                restartTimer(TIME_TO_RESEND);
+                setErrorText('');
+                sessionStore.smsCode = {
+                    sendTime: Date.now(),
+                    attempts: 0,
+                };
+            }
+            else {
+                captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
+            }
+        }, [phoneNumber, restartTimer, onClose]);
+        useEffect(() => {
+            if (!sessionStore.smsCode?.sendTime) {
+                handleSendCode();
+            }
+        }, []);
+        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, children: renderDescription$2(consents, withDescription) }));
+    });
+    const renderDescription$2 = (consents, isRender = false) => isRender ? (jsxs(RichText, { itemSize: "list-s", children: [jsx("span", { children: "\u0412\u0432\u043E\u0434\u044F \u043A\u043E\u0434, \u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044E, \u0447\u0442\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u043B\u0435\u043D \u0438 \u043F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044E: " }), jsx("ul", { children: consents?.map((_, i) => (jsx("li", { children: _ }, `${_}-${i}`))) })] })) : null;
+
     const defaultConsentText = {
         title: 'Подпишите согласие на запрос в БКИ',
         description: 'Согласие на запрос в Бюро кредитных историй (БКИ) ускорит решение по кредиту',
@@ -12021,7 +12053,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.911";
+    const packageVersion = "0.14.912";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;