@redneckz/wildless-cms-uni-blocks 0.14.888 → 0.14.889

package/mobile/bundle/bundle.umd.js

@@ -995,6 +995,9 @@
     });
     const randomNumber = (min = 0, max = 0) => Math.floor(Math.random() * (max - min) + min);
 
+    const API_BASE_URI$1 = '/api/v1';
+    const RETAIL_API_BASE_URI = '/light-api-cash/v1';
+
     const formatDate = (date, toTimeStamp = false) => {
         if (typeof date === 'string') {
             return date.split('-').reverse().join('.');
@@ -1009,53 +1012,33 @@
 
     const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
 
-    const API_BASE_URI$1 = '/api/v1';
-    const RETAIL_API_BASE_URI = '/light-api-cash/v1';
-
-    function LeadServiceAPI() {
-        async function send(body, router, isIndividualType = false) {
-            const { typeForm, region, phone = '', email, birthday, desiredMeetingDate, inn, innDadata, fullRegion, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, serviceDirection, partnerSymbolCode, companyNameByInn, ...staticBody } = body;
-            const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
-            const url = `${API_BASE_URI$1}${isNaturalPerson ? '/lead' : '/sendcorporatelead'}`;
-            const submitBody = {
-                typeForm,
-                ...getRegion$1(region, isNaturalPerson),
-                ...getEmail(email, isNaturalPerson),
-                ...getPhone(phone),
-                ...getFormatDate(desiredMeetingDate, 'desiredMeetingDate'),
-                ...(isNaturalPerson ? getFormatDate(birthday) : { inn }),
-                ...(typeForm === 'FEEDBACK'
-                    ? {}
-                    : {
-                        addressBranch,
-                        bankEmpolee,
-                        applicationDate,
-                        ...getSecondaryPhone(secondaryPhone),
-                    }),
-                ...addPageSlug(typeForm, router),
-                ...formatPFForm(typeForm, { innDadata, fullRegion, partnerSymbolCode, companyNameByInn }),
-                ...staticBody,
-            };
-            try {
-                const response = await fetch(url, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    mode: 'cors',
-                    body: JSON.stringify(submitBody),
-                });
-                if (!response?.ok) {
-                    return null;
-                }
-                return await response.json();
-            }
-            catch (e) {
-                return null;
-            }
-        }
+    const getSubmitBody = (body, isNaturalPerson, router) => {
+        const { typeForm, region, phone = '', email, birthday, desiredMeetingDate, inn, innDadata, fullRegion, addressBranch, secondaryPhone = '', bankEmpolee, applicationDate, partnerSymbolCode, companyNameByInn, ...staticBody } = body;
         return {
-            send,
+            typeForm,
+            ...getRegion$1(region, isNaturalPerson),
+            ...getEmail(email, isNaturalPerson),
+            ...getPhone(phone),
+            ...getFormatDate(desiredMeetingDate, 'desiredMeetingDate'),
+            ...(isNaturalPerson ? getFormatDate(birthday) : { inn }),
+            ...(typeForm === 'FEEDBACK'
+                ? {}
+                : {
+                    addressBranch,
+                    bankEmpolee,
+                    applicationDate,
+                    ...getSecondaryPhone(secondaryPhone),
+                }),
+            ...addPageSlug(typeForm, router),
+            ...formatPFForm(typeForm, { innDadata, fullRegion, partnerSymbolCode, companyNameByInn }),
+            ...staticBody,
         };
-    }
+    };
+    const getPhoneBody = (phone) => {
+        return {
+            ...getPhone(phone),
+        };
+    };
     const getPhone = (phone) => (phone ? { phone: formatPhone(phone) } : {});
     const getFormatDate = (date, key = 'birthday') => date ? { [key]: formatDate(date) } : {};
     const getRegion$1 = (region, isNaturalPerson = true) => ({
@@ -1081,6 +1064,68 @@
         }
         : {};
 
+    function LeadServiceAPI() {
+        async function send(body, router, isIndividualType = false) {
+            const { serviceDirection } = body;
+            const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
+            const url = `${API_BASE_URI$1}${isNaturalPerson ? '/lead' : '/sendcorporatelead'}`;
+            const submitBody = getSubmitBody(body, isNaturalPerson, router);
+            try {
+                const response = await LeadServiceFetch(url, submitBody);
+                if (!response?.ok) {
+                    return null;
+                }
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function sendCode({ phone }) {
+            const submitBody = getPhoneBody(phone);
+            try {
+                const response = LeadServiceFetch(`${API_BASE_URI$1}/initCorporateLead`, submitBody).then(async (res) => {
+                    if (!res.ok) {
+                        throw new Error(`Ошибка HTTP: ${res.status}`);
+                    }
+                    return await res.text();
+                });
+                return await response;
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        async function checkCode({ reqId, code, body }) {
+            const submitBody = {
+                requestId: reqId,
+                confimationCode: code,
+                leadRequest: getSubmitBody(body, false),
+            };
+            try {
+                const response = await LeadServiceFetch(`${API_BASE_URI$1}/confirmCorporateLead`, submitBody);
+                if (!response?.ok) {
+                    return null;
+                }
+                return await response.json();
+            }
+            catch (e) {
+                return null;
+            }
+        }
+        return {
+            send,
+            sendCode,
+            checkCode,
+        };
+    }
+    const LeadServiceFetch = (url, submitBody) => fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        mode: 'cors',
+        body: JSON.stringify(submitBody),
+    });
+
     const handleAspects = async ({ aspectsAttributes, aspects, ev }) => {
         for (const { aspectName, params } of aspectsAttributes ?? []) {
             const aspectFn = aspects[aspectName ?? ''];
@@ -1246,11 +1291,183 @@
         return [formState, { errors, field, update, reset, onSubmit: handleSubmit }];
     }
 
-    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 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 = JSX(({ className, head, children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), 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", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-m mb-[74px] lg:mb-0", children: children })] })));
+
     function useDialog(Dialog, initialProps = {}) {
         const { open, close, ...rest } = useDialogManager();
         const openDialog = useCallback((props, options = {}) => open({
@@ -1263,29 +1480,99 @@
         return { open: openDialog, close, ...rest };
     }
 
-    const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
-
-    // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
-    const getRequiredLabel = ({ label, errors }) => label && errors ? `${label}*` : label;
+    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 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 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 debounce = (fn, delay = 600) => {
-        let timerId;
-        const debouncedCallback = (...args) => {
-            debouncedCallback.dispose();
-            timerId = setTimeout(() => {
-                fn(...args);
-            }, delay);
-        };
-        debouncedCallback.dispose = () => {
-            if (timerId) {
-                clearTimeout(timerId);
+    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);
             }
-        };
-        return debouncedCallback;
+            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');
@@ -1304,13 +1591,271 @@
             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';
+        }, [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: '103', height: '21' };
+
+    const logoTitleSizeStyle = 'text-s';
+
+    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, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", 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);
+
+    const CODE_LENGTH = 4;
+    const VerifyPhoneDialog = JSX(({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop, formatData, reqId, isRetail = true, }) => {
+        const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));
+        const sessionStore = useSessionStore();
+        const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setErrorText, } = useVerifyPhoneDialogSubmit({
+            values,
+            onSuccess,
+            formatData,
+            reqId,
+            isRetail,
+        });
+        const captchaDialog = useDialog(CaptchaDialog);
+        const phoneNumber = formatPhone(phone);
+        const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
+        const handleSendCode = useCallback(async () => {
+            const isSuccessSendCode = await sendCode({
+                phoneNumber,
+                smsCodesSetName: { key: 'AUTHENTICATION' },
+            }, isRetail);
+            if (isSuccessSendCode) {
+                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 && isRetail) {
+                handleSendCode();
+            }
+        }, []);
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-xl p-m", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [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" }), jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError }), renderText$4(timeNextReq, handleSendCode), withDescription ? (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, renderNextButton(isSubmitButtonDisabled, handleSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
+    });
+    const renderNextButton = (disabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", disabled: disabled, onClick: onClick }));
+    const renderText$4 = (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" }) }));
+
+    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] }) }));
+    });
+
+    const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
+
+    // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
+    const getRequiredLabel = ({ label, errors }) => label && errors ? `${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 formatOption = (_) => _?.text || _?.key || '';
 
@@ -1631,10 +2176,6 @@
     const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
     const AmountField = JSX(({ field, input }) => (jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field(input?.name ?? '') })));
 
-    const noop = () => {
-        // Do nothing
-    };
-
     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) => {
@@ -2117,9 +2658,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$4(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$4 = (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 });
@@ -2443,33 +2984,6 @@
 
     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 = JSX(({ className, head, children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), 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", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-m mb-[74px] lg:mb-0", children: children })] })));
-
     const ResponseTypeDialog = JSX(({ ok, typeForm, onClose }) => {
         const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
         const responseOKDescription = typeForm === 'ANTIFRAUD'
@@ -2554,12 +3068,6 @@
         return { ...formState, typeForm: { key: typeForm, text: '' } };
     };
 
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
-            'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
-
-    const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
-
     const themeStyle = {
         primary: themeStyle$1.primary,
         secondary: themeStyle$1.secondary,
@@ -2577,9 +3085,9 @@
                 [themeStyle[version]]: Boolean(version),
                 [aboveText ? 'px-9 py-2.5' : 'px-9 py-4']: buttonLike,
                 'rounded-md': buttonLike,
-            }, className), href: href, target: target, rel: rel, "aria-label": ariaLabel ?? `Ссылка на ${text}`, role: href ? 'link' : 'button', onClick: onClick, ...getAspectsAttributes(data), children: children ?? renderText$3(text, aboveText) }));
+            }, 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$3 = (text, aboveText) => text || aboveText ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "font-light text-left text-xs", children: aboveText }) : null, jsx("div", { className: style('text-left', { 'text-s -mt-3xs': Boolean(aboveText) }), children: text })] })) : null;
+    const 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] })));
 
@@ -2590,19 +3098,43 @@
     const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex sm:justify-center gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "\u043F\u043E\u0447\u0442\u0430 ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
 
     const API = LeadServiceAPI();
-    const ApplicationForm = UniBlock(({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
+    const ApplicationForm = UniBlock(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
         const initialFormState = useMemo(() => getInitialFormState$2(inputs, typeForm), [inputs, typeForm]);
         const router = useRouter();
         const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
         const responseTypeDialog = useDialog(ResponseTypeDialog);
         const aspects = useAspects();
+        const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
         const handleSubmit = useCallback(async (formData, ev) => {
             const formatData = getFormatData({ ...formData, ...additionalParams });
-            const ok = Boolean(await API.send(formatData, router, endpoint === 'lead'));
-            responseTypeDialog.open({ ok, typeForm });
-            if (ok) {
-                handleAspects({ aspectsAttributes: data, aspects, ev });
+            if (endpoint === 'initcorporatelead') {
+                const { phone } = formatData;
+                const response = await API.sendCode({ phone: String(phone) });
+                if (!response) {
+                    responseTypeDialog.open({ ok: Boolean(response), typeForm });
+                    return;
+                }
+                verifyPhoneDialog.open({
+                    phone,
+                    withDescription: false,
+                    formatData,
+                    reqId: String(response),
+                    isRetail: false,
+                    onSuccess: () => {
+                        verifyPhoneDialog.close();
+                        responseTypeDialog.open({ ok: true, typeForm });
+                    },
+                });
+            }
+            else {
+                const ok = Boolean(await API.send(formatData, router, endpoint === 'lead'));
+                responseTypeDialog.open({ ok, typeForm });
+                if (ok) {
+                    handleAspects({ aspectsAttributes: data, aspects, ev });
+                }
             }
         }, [typeForm]);
         const [, { field, onSubmit }] = useForm(initialFormState, {
@@ -2893,42 +3425,6 @@
         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 }) => {
@@ -3281,8 +3777,6 @@
 
     const CardRow = JSX(({ className, children }) => (jsx("div", { className: style('flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl', className), 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 ToggleIcon = JSX(({ isUnfolded, ...rest }) => (jsx(Icon, { name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', size: "small", iconVersion: "", ...rest })));
 
     const DefaultFoldButton = JSX(({ className, isUnfolded, short, label = isUnfolded ? 'Скрыть' : 'Развернуть', embedded, ...rest }) => (jsxs(Button, { className: style({ 'w-full': !short }, className), embedded: embedded, shape: short ? 'default' : 'square', role: "tab", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u0438", ...rest, children: [jsx(ButtonTitle, { children: label }), jsx(ToggleIcon, { isUnfolded: isUnfolded, iconVersion: embedded ? 'color' : '' })] })));
@@ -3844,155 +4338,17 @@
             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 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]);
-    }
+        }, [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 localStore = new Store(); // localStorage cache
     replicate(localStore, new StorageAdapter(globalThis?.localStorage));
@@ -5217,12 +5573,6 @@
 
     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 || {};
@@ -5251,254 +5601,6 @@
 
     const updateUserTask = (body) => doRequest('/user-data/updateUserTask', 'PUT', body);
 
-    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 sendCode = (body) => doRequest('/sms/sendCode', 'POST', body)
-        .then((res) => res.text())
-        .then((text) => text === 'OK');
-
-    const ICON_SIZE = { width: '103', height: '21' };
-
-    const logoTitleSizeStyle = 'text-s';
-
-    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, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", 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 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;
-                await 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 getTimer = (sendTime) => TIME_TO_RESEND - Math.floor((Date.now() - sendTime) / 1000);
-
-    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 isSuccessSendCode = await sendCode({
-                phoneNumber,
-                smsCodesSetName: { key: 'AUTHENTICATION' },
-            });
-            if (isSuccessSendCode) {
-                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(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-xl p-m", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [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" }), jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError }), renderText$2(timeNextReq, handleSendCode), withDescription ? (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, renderNextButton(isSubmitButtonDisabled, handleSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
-    });
-    const renderNextButton = (disabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", disabled: disabled, onClick: onClick }));
-    const renderText$2 = (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" }) }));
-
     const defaultConsentText = {
         title: 'Подпишите согласие на запрос в БКИ',
         description: 'Согласие на запрос в Бюро кредитных историй (БКИ) ускорит решение по кредиту',
@@ -11275,7 +11377,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.887";
+    const packageVersion = "0.14.888";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;