@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.5-credit

package/bundle/bundle.umd.js

@@ -137,7 +137,7 @@
     const Headline = JSX(({ className, version = '', headlineVersion = 'XL', title, description, align = 'text-center', as, isEmbedded = false, isTheme = false, ...rest }) => {
         const versionStyle = headlineVersionStyles[headlineVersion];
         const descriptionStyle = { marginTop: versionStyle.descriptionStyle };
-        return (jsxs(BlockWrapper, { className: style({ '@container-normal': isEmbedded }, className), defaultPadding: isEmbedded ? '' : 'p-6xl', version: version, isTheme: isTheme, ...rest, children: [title ? (jsx(Heading, { className: style('whitespace-pre-wrap', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? (jsx(Paragraph, { size: versionStyle.descriptionSize, font: versionStyle.descriptionWeight, align: align, ...descriptionStyle, children: description })) : null] }));
+        return (jsxs(BlockWrapper, { className: style({ '@container-normal': isEmbedded }, className), defaultPadding: isEmbedded ? '' : 'p-6xl', version: version, isTheme: isTheme, ...rest, children: [title ? (jsx(Heading, { className: style('whitespace-normal', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? (jsx(Paragraph, { size: versionStyle.descriptionSize, font: versionStyle.descriptionWeight, align: align, ...descriptionStyle, children: description })) : null] }));
     });
 
     const DEFAULT_SLOT_NAME = null;
@@ -146,7 +146,7 @@
 
     const DEFAULT_ANCESTORS = [];
     const defaultStyle$2 = 'col-span-12';
-    function renderBlock$1(block, options, { className, ...extraProps } = {}) {
+    function renderBlock(block, options, { className, ...extraProps } = {}) {
         const { key, blockDecorator = defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, } = options;
         const { type } = block;
         if (!(type && type in blocksRegistry)) {
@@ -166,9 +166,9 @@
     }
 
     const EMPTY_ANCESTORS = [];
-    const renderBlocksList = (blocks, { key, ancestors = EMPTY_ANCESTORS, slotName = DEFAULT_SLOT_NAME, extraProps, renderProps = renderBlock$1, ...options }) => {
+    const renderBlocksList = (blocks, { key, ancestors = EMPTY_ANCESTORS, slotName = DEFAULT_SLOT_NAME, extraProps, renderProps = renderBlock, ...options }) => {
         const renderChildBlock = extraProps
-            ? (childBlock, childOptions) => renderBlock$1(childBlock, childOptions, extraProps)
+            ? (childBlock, childOptions) => renderBlock(childBlock, childOptions, extraProps)
             : renderProps;
         return (blocks || []).map((_, i) => renderChildBlock(_, {
             ...options,
@@ -473,8 +473,12 @@
 
     const useDialogManager = () => useEmitterWithActions(defaultEventBus.emitter, 'dialog');
 
-    const adjustBase = (href, basePath = '') => href?.replace(basePath, '') || '/';
+    const FORWARD_SLASH = '/';
+    const adjustBase = (href = FORWARD_SLASH, basePath = FORWARD_SLASH) => [href, basePath].some((_) => _ === FORWARD_SLASH)
+        ? href
+        : href.replace(basePath, '') || FORWARD_SLASH;
 
+    const RESERVED_PREFIX = ['/api'];
     function useLink() {
         const router = useRouter();
         const { closeAll } = useDialogManager();
@@ -497,7 +501,7 @@
         };
     }
     const isClientRouting = (href, target, basePath) => isLocalURL(href, target) &&
-        !env.SUB_PORTALS?.split(',')?.some(hasPrefix(href)) &&
+        ![...RESERVED_PREFIX, ...(env.SUB_PORTALS?.split(',') ?? [])].some(hasPrefix(href)) &&
         hasPrefix(href)(basePath || '/');
 
     const getAspectsAttributes = (data) => {
@@ -513,7 +517,7 @@
     const ButtonInner = JSX((props) => {
         const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
         const iconHideStyle = isWithText(props) && 'hidden lg:block';
-        return (jsxs("div", { className: style(buttonStyle$1(props), 'flex gap-xs'), children: [appendLeft ? (jsx("div", { className: style(iconHideStyle, iconStyleMap$1[version]), children: appendLeft })) : null, isWithText(props) ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "text-xs font-light text-left", children: aboveText }) : null, jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-3xs' : 'text-l'}`, children: text })] })) : null, appendRight ? (jsx("div", { className: style(iconHideStyle, iconStyleMap$1[version]), children: appendRight })) : null] }));
+        return (jsxs("div", { className: style(buttonStyle$1(props), 'flex gap-xs'), children: [appendLeft ? (jsx("div", { className: style(iconHideStyle, iconStyleMap$1[version]), children: appendLeft })) : null, isWithText(props) ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "text-xs font-light text-left", children: aboveText }) : null, jsx("div", { className: `text-left ${aboveText ? 'text-s' : 'text-l'}`, children: text })] })) : null, appendRight ? (jsx("div", { className: style(iconHideStyle, iconStyleMap$1[version]), children: appendRight })) : null] }));
     });
     const buttonStyle$1 = (props) => {
         const { version, aboveText, rounded } = props;
@@ -632,7 +636,7 @@
                                     imageAlign,
                                 }), buttons ? jsx("div", { className: "self-end", children: buttons }) : null] })] })] }));
     });
-    const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] })) : null;
+    const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (jsxs("div", { className: "grow space-y-lg w-fit", children: [insetTitle, children] })) : null;
     const imageAlwaysOnRightContainerStyle = (isImage) => style(isImage ? 'row-span-2' : '@xl:row-span-2');
     const renderUnitContainer = (childrenBlocks) => childrenBlocks?.length ? (jsx("div", { className: "flex items-start justify-end", children: childrenBlocks })) : null;
 
@@ -751,10 +755,10 @@
     const and = (a, b) => (...args) => a(...args) && b(...args);
 
     const table = (...table) => (...input) => {
-        const [, unit] = assertNonEmpty$1(table.find(([predicate]) => predicate(...input)));
+        const [, unit] = assertNonEmpty(table.find(([predicate]) => predicate(...input)));
         return unit(...input);
     };
-    function assertNonEmpty$1(value) {
+    function assertNonEmpty(value) {
         if (!value) {
             throw new Error('Value should be fulfilled');
         }
@@ -973,7 +977,7 @@
         return OutputComponent;
     }
 
-    const ProductBlock = UniBlock(({ className, padding, defaultPadding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, className: "grow h-full", ...rest }) })), { childrenTypes: ['UnitBlock'] });
+    const ProductBlock = UniBlock(({ className, padding, defaultPadding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, className: "grow h-full", ...rest }) })));
 
     const AdTile = JSX((props) => {
         const { items } = (props.options?.page?.adSourceBook ?? {});
@@ -1057,9 +1061,12 @@
             : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
     };
 
-    const handleAspects = ({ aspectsAttributes, aspects, ev }) => {
+    const handleAspects = async ({ aspectsAttributes, aspects, ev }) => {
         for (const { aspectName, params } of aspectsAttributes ?? []) {
-            aspects[aspectName ?? '']?.(ev, params);
+            const aspectFn = aspects[aspectName ?? ''];
+            if (aspectFn) {
+                await aspectFn(ev, params);
+            }
         }
     };
 
@@ -1102,7 +1109,7 @@
         return url.toString();
     };
 
-    const forwardQuery = (ev) => {
+    const forwardQuery = async (ev) => {
         const anchor = ev.target?.closest('a');
         const navigator = locationNavigator();
         if (isURL(anchor?.href) && !anchor?.href?.startsWith(navigator.origin)) {
@@ -1272,7 +1279,7 @@
 
     const getValidStyle = (valid) => (valid ? inputValidStyle : 'border-error');
 
-    const renderLabel = (label) => label ? (jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label })) : null;
+    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
@@ -1290,26 +1297,30 @@
         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(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] }));
+        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 renderErrorText = (error) => (jsx("div", { className: "h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
 
-    const InputControl = JSX(({ className, label, value = '', placeholder, error, errors, onChange = noop, onBlur, isTextarea, type, isInteger = false, maxLength, disabled = false, }) => {
-        const [isOpen, { setFalse: close, setTrue: open }] = useBool();
-        const popupRef = useOutsideClick(close);
+    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) => {
-            !isOpen && open();
-            maxLength ? v.length <= maxLength && onChange(v) : onChange(v);
+            const isOverMax = maxLength && v.length > maxLength;
+            !isOpen && onOpen();
+            if (!isOverMax) {
+                onChange(normalizeInteger(v, isInteger));
+            }
         }, [isOpen, onChange]);
-        useEffect(() => {
-            isInteger && value ? onChange(normalizeInteger$1(value)) : null;
-        }, [value]);
-        return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: close, onFocus: open, children: [jsx("div", { children: jsx(Input, { disabled: disabled, type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, errors }), valid: Boolean(!error), value: value, onChange: handleChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: getPlaceholder$1(placeholder, errors, label) }) }), renderErrorText(error)] }));
+        return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: onClose, onFocus: onOpen, children: [jsx("div", { ref: inputRef, children: jsx(Input, { type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, errors }), valid: Boolean(!error), onChange: handleChange, placeholder: getPlaceholder({ placeholder, errors, label }), value: value, ...rest }) }), renderErrorText(error)] }));
     });
-    const normalizeInteger$1 = (val = '') => val.replace(/[^\d]+/g, '');
-    const getPlaceholder$1 = (placeholder, errors, label) => errors && !label ? `${placeholder}*` : placeholder;
+    const normalizeInteger = (val = '', isInteger = false) => isInteger && val ? val.replace(/[^\d]+/g, '') : val;
+    const getPlaceholder = ({ placeholder, errors, label }) => errors && !label ? `${placeholder}*` : placeholder;
+
+    const InputControl = JSX((props) => {
+        const [isOpen, { setFalse: close, setTrue: open }] = useBool();
+        return jsx(InputWrapper, { isOpen: isOpen, onOpen: open, onClose: close, ...props });
+    });
 
     const formatOption = (_) => _?.text || _?.key || '';
 
@@ -1383,7 +1394,7 @@
             onClose: handleClose,
             iconVersion,
         });
-        return (jsxs("div", { className: style('space-y-xs', className), children: [renderLabel(label), jsxs("div", { className: style('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [jsxs("div", { className: style('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose : handleOpen, children: [jsx("p", { className: "line-clamp-2 text-ellipsis", children: formatOption(value) || placeholder }), renderIcon$1(hasOpen, iconVersion)] }), isSearch && hasOpen ? (jsx("div", { className: style('absolute top-0 w-full z-20'), children: jsx(Input, { type: "text", value: query, autoFocus: true, disabled: isDisabled, onChange: setQuery }) })) : null] })] }));
+        return (jsxs("div", { className: style('space-y-xs', className), children: [renderLabel$1(label), jsxs("div", { className: style('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [jsxs("div", { className: style('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose : handleOpen, children: [jsx("p", { className: "line-clamp-2 text-ellipsis", children: formatOption(value) || placeholder }), renderIcon$1(hasOpen, iconVersion)] }), isSearch && hasOpen ? (jsx("div", { className: style('absolute top-0 w-full z-20'), children: jsx(Input, { type: "text", value: query, autoFocus: true, disabled: isDisabled, onChange: setQuery }) })) : null] })] }));
     });
     const renderIcon$1 = (isOpen, iconVersion) => (jsx(Icon, { className: style('absolute right-0 flex self-center', { 'rotate-180': !isOpen }), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
     const getStyle = (isBorder, valid, disabled) => style(isBorder ? 'border rounded-md ' : '', isBorder && !disabled ? 'hover:border-primary-hover' : '', disabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error');
@@ -1483,14 +1494,14 @@
     }
 
     const BRANCHES_URL = `${API_BASE_URI$1}/branches`;
-    const EMPTY_VALUE$3 = [];
+    const EMPTY_VALUE$2 = [];
     function useBranches(regionCode) {
-        const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
-        return data || EMPTY_VALUE$3;
+        const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes);
+        return data || EMPTY_VALUE$2;
     }
-    const fetchSafeBoxes$1 = async (url) => {
+    const fetchSafeBoxes = async (url) => {
         const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE$3;
+        return result || EMPTY_VALUE$2;
     };
 
     const REGIONS_URL$1 = '/branchesByRegions';
@@ -1574,7 +1585,7 @@
         const handleChange = useCallback((ev) => {
             onChange && onChange(parseDecimal(ev.target?.value));
         }, [onChange]);
-        return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('text-h3 w-full h-14', 'pl-m mt-xs box-border', 'text-primary-text', inputValidStyle, inputDisabledStyle), disabled: disabled, onChange: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
+        return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('text-h3 w-full h-14', 'pl-m box-border', 'text-primary-text', inputValidStyle, inputDisabledStyle), disabled: disabled, onChange: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
     });
     const closestValue = (list) => (_) => list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
     const renderRangeCaption = (items) => (jsx("div", { className: "flex justify-between my-xs", children: items.map((item, i) => (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item }, String(i)))) }));
@@ -1878,7 +1889,7 @@
             value,
         });
         const spaceAbove = useElementSpace(ref, 370);
-        return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm({
+        return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel$1(label), jsxs("div", { className: "relative", children: [renderDatePickerForm({
                             handleChangeVisibleCalendar,
                             value,
                             valid,
@@ -2067,7 +2078,7 @@
         };
     };
 
-    const cyrillicPattern = /^[\u0400-\u04FF\d\s]+$/u;
+    const cyrillicPattern = /^[а-яё-]*$/i;
     const isCyrillic = (_ = '') => cyrillicPattern.test(_);
 
     const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
@@ -2102,7 +2113,7 @@
         sufferedFrom: defaultValidator(),
         applierType: defaultValidator(),
         surname: nameValidator('Укажите свою фамилию на кириллице'),
-        name: nameValidator('Укажите своё имя на кириллице'),
+        name: nameValidator('Укажите своё имя на кириллице (без сокращений)'),
         middleName: nameValidator('Укажите своё отчество на кириллице'),
         birthday: defaultValidator('Укажите дату рождения'),
         phone: phoneValidator('Укажите номер телефона'),
@@ -2459,6 +2470,7 @@
         return false;
     })('Укажите дату выдачи паспорта');
     const deliveryDateValidator = (errorMsg) => validator((_) => _?.getTime() >= new Date().getTime())(errorMsg);
+    const notLaterDateValidator = (errorMsg) => validator((_) => _?.getTime() <= new Date().getTime())(errorMsg);
     const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const snilsValidate = (snils) => {
@@ -2525,7 +2537,7 @@
         lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
         experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
         jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
-        beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+        beginDate: notLaterDateValidator('Укажите дату заключения трудового договора'),
         addressFact: addressDaDataValidator(),
         addressRegistration: addressDaDataValidator(),
         addressRetail: defaultSelectValidator('Выберите адрес банка'),
@@ -2552,7 +2564,7 @@
         dulNumber: numberValidator('Укажите номер паспорта'),
         dulSubdivisionCode: numberValidator('Укажите код подразделения'),
         dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
-        participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+        participantDateRegistration: notLaterDateValidator('Укажите дату регистрации'),
         retirementIncome: defaultValidator(),
         otherIncome: defaultValidator(),
         wages: defaultValidator(),
@@ -2617,10 +2629,6 @@
             text: 'Согласие на получение информационных материалов',
             docId: 18,
         },
-        consentPhotoFlg: {
-            text: 'Согласие на фотографирование',
-            docId: 17,
-        },
     };
     const DEBIT_CARD_CONSENTS = {
         processPersonalDataFlg: {
@@ -2659,7 +2667,6 @@
             { name: 'consentInformFlg' },
             { name: 'consentPfrFlg' },
             { name: 'consentInformMaterialsFlg' },
-            { name: 'consentPhotoFlg' },
             { name: 'consentFATCA', required: true },
         ];
         return [
@@ -2680,6 +2687,13 @@
         ];
     };
 
+    var EsiaStatuses;
+    (function (EsiaStatuses) {
+        EsiaStatuses["Success"] = "SUCCESS";
+        EsiaStatuses["Error"] = "ERROR";
+        EsiaStatuses["Pending"] = "PENDING";
+    })(EsiaStatuses || (EsiaStatuses = {}));
+
     const getTraceId = () => {
         const result = new Uint8Array(8);
         globalThis.crypto.getRandomValues(result);
@@ -2718,14 +2732,19 @@
 
     const getLink = (body) => fetchRetailJSON('/esia/getLink', 'POST', body);
 
-    const EsiaLoginBanner = JSX(() => {
+    const EsiaLoginBanner = JSX(({ onChangeEsiaStatus }) => {
         const navigator = locationNavigator();
         const handleAuth = useCallback(async () => {
-            const resp = await getLink({
-                redirectUri: globalThis.location.origin + globalThis.location.pathname,
-            });
-            if (resp?.link) {
-                navigator.assign(resp.link);
+            try {
+                const resp = await getLink({
+                    redirectUri: globalThis.location.origin + globalThis.location.pathname,
+                });
+                if (resp?.link) {
+                    navigator.assign(resp.link);
+                }
+            }
+            catch {
+                onChangeEsiaStatus(EsiaStatuses.Error);
             }
         }, []);
         return (jsxs("div", { className: "flex gap-lg items-center rounded-md bg-main-gray p-4xl", children: [jsxs("div", { className: "flex flex-col justify-around w-full", children: [jsx("p", { className: "mb-m text-xl", children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0447\u0435\u0440\u0435\u0437 \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438" }), jsxs("ul", { className: "list-disc list-inside mb-4xl", children: [jsx("li", { children: "\u0412\u0435\u0440\u043E\u044F\u0442\u043D\u043E\u0441\u0442\u044C \u043E\u0434\u043E\u0431\u0440\u0435\u043D\u0438\u044F \u0432\u044B\u0448\u0435" }), jsx("li", { children: "\u0411\u0435\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u043A \u043E \u0434\u043E\u0445\u043E\u0434\u0430\u0445 \u0438 \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435" }), jsx("li", { children: "\u0421 \u0437\u0430\u0449\u0438\u0442\u043E\u0439 \u0412\u0430\u0448\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), jsx(Img, { className: "block mb-xl self-center @md:hidden", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "80", width: "80" }), jsx(Button, { type: "button", onClick: handleAuth, className: "w-full @md:w-fit", children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C" })] }), jsx(Img, { className: "hidden @md:block", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "164" })] }));
@@ -2923,16 +2942,8 @@
         return inputRef;
     }
 
-    const DaDataInputControl = JSX(({ className, label, value = '', placeholder, error, errors, onChange = noop, onDaDataChange, onBlur, isTextarea, type, name = '', daDataQueryPrefix, isInteger = false, maxLength, dadata = false, disabled = false, }) => {
+    const DaDataInputControl = JSX(({ value = '', onChange = noop, onDaDataChange, name = '', daDataQueryPrefix, dadata = false, ...rest }) => {
         const [isOpen, { setFalse: close, setTrue: open }] = useBool();
-        const popupRef = useOutsideClick(close);
-        const handleChange = useCallback((v) => {
-            dadata && !isOpen && open();
-            maxLength ? v.length <= maxLength && onChange(v) : onChange(v);
-        }, [isOpen, onChange]);
-        useEffect(() => {
-            isInteger && value && onChange(normalizeInteger(value));
-        }, [value]);
         const inputRef = useInputPopup({
             isOpen: isOpen && dadata,
             name,
@@ -2941,10 +2952,8 @@
             onChange,
             onDaDataChange,
         });
-        return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: close, onFocus: open, children: [jsx("div", { ref: inputRef, children: jsx(Input, { disabled: disabled, type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, errors }), valid: Boolean(!error), value: value, onChange: handleChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: getPlaceholder(placeholder, errors, label) }) }), renderErrorText(error)] }));
-    });
-    const normalizeInteger = (val = '') => val.replace(/[^\d]+/g, '');
-    const getPlaceholder = (placeholder, errors, label) => errors && !label ? `${placeholder}*` : placeholder;
+        return (jsx(InputWrapper, { value: value, onChange: onChange, inputRef: inputRef, isOpen: isOpen, onOpen: open, onClose: close, ...rest }));
+    });
 
     const AddressField = JSX(({ field, input }) => {
         const fieldName = input?.name || 'addressRegistration';
@@ -3503,16 +3512,6 @@
             });
         }
     };
-    const initializeExternalStylesheet = (url = '') => {
-        const link = globalThis.document.getElementById(url);
-        if (!link) {
-            const newLink = globalThis.document.createElement('link');
-            newLink.href = url;
-            newLink.id = url;
-            newLink.rel = 'stylesheet';
-            globalThis.document.head.appendChild(newLink);
-        }
-    };
     function useExternalNS(namespaceName, url, unmountNS = true) {
         const [externalNS, setExternalNS] = useState(undefined);
         useEffect(() => {
@@ -3846,7 +3845,7 @@
 
     const BankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0412 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u043C\u0435\u043D\u044F \u0432\u0435\u0434\u0451\u0442\u0441\u044F \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u043E \u043F\u043E \u0434\u0435\u043B\u0443 \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435", ...field(input?.name ?? '') })));
 
-    const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input), maxDate: new Date() })));
 
     const BirthPlaceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
@@ -3964,7 +3963,7 @@
     const CalculatorLayout = JSX(({ className, title, children, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-xl', className), defaultPadding: "p-4xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title }) : null, children] })));
 
     const CalculatorStyle = {
-        wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
+        wrapper: 'flex flex-col justify-between lg:flex-row gap-4xl',
         input: 'flex flex-col lg:w-1/2 gap-2xl',
         result: 'flex flex-col gap-y-xl min-w-52',
     };
@@ -4442,9 +4441,7 @@
             updateOrganizationFields(store, field, item);
         }, []);
         useEffect(() => {
-            if (!esiaAccountTypeCd ||
-                !inn ||
-                !(employerActivities && employerOrganization && organization && amountWorkers)) {
+            if (!esiaAccountTypeCd || !inn || !isDictionariesAlreadyLoad(store)) {
                 return;
             }
             (async () => {
@@ -4455,7 +4452,16 @@
             })();
         }, [employerActivities, employerOrganization, organization, amountWorkers]);
         return (jsx(DaDataInputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...field(input?.name ?? ''), onDaDataChange: onDaDataChange, disabled: isEsiaAuthorize(field, input) }));
-    });
+    });
+    const isDictionariesAlreadyLoad = (store) => {
+        const { employerActivities, employerOrganization, organization, amountWorkers, productType } = store;
+        return [
+            employerOrganization,
+            organization,
+            amountWorkers,
+            productType === 'creditCard' ? employerActivities : true,
+        ].every(Boolean);
+    };
 
     const DeliveryDateFiels = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...field(input?.name ?? ''), minDate: new Date() })));
 
@@ -4567,6 +4573,8 @@
 
     const InfoCardField = JSX(({ input }) => (jsx(InfoCard, { __html: input?.label })));
 
+    const InitiateBankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u042F \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u044E \u0432 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043C\u044F \u0438\u043D\u0438\u0446\u0438\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0434\u0435\u043B\u043E \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435 \u0432 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u0441\u0435\u0431\u044F", ...field(input?.name ?? '') })));
+
     const JobsNumberField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043C\u0435\u0441\u0442 \u0440\u0430\u0431\u043E\u0442\u044B \u0437\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043C\u0435\u0441\u0442", isInteger: true, maxLength: 2, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
     const LastJobExperienceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u0421\u0442\u0430\u0436 \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u043C \u0440\u0430\u0431\u043E\u0447\u0435\u043C \u043C\u0435\u0441\u0442\u0435", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", type: "number", maxLength: 2, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
@@ -4740,7 +4748,7 @@
 
     const OtherIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u0418\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
 
-    const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...field(input?.name ?? '') })));
+    const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...field(input?.name ?? ''), maxDate: new Date() })));
 
     const MAX_PART = 100;
     const MIN_PART = 0;
@@ -4800,22 +4808,27 @@
     };
 
     const RegionRetailField = JSX(({ field, input }) => {
+        const { programId, productType } = useRetailFormStore();
         const { data: regions } = useLeadFormData('REGION_RF');
         const { data: regionsDelivery } = useAsyncData('regionsDelivery', getRegionsCardDelivery);
-        const { programId } = useRetailFormStore();
+        const { data: productSettings } = useLeadFormData(getCurrentProductSettings(productType));
         const isSalaryCard = programId === '38';
         const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
+        const isDeliveryActive = productSettings?.find((_) => _?.key === 'DELIVERY_ACTIVE')?.value === 'true';
         const handleChangeRegion = field('regionRetail')?.onChange;
         const handleChangeRegionHasDelivery = field('regionHasDelivery')?.onChange;
         const handleChangeMethodObtain = field('methodObtain')?.onChange;
         const onChange = useCallback((value) => {
-            const regionHasDelivery = regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg && !isSalaryCard;
+            const regionHasDelivery = isDeliveryActive &&
+                regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg &&
+                !isSalaryCard;
             handleChangeRegionHasDelivery?.(regionHasDelivery);
             handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
             handleChangeRegion?.(value);
-        }, [regionsDelivery]);
+        }, [regionsDelivery, isDeliveryActive]);
         return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: formatRegions, ...field(input?.name ?? ''), onChange: onChange }));
-    });
+    });
+    const getCurrentProductSettings = (productType) => productType === 'debitCard' ? 'DEBIT_CARD_LEAD_PROCESS_SETTINGS' : 'CREDIT_LEAD_PROCESS_SETTINGS';
 
     const RetirementIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041F\u0435\u043D\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
 
@@ -4900,7 +4913,6 @@
         consentInformFlg: ConsentField,
         consentPfrFlg: ConsentField,
         consentInformMaterialsFlg: ConsentField,
-        consentPhotoFlg: ConsentField,
         consentFATCA: ConsentField,
     };
     const InputsRetailMap = {
@@ -4947,6 +4959,7 @@
         wages: WagesField,
         mandatoryPayments: MandatoryPaymentsField,
         bankruptcyFlg: BankruptcyFlgField,
+        initiateBankruptcyFlg: InitiateBankruptcyFlgField,
         shareholderFlg: ShareholderFlgField,
         legalEntityName: LegalEntityNameField,
         creditInRshbCd: CreditInRshbCdField,
@@ -5022,6 +5035,8 @@
         return res || undefined;
     };
 
+    const saveReferalInfo = (body) => doRequest('/referal/saveReferalInfo', 'POST', body);
+
     const updateUserProfile = (body) => doRequest('/user-data/updateUserProfile', 'PUT', body);
 
     const updateUserTask = (body) => doRequest('/user-data/updateUserTask', 'PUT', body);
@@ -5073,7 +5088,7 @@
         .then((res) => res.text())
         .then((text) => text === 'OK');
 
-    const ICON_SIZE$1 = { width: '118', height: '24' };
+    const ICON_SIZE = { width: '118', height: '24' };
 
     const logoTitleSizeStyle = '';
 
@@ -5099,7 +5114,7 @@
         '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$1), showTitle
+    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] })));
 
@@ -5130,7 +5145,7 @@
             (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 rounded-md", children: [jsxs("div", { className: "flex h-36 w-72", 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-[300px]", 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-[310px] justify-between", children: [jsx(Button, { version: "secondary", onClick: close, 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] }) }));
+        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: close, 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 }) => {
@@ -5173,9 +5188,7 @@
         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(({ isDisabled, onClick, text }) => {
-        return (jsx(Button, { type: "button", onClick: onClick, disabled: isDisabled, children: jsx(Text, { font: "font-normal", children: text }) }));
-    });
+    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) => {
@@ -5256,8 +5269,8 @@
         }, []);
         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" }), code ? (jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError })) : null, renderText$1(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 = (isDisabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", isDisabled: isDisabled, onClick: onClick }));
-    const renderText$1 = (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: "ml-1", 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 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", 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: 'Подпишите согласие на запрос в БКИ',
@@ -5267,7 +5280,7 @@
         title: 'Вы уверены, что хотите отказаться от запроса в БКИ',
         description: 'Согласие на запрос в Бюро кредитных историй (БКИ) повысит вероятность одобрения',
     };
-    const ITEMS$1 = [
+    const ITEMS = [
         { id: 'SIGNED', text: 'Подписать' },
         { id: 'REFUSE', text: 'Отказаться' },
     ];
@@ -5284,7 +5297,7 @@
             setShowRefuseContent(value === 'REFUSE');
         }, []);
         const consentText = showRefuseContent ? refuseConsentText : defaultConsentText;
-        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg px-5xl", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx("div", { role: "button", onClick: openDocument, children: jsx(Heading, { className: "text-center text-balance", headingType: "h2", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleSubmit, children: "\u0414\u0430\u043B\u0435\u0435" })] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg px-5xl", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx("div", { role: "button", onClick: openDocument, children: jsx(Heading, { className: "text-center text-balance", headingType: "h2", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleSubmit, children: "\u0414\u0430\u043B\u0435\u0435" })] }) }));
     });
 
     const useConsentBkiDialog = (onClose) => {
@@ -5324,7 +5337,7 @@
         };
     };
 
-    const DraftActionButton = JSX(({ title, icon, description, onClick = noop }) => (jsxs("button", { className: "flex gap-lg items-center border border-gray/30 rounded-xl cursor-pointer p-4 hover:border-green", type: "button", onClick: onClick, children: [jsx(Img, { image: { icon, iconVersion: 'normal' }, width: "78", height: "78" }), jsxs("div", { className: "flex flex-col items-start gap-xs md:w-72 md:mr-lg", children: [jsx(Text, { font: "font-medium", size: "text-s", children: title }), description ? (jsx(Text, { color: "text-secondary-text", size: "text-xs", children: description })) : null] })] })));
+    const DraftActionButton = JSX(({ title, icon, description, onClick = noop }) => (jsxs("button", { className: "flex gap-lg items-center border border-gray/30 rounded-xl cursor-pointer p-4 hover:border-green", type: "button", onClick: onClick, children: [jsx(Img, { image: { icon, iconVersion: 'normal' }, width: "78", height: "78" }), jsxs("div", { className: "flex flex-col items-start gap-xs md:w-72 md:mr-lg", children: [title ? (jsx(Text, { font: "font-medium", size: "text-s", children: title })) : null, description ? (jsx(Text, { color: "text-secondary-text", size: "text-xs", children: description })) : null] })] })));
 
     const fieldsNamesToContactKeysMap = {
         email: 'EMAIL',
@@ -5394,7 +5407,7 @@
     }, []);
 
     const getFamilyStatusAndIncomeData = (formData) => {
-        const { familyStatus, familyMembers, dependents, children, confirmationIncome, wages, mandatoryPayments, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, } = formData;
+        const { familyStatus, familyMembers, dependents, children, confirmationIncome, wages, mandatoryPayments, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, initiateBankruptcyFlg, } = formData;
         return {
             maritalStatusCd: familyStatus,
             totalDependents: familyMembers,
@@ -5414,6 +5427,7 @@
             }),
             snils: snils?.replace(/[-\s]/g, ''),
             armyIdFlg,
+            initiateBankruptcyFlg,
         };
     };
     const countIncomeAverage = (wages, retirementIncome) => (Number(wages ?? 0) + Number(retirementIncome ?? 0)).toString();
@@ -5594,7 +5608,7 @@
         const handleGoToNewTask = useCallback(() => {
             navigator.assign(isCredit ? '/natural/loans/all-goals' : '/natural/creditcards/svoya');
         }, []);
-        return (jsx(Dialog, { className: "my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs md:mt-0 mx-6xl", children: [jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft }), jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: "\u041D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430", onClick: isFromLead ? onClose : handleGoToNewTask })] })] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft }), jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: "\u041D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430", onClick: isFromLead ? onClose : handleGoToNewTask })] })] }) }));
     });
 
     const EmptyDraftDialog = JSX(function ({ onClose = noop }) {
@@ -5637,13 +5651,14 @@
 
     /* eslint-disable camelcase */
     const getCreditLeadFormTaskData = ({ participantId, taskId, profileId, formData, }) => {
-        const { name, surname, middleName, limitedBirthday, phone, email } = formData;
+        const { name, surname, middleName, limitedBirthday, phone, email, referalCode } = formData;
         const navigator = locationNavigator();
+        const taskSource = referalCode ? 'ReferalSF' : navigator.origin;
         return {
             sendToBank: true,
             taskKind: 'SHORT',
             task: {
-                taskSource: navigator.origin,
+                taskSource: taskSource,
                 id: taskId,
                 participants: [
                     {
@@ -5824,6 +5839,9 @@
     const updateUserData = async ({ programId, profileId, formData, productType, saveUserData, sendAspects, }) => {
         let taskId;
         let participantId;
+        const refererCode = formData.refererCode;
+        const referalCode = formData.referalCode;
+        const productId = formData.productId;
         const transformedConsents = transformConsentsFields(formData, productType);
         await updateUserProfile(getUpdateUserProfileData(profileId, formData, transformedConsents));
         try {
@@ -5845,6 +5863,14 @@
                     profileId,
                     formData,
                 }));
+                if (referalCode) {
+                    await saveReferalInfo({
+                        taskId,
+                        refererCode,
+                        referalCode,
+                        productId,
+                    });
+                }
             }
             sendAspects(profileId, taskId);
             saveUserData({ participantId, taskId, profileId, programId, formData });
@@ -5854,19 +5880,19 @@
         }
     };
     const transformConsentsFields = (formData, productType) => {
-        const { consentOthersFlg, consentPfrFlg, processPersonalDataFlg, consentInformFlg, consentProviderFlg, consentInformMaterialsFlg, consentPhotoFlg, consentFATCA, } = formData;
+        const { consentOthersFlg, consentPfrFlg, processPersonalDataFlg, consentInformFlg, consentProviderFlg, consentInformMaterialsFlg, consentFATCA, } = formData;
         let consents;
         if (productType === 'credit') {
             consents = {
-                consentPhotoFlg: consentOthersFlg,
                 consentPfrFlg: consentPfrFlg,
                 consentInformMaterialsFlg: consentOthersFlg,
+                consentPhotoFlg: false,
             };
         }
         else if (productType === 'creditCard') {
             consents = {
                 consentInformMaterialsFlg,
-                consentPhotoFlg,
+                consentPhotoFlg: false,
             };
         }
         else {
@@ -5921,6 +5947,9 @@
         consentInformMaterialsFlg: false,
         consentPhotoFlg: false,
         consentFATCA: false,
+        refererCode: '',
+        referalCode: '',
+        productId: '',
     };
     const getInitialFormState$1 = (inputs, savedForm, esiaAuthSuccess) => {
         if (savedForm) {
@@ -5975,8 +6004,10 @@
             dulSubdivisionCode: document.dulSubdivisionCode,
             birthPlace: addInfo.birthPlace,
             addressRegistration: buildAddress(addressRegistration),
-            addressFact: buildAddress(addressFact),
             esiaAccountTypeCd: isDebit ? profile.esiaAccountType : { key: '' },
+            ...(addressFact && {
+                addressFact: buildAddress(addressFact),
+            }),
         };
         return {
             ...mainData,
@@ -6057,16 +6088,6 @@
                 category: 'CONFIRMING_INCOME_DOC',
                 isPDF: false,
             },
-            {
-                file: esiaAdditionalDocument.pdfFileSigWorkbook,
-                category: 'CONFIRMING_INCOME_DOC',
-                isPDF: true,
-            },
-            {
-                file: esiaAdditionalDocument.xmlFileSigWorkbook,
-                category: 'CONFIRMING_INCOME_DOC',
-                isPDF: false,
-            },
         ];
         for (const doc of documents) {
             const contentType = doc.isPDF ? 'data:application/pdf;base64' : 'data:application/xml;base64';
@@ -6113,8 +6134,6 @@
             esiaAdditionalDocument?.xmlFilePayout,
             esiaAdditionalDocument?.xmlFileSigPayout,
             esiaAdditionalDocument?.xmlFileWorkbook,
-            esiaAdditionalDocument?.pdfFileSigWorkbook,
-            esiaAdditionalDocument?.xmlFileSigWorkbook,
         ];
         return data.every(Boolean);
     };
@@ -6145,11 +6164,25 @@
                 setEsiaStatus(EsiaStatuses.Error);
             }
         }, []);
+        const saveReferalData = useCallback(async (refererCode, referalCode, productId) => {
+            saveForm((_) => ({
+                ..._,
+                refererCode,
+                referalCode,
+                productId,
+            }));
+        }, []);
         useEffect(() => {
             leadFormStore.productType = productType;
             const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
             const code = params.get('code');
             const state = params.get('state');
+            const refererCode = params.get('refererCode');
+            const referalCode = params.get('referalCode');
+            const productId = params.get('productID');
+            if (refererCode && referalCode && productId) {
+                saveReferalData(refererCode, referalCode, productId);
+            }
             if (code && state) {
                 requestEsiaProfile(code, state);
             }
@@ -6161,12 +6194,6 @@
         return initialFormState;
     };
 
-    var EsiaStatuses;
-    (function (EsiaStatuses) {
-        EsiaStatuses["Success"] = "SUCCESS";
-        EsiaStatuses["Error"] = "ERROR";
-        EsiaStatuses["Pending"] = "PENDING";
-    })(EsiaStatuses || (EsiaStatuses = {}));
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, productType = 'credit', data, ...rest }) => {
         const [esiaStatus, setEsiaStatus] = useState();
         const leadForm = useRef(null);
@@ -6207,7 +6234,7 @@
                 reset();
             }
         }, [leadForm?.current, esiaStatus]);
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [!esiaStatus ? jsx(EsiaLoginBanner, {}) : null, jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", ref: leadForm, children: [esiaStatus === EsiaStatuses.Pending ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaStatus === EsiaStatuses.Error ? (jsx(Text, { size: "text-m", font: "font-medium", color: "text-error", children: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438 \u0434\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043F\u043E\u043B\u044F \u0432\u0440\u0443\u0447\u043D\u0443\u044E." })) : null] })] }));
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [!esiaStatus ? jsx(EsiaLoginBanner, { onChangeEsiaStatus: setEsiaStatus }) : null, jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", ref: leadForm, children: [esiaStatus === EsiaStatuses.Pending ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaStatus === EsiaStatuses.Error ? (jsx(Text, { size: "text-m", font: "font-medium", color: "text-error", children: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438 \u0434\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043F\u043E\u043B\u044F \u0432\u0440\u0443\u0447\u043D\u0443\u044E." })) : null] })] }));
     });
     const getInputs = (applicationFormData) => (applicationFormData?.flatMap((_) => _?.inputs) || []);
     const getExtendedValidatorObj = (productType) => ({
@@ -6332,7 +6359,7 @@
     const inactiveDotStyle = 'w-2 h-2 opacity-30';
     const renderDotButton = ({ activeIndex, onClick, listType = 'horizontal-list' }) => (_, idx) => (jsx("div", { className: style(dotStyle, idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle), role: "button", "aria-hidden": true, onClick: () => onClick(idx) }, String(idx)));
 
-    const renderNavButton$3 = ({ activeIndex, onClick }) => (nav, i) => {
+    const renderNavButton = ({ activeIndex, onClick }) => (nav, i) => {
         const isActive = i === activeIndex;
         const btnClassName = isActive
             ? 'min-w-[350px] bg-white shadow-dark-blue border-none p-6'
@@ -6437,7 +6464,7 @@
             }
         }, [containerRef?.current]);
         if (navButtons?.length && !isMobileMode) {
-            return (jsx(SwipeListContainer, { containerRef: navRef, snapAlign: "snap-start", itemClassName: "h-36 flex items-stretch w-screen", gap: 8, children: navButtons.map(renderNavButton$3({ activeIndex, onClick: onChangeActiveIndex })) }));
+            return (jsx(SwipeListContainer, { containerRef: navRef, snapAlign: "snap-start", itemClassName: "h-36 flex items-stretch w-screen", gap: 8, children: navButtons.map(renderNavButton({ activeIndex, onClick: onChangeActiveIndex })) }));
         }
         else if (dotCount) {
             return (jsx("div", { className: style('flex gap-xs', containerStyles[listType], version ? 'group' : '', className, { 'pb-xl': navButtons?.length && isMobileMode }), "data-ver": version, children: Array.from({ length: dotCount })
@@ -6486,7 +6513,7 @@
     const renderCarouselBlocks = ({ blocksToRender, ...rest }) => (jsx(SwipeListControl, { visibleItemCount: 0, gap: 0, arrowsPadded: true, children: renderBlocksList(blocksToRender, {
             ...rest.options,
             parent: rest.block,
-            renderProps: (block, options, i) => (jsx("div", { className: style('relative min-w-80', getBorderStyle(true)), children: renderBlock$1(block, options) }, String(i))),
+            renderProps: (block, options, i) => (jsx("div", { className: style('relative min-w-80', getBorderStyle(true)), children: renderBlock(block, options) }, String(i))),
         }) }));
 
     const FilteredBlocks = JSX(({ blocksSection, blocksToRender = [], notFound, ...rest }) => {
@@ -6591,9 +6618,9 @@
     };
 
     const EMPTY_SCHEMA = {};
-    const initialFiltrationState$3 = {};
+    const initialFiltrationState$1 = {};
     const BankAccountFiltration = UniBlock(({ className, filtrationSchema = EMPTY_SCHEMA, consumerField = {}, resetButton, ...rest }) => {
-        const [, { blocksToRender }, { field, reset }] = useFiltrationForm(initialFiltrationState$3, {
+        const [, { blocksToRender }, { field, reset }] = useFiltrationForm(initialFiltrationState$1, {
             block: rest.block,
             page: rest.options?.page,
         });
@@ -6632,7 +6659,7 @@
         const isMobileMode = useMobileMode();
         return (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [title ? (jsx(Heading, { headingType: "h3", as: "h2", className: getAlignStyles(isMobileMode), title: title })) : null, benefitList?.length ? (jsx("div", { className: "flex flex-col @md:flex-row flex-wrap w-full @md:justify-center mt-xl gap-5xl", role: "list", children: benefitList.map(renderBenefit) })) : null] }));
     });
-    const renderBenefit = ({ label, description, __html, icon, isDotted = false, iconBgVersion }, i) => (jsxs("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]", role: "listitem", children: [icon?.icon ? (jsx(RoundedIcon, { className: "shrink-0", iconBgVersion: iconBgVersion, ...icon })) : null, icon?.src ? jsx(Img, { className: "shrink-0", image: icon }) : null, label ? (jsxs("div", { className: "@sm:h-full space-y-xs", children: [jsx(Heading, { headingType: "h6", children: label }), jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description }), __html ? jsx(RichText, { __html: __html, isDotted: isDotted, itemSize: "list-s" }) : null] })) : null] }, String(i)));
+    const renderBenefit = ({ label, description, __html, icon, isDotted = false, iconBgVersion }, i) => (jsxs("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-lg", role: "listitem", children: [icon?.icon ? (jsx(RoundedIcon, { className: "shrink-0", iconBgVersion: iconBgVersion, ...icon })) : null, icon?.src ? jsx(Img, { className: "shrink-0", image: icon }) : null, label ? (jsxs("div", { className: "@sm:h-full space-y-xs", children: [jsx(Heading, { headingType: "h6", children: label }), jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description }), __html ? jsx(RichText, { __html: __html, isDotted: isDotted, itemSize: "list-s" }) : null] })) : null] }, String(i)));
 
     const bonusBenefitStyles = 'items-center';
 
@@ -7284,7 +7311,7 @@
                                     ...field('moneyExtra'),
                                     value: calcParams.moneyExtra,
                                 })
-                                : null, jsx("div", { className: "sm:hidden pt-1 pb-4 border-b border-main-divider", children: paymentTypeElement })] }), jsxs("div", { className: style(CalculatorStyle.result, '@4xl:w-1/2'), children: [jsx(CalculatorValue, { title: "\u041F\u043E\u043B\u043D\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u043A\u0440\u0435\u0434\u0438\u0442\u0430", value: calcSource?.totalLoanCost }), jsx(CalculatorValue, { title: "\u0421\u0442\u0430\u0432\u043A\u0430 \u043E\u0442", value: minRate, fractionDigits: 2, postfix: "%" }), jsx(CalculatorValue, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calcParams.monthlyPayment, postfix: "\u20BD" }), calcParams.benefit > 0 ? (jsx(CalculatorValue, { title: "\u0412\u044B\u0433\u043E\u0434\u0430 \u0432 \u043C\u0435\u0441\u044F\u0446", value: calcParams.benefit, postfix: "\u20BD" })) : null, jsx("div", { className: "hidden sm:block mb-lg", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
+                                : null, jsx("div", { className: "sm:hidden pb-m border-b border-main-divider", children: paymentTypeElement })] }), jsxs("div", { className: style(CalculatorStyle.result, '@4xl:w-1/2'), children: [jsx(CalculatorValue, { title: "\u041F\u043E\u043B\u043D\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u043A\u0440\u0435\u0434\u0438\u0442\u0430", value: calcSource?.totalLoanCost }), jsx(CalculatorValue, { title: "\u0421\u0442\u0430\u0432\u043A\u0430 \u043E\u0442", value: minRate, fractionDigits: 2, postfix: "%" }), jsx(CalculatorValue, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calcParams.monthlyPayment, postfix: "\u20BD" }), calcParams.benefit > 0 ? (jsx(CalculatorValue, { title: "\u0412\u044B\u0433\u043E\u0434\u0430 \u0432 \u043C\u0435\u0441\u044F\u0446", value: calcParams.benefit, postfix: "\u20BD" })) : null, jsx("div", { className: "hidden sm:block mb-lg", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
     });
     const renderCreditParamsForm = (params, field) => (jsxs("div", { className: "space-y-lg sm:space-y-s", children: [params.isShowSalaryClient ? (jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0443 \u043D\u0430 \u0441\u0447\u0451\u0442 \u0432 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0435", ...field('isSalaryClient'), value: params.isSalaryClient })) : null, params.isShowInsurance ? (jsx(Checkbox, { text: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u044F \u0437\u0430\u0449\u0438\u0442\u0430", ...field('isInsurance'), value: params.isInsurance })) : null, jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0443\u044E \u0441\u0443\u043C\u043C\u0443", ...field('isExtraMoney'), value: params.isExtraMoney })] }));
 
@@ -7349,7 +7376,7 @@
     const FAILED_TITLE = 'Ошибка перевода';
     const SubmitFailedDialog = ({ onClose, errorCode, errorMessage, }) => {
         const description = errorCode ? `Код ошибки - ${errorCode}` : 'Пожалуйста, повторите позднее';
-        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: FAILED_TITLE, description: description, headlineVersion: "XS", isEmbedded: true }), errorMessage ? (jsxs("div", { className: "bg-secondary-dark rounded-xl px-4 pt-4 pb-8 grid gap-4 grid-cols-12", children: [jsxs("div", { className: "col-span-8", children: [" ", errorMessage] }), jsx("div", { className: "col-span-4", children: jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' } }) })] })) : null] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: FAILED_TITLE, description: description, headlineVersion: "XS", isEmbedded: true }), errorMessage ? (jsxs("div", { className: "bg-secondary-dark rounded-xl p-m grid gap-m grid-cols-12", children: [jsx("div", { className: "col-span-8", children: errorMessage }), jsx("div", { className: "col-span-4", children: jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' } }) })] })) : null] }) }));
     };
 
     const useSubmitCardTransfer = (formType) => {
@@ -7384,16 +7411,11 @@
         amount: 1500,
     };
     const CardTransfer = JSX(({ className = '', title = DEFAULT_TITLE, label = DEFAULT_LABEL, button, formType = 'private', ...rest }) => {
-        const [isDisabled, { setValue: setDisabled }] = useBool(false);
         const handleSubmit = useSubmitCardTransfer(formType);
         const [{ amount }, { field, onSubmit }] = useForm(INITIAL_FORM_STATE, {
             onSubmit: handleSubmit,
         });
-        // TODO: dont set state in useEffect
-        useEffect(() => {
-            setDisabled(amount <= 0);
-        }, [amount]);
-        return (jsxs(BlockWrapper, { className: style('flex flex-col items-center', className), defaultPadding: "p-6xl", ...rest, children: [title ? (jsx(Heading, { className: "pb-lg xl:pb-4xl self-start xl:self-center", headingType: "h3", title: title })) : null, jsxs("form", { className: "w-full xl:max-w-[468px]", method: "POST", onSubmit: onSubmit, children: [jsx(CurrencyInput, { valid: !isDisabled, label: label, max: MAX_AMOUNT, min: MIN_AMOUNT, ...field('amount', { parse: Number, format: String }) }), jsx("input", { type: "hidden", name: "amount", value: amount }), button?.text ? (jsx(SubmitButton$1, { className: "w-full mt-lg", disabled: isDisabled, children: button.text })) : null] })] }));
+        return (jsxs(BlockWrapper, { className: style('flex flex-col gap-4xl items-center', className), defaultPadding: "p-6xl", ...rest, children: [title ? (jsx(Heading, { className: "self-start xl:self-center", headingType: "h3", title: title })) : null, jsxs("form", { className: "w-full xl:max-w-md space-y-lg", method: "POST", onSubmit: onSubmit, children: [jsx(CurrencyInput, { valid: amount > 0, label: label, max: MAX_AMOUNT, min: MIN_AMOUNT, ...field('amount', { parse: Number, format: String }) }), jsx("input", { type: "hidden", name: "amount", value: amount }), button?.text ? (jsx(SubmitButton$1, { className: "w-full", disabled: amount <= 0, children: button.text })) : null] })] }));
     });
 
     const ITEMS_GAP = 16;
@@ -7412,7 +7434,7 @@
         const defaultPadding = isNavButtons ? { defaultPadding: 'p-6xl pb-m' } : {};
         return renderChildren({
             ...rest,
-            renderProps: (block, options, blockIndex) => (jsxs("div", { className: cardWrapperStyle(block, { someCardsHighlighted }), children: [renderBlock$1(block, options, {
+            renderProps: (block, options, blockIndex) => (jsxs("div", { className: cardWrapperStyle(block, { someCardsHighlighted }), children: [renderBlock(block, options, {
                         className: cardStyle(block, {
                             someCardsHighlighted,
                             showBorder: !noCardBorder,
@@ -7425,9 +7447,9 @@
                         : null] }, String(blockIndex))),
         });
     };
-    const cardWrapperStyle = (_, { someCardsHighlighted }) => style(cardBaseStyle, someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-3xl sm:pt-16'));
+    const cardWrapperStyle = (_, { someCardsHighlighted }) => style(cardBaseStyle, someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-16'));
     const cardStyle = (_, { someCardsHighlighted, showBorder, cardSize = 'normal', }) => style(cardBaseStyle, 'min-w-80', CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'), getBorderStyle(showBorder), showBorder && 'h-full');
+    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-16' : 'pt-3xl'), getBorderStyle(showBorder), showBorder && 'h-full');
     const isCardHighlighted = (_) => _?.content && 'isHighlighting' in _.content && _.content.isHighlighting;
 
     const VISIBLE_ITEM_COUNT = 1;
@@ -7456,15 +7478,6 @@
         };
     }) ?? [];
 
-    const titleSize = 'XS';
-
-    const layerBaseStyle = 'z-10 border border-solid w-full h-full';
-    const layerStyle = style(layerBaseStyle, 'absolute hidden @xl:block border-transparent');
-    const CarouselCard = JSX(({ className, title, description, button, ...rest }) => (jsx(BlockWrapper, { className: style('sm:pl-6xl sm:pb-4xl @container-normal', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "relative h-full", children: [jsx("div", { className: style(layerStyle, 'top-9 right-12 bg-green-dark') }), jsx("div", { className: style(layerStyle, 'top-6 right-8 bg-green') }), jsx("div", { className: style(layerStyle, 'top-3 right-4 bg-green-light') }), jsxs("div", { className: style(layerBaseStyle, 'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-more-light'), children: [jsx(Headline, { title: title, description: description, headlineVersion: titleSize, align: "text-left", isEmbedded: true }), renderButtonsSection([button], {
-                            className: 'mt-m sm:mt-6xl sm:justify-center',
-                            isVertical: true,
-                        })] })] }) })));
-
     const cardStyleMap = {
         black: 'bg-black',
         white: 'bg-white',
@@ -7472,19 +7485,6 @@
     const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => (jsx(BlockWrapper, { className: style('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, title: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align, className: "min-h-24" }), rightImage: image?.src ? (jsx(Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: renderButtonsSection([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? (jsxs("div", { className: "flex text-secondary-text mb-m", children: [jsx("div", { className: "mr-xs", children: jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null] }) })));
     const renderColorOption = (color, i) => (jsx("figure", { className: `w-6 h-6 ml-s border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
 
-    const CarouselLinkButton = JSX(({ icon, ...linkProps }) => {
-        const link = useLink();
-        const { text, href, target, onClick } = link(linkProps);
-        const textStyle = 'font-light md:font-normal text-primary-text text-center text-xs md:text-sm whitespace-wrap';
-        return text ? (jsx("div", { className: style('p-3 rounded-lg bg-white text-secondary-text flex justify-center'), children: jsx("a", { role: "link", href: href, target: target, onClick: onClick, children: jsxs("div", { className: "flex flex-col items-center gap-3 break-words max-w-[150px]", children: [icon ? (jsx(Img, { className: "w-7 h-7 md:w-12 md:h-12", image: {
-                                ...icon,
-                                iconVersion: icon?.iconVersion,
-                            }, alt: text })) : null, jsx("div", { className: textStyle, children: text })] }) }) })) : null;
-    });
-
-    const CarouselLinks = JSX(({ className, additionalDescription, description, links, title, ...rest }) => (jsx(BlockWrapper, { defaultPadding: "p-5xl", className: style('overflow-hidden', className), ...rest, children: jsxs("div", { className: "flex flex-col lg:flex-row gap-5 justify-between", children: [jsxs("div", { className: "flex-1", children: [jsx(Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left", headlineVersion: "XL" }), jsx(Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links) : null] }) })));
-    const renderLinks = (links) => (jsx("div", { className: style('lg:grid-cols-9 lg:[&>*]:col-span-2 lg:[&>*:nth-child(14n+2)]:col-span-3 lg:[&>*:nth-child(7n+5)]:col-span-3', 'lg:[&>*:nth-child(7n+6)]:col-span-3 lg:[&>*:nth-child(7n+7)]:col-span-3 lg:[&>*:nth-child(14n+10)]:col-span-3 lg:w-3/6', 'grid-cols-3 max-lg:[&>*:not(:nth-child(-n+3)):nth-child(4n+3)]:col-span-2 max-lg:[&>*:not(:nth-child(-n+3)):nth-child(4n+4)]:col-span-2', 'grid gap-3 lg:gap-5'), children: links.map((link, i) => (jsx(CarouselLinkButton, { ...link }, String(i)))) }));
-
     const LinkWrapper = JSX(({ className = '', href, target, onClick, data, children }) => {
         const link = useLink();
         const linkProps = link({ href, target, onClick });
@@ -7644,7 +7644,7 @@
         return () => clearInterval(timer);
     };
 
-    const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (jsxs("div", { children: [jsx("div", { className: "h-4 w-full bg-gray relative", children: jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), jsxs("div", { className: "relative", children: [showPercentage ? jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? jsx("div", { className: "text-right mr-4 text-gray", children: description }) : null] })] })));
+    const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (jsxs("div", { children: [jsx("div", { className: "h-4 w-full bg-gray relative", children: jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), jsxs("div", { className: "relative", children: [showPercentage ? jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? jsx("div", { className: "text-right pr-m text-gray", children: description }) : null] })] })));
 
     const CreditCardFormProgress = JSX(({ step = 1, totalSteps = 6, stepsTitles = [] }) => {
         const progress = useMemo(() => ((step + 1) / totalSteps) * 100, [step, totalSteps]);
@@ -7739,7 +7739,7 @@
 
     const SuccessStatusCardContent = JSX(() => {
         const { statusInfo } = useRetailFormStore();
-        return (jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0432\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442 \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: getSectionInfo(statusInfo), buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
+        return (jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0432\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: getSectionInfo(statusInfo), buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
     });
     const getSectionInfo = (statusInfo) => {
         const sectionInfo = [
@@ -7810,6 +7810,7 @@
         .map((_) => {
         if ([
             checkIsRetiree(step, getValue),
+            checkIsUnemployedRetiree(_, getValue),
             checkBusinessOwner(_, getValue),
             checkConsentPfrFlg(_, getValue),
             checkAddressFillFromESIA(_, getValue),
@@ -7821,6 +7822,7 @@
         return _;
     });
     const checkIsRetiree = (step, getValue) => step === 2 && getValue('employment')?.key === 'RETIREE';
+    const checkIsUnemployedRetiree = ({ name }, getValue) => name === 'wages' && getValue('employment')?.key === 'RETIREE' && !getValue('inn');
     const checkBusinessOwner = ({ name }, getValue) => name === 'partInBusiness' && getValue('positionOrganization')?.key !== 'BUSINESS_OWNER';
     const checkAddressFillFromESIA = ({ name, filledByEsia }, getValue) => name?.startsWith('address') && getValue('esiaAccountTypeCd')?.key && filledByEsia;
     const checkAddressFact = ({ name }, getValue) => name === 'addressFact' && getValue('addressMatch');
@@ -7837,7 +7839,13 @@
 
     const renderStep$1 = ({ sections, field, step, params, }) => sections?.map(({ inputs: origInputs = [], columns, title, condition }, i) => {
         const inputs = calculateInputs(getValue(field))(origInputs, step);
-        return (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [!checkCondition({ condition }, getValue(field)) ? renderTitle(title) : null, renderInputs({ field, inputs, params })] }, `section-${i}`));
+        const cleanElements = [
+            !checkCondition({ condition }, getValue(field)) ? renderTitle(title) : null,
+            ...renderInputs({ field, inputs, params }),
+        ]
+            .filter(Boolean)
+            .map((_, j) => ({ ..._, key: _.key ?? `elem-${j}` }));
+        return cleanElements.length ? (jsx("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: cleanElements }, `section-${i}`)) : null;
     });
     const getValue = (field) => (name) => field(name)?.value;
 
@@ -7871,7 +7879,7 @@
         }
     };
 
-    const mainFormStateMap = [
+    const getMainFormStateMap = (isCredit = false) => [
         {
             surname: '',
             name: '',
@@ -7926,8 +7934,9 @@
             wages: undefined,
             mandatoryPayments: undefined,
             snils: '',
-            armyIdFlg: false,
+            armyIdFlg: isCredit ? undefined : false,
             esiaAccountTypeCd: { key: '', text: '' },
+            initiateBankruptcyFlg: isCredit ? false : undefined,
         },
         {
             bankruptcyFlg: false,
@@ -7943,7 +7952,7 @@
             currency: '810',
             codeWord: '',
         },
-        ...mainFormStateMap,
+        ...getMainFormStateMap(),
         {
             regionRetail: { key: '', text: '' },
             addressRetail: { key: '', text: '' },
@@ -7984,7 +7993,7 @@
             employmentTypeCd: employment,
             organizationName,
             organizationInn: inn,
-            organizationActivityTypeCd: employerActivities,
+            organizationActivityTypeCd: employerActivities?.key ? employerActivities : undefined,
             organizationTypeCd: organization,
             organizationKindCd: employerOrganization,
             employeesNumberCd: amountWorkers,
@@ -7993,17 +8002,17 @@
             generalSeniority: experience5Years,
             jobsNumber,
             lastWorkDuration: lastJobExperience,
-            positionCd: positionOrganization,
+            positionCd: positionOrganization?.key ? positionOrganization : undefined,
             participantContacts: getParticipantContacts$1({
                 organizationPhone: organizationPhone && formatPhone(organizationPhone),
             }),
             participantAddresses: getParticipantAddresses$1({ organizationAddress }),
-            ownershipShare: positionOrganization?.key === 'BUSINESS_OWNER' ? partInBusiness : '',
+            ownershipShare: positionOrganization?.key === 'BUSINESS_OWNER' ? partInBusiness : undefined,
         };
     };
 
     const getPersonalInfoData = (formData) => {
-        const { name, surname, middleName, limitedBirthday = '', phone = '', email, sex, birthPlace, dulIssueDate = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration = '', housing, addressRegistration, addressFact, addressMatch, } = formData;
+        const { name, surname, middleName, limitedBirthday = '', phone = '', email, sex, birthPlace, dulIssueDate = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration, housing, addressRegistration, addressFact, addressMatch, } = formData;
         return {
             birthDate: formatDate(limitedBirthday, true),
             midname: middleName,
@@ -8016,7 +8025,9 @@
             dulSerie,
             dulSubdivisionCode,
             educationLevelCd: education,
-            registrationDate: formatDate(participantDateRegistration, true),
+            registrationDate: participantDateRegistration
+                ? formatDate(participantDateRegistration, true)
+                : undefined,
             homeMatchFlg: addressMatch,
             houseTypeCd: housing,
             participantContacts: getParticipantContacts$1({
@@ -8186,7 +8197,6 @@
         return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step }), jsx(StepsNavigationButtons$2, { isSending: isSending, step: step, onPrevStep: onPrevStep })] }));
     });
 
-    /* eslint-disable max-lines */
     const PERSONAL_DATA = [
         {
             title: 'Персональные данные',
@@ -8222,9 +8232,6 @@
                 },
             ],
         },
-    ];
-    const PERSONAL_INFO_CONTENT = [
-        ...PERSONAL_DATA,
         {
             inputs: [
                 {
@@ -8233,6 +8240,124 @@
                     dadata: true,
                     filledByEsia: true,
                 },
+            ],
+        },
+    ];
+    const DELIVERY_CARD_CONTENT = [
+        {
+            title: 'Регион обслуживания карты',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'regionRetail',
+                    required: true,
+                },
+            ],
+        },
+        {
+            title: 'Способ получения',
+            columns: 1,
+            inputs: [],
+            condition: {
+                name: 'regionHasDelivery',
+                values: [true],
+            },
+        },
+        {
+            inputs: [
+                {
+                    name: 'methodObtain',
+                    condition: {
+                        name: 'regionHasDelivery',
+                        values: [true],
+                    },
+                },
+            ],
+        },
+        {
+            title: 'Выбор офиса',
+            columns: 1,
+            inputs: [],
+            condition: {
+                name: 'methodObtain',
+                values: ['office'],
+            },
+        },
+        {
+            title: 'Адрес доставки',
+            columns: 1,
+            inputs: [],
+            condition: {
+                name: 'methodObtain',
+                values: ['courier'],
+            },
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressCourier',
+                    dadata: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    required: true,
+                },
+            ],
+        },
+        {
+            columns: 2,
+            inputs: [
+                {
+                    name: 'deliveryDate',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    required: true,
+                },
+                {
+                    name: 'deliveryTime',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'comment',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressRetail',
+                    required: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
+                    },
+                },
+            ],
+        },
+    ];
+
+    /* eslint-disable max-lines */
+    const PERSONAL_INFO_CONTENT$1 = [
+        ...PERSONAL_DATA,
+        {
+            inputs: [
                 {
                     name: 'education',
                     required: true,
@@ -8271,7 +8396,7 @@
             inputs: [{ name: 'addressFact', required: true, dadata: true }],
         },
     ];
-    const EMPLOYMENT_CONTENT = [
+    const EMPLOYMENT_CONTENT$1 = [
         {
             title: 'Данные о трудоустройстве',
             inputs: [],
@@ -8344,7 +8469,7 @@
             inputs: [{ name: 'organizationAddress', required: true, dadata: true }],
         },
     ];
-    const FAMILY_STATUS_AND_INCOME_CONTENT = [
+    const FAMILY_STATUS_AND_INCOME_CONTENT$1 = [
         {
             title: 'Семейное положение',
         },
@@ -8385,6 +8510,16 @@
             columns: 1,
             inputs: [{ name: 'wages', required: true, filledByEsia: true }],
         },
+        {
+            columns: 1,
+            inputs: [
+                {
+                    name: 'retirementIncome',
+                    required: true,
+                    condition: { name: 'employment', values: ['RETIREE'] },
+                },
+            ],
+        },
         {
             columns: 1,
             inputs: [{ name: 'mandatoryPayments', required: true }],
@@ -8421,41 +8556,6 @@
             inputs: [{ name: 'creditInRshbCd' }],
         },
     ];
-    const COMMON_RETAIL_CONTENT = [
-        PERSONAL_INFO_CONTENT,
-        EMPLOYMENT_CONTENT,
-        FAMILY_STATUS_AND_INCOME_CONTENT,
-        ADDITIONAL_CONTENT,
-    ];
-    const DELIVERY_CREDIT_CONTENT = [
-        {
-            title: 'Отделение Банка',
-            columns: 1,
-            inputs: [],
-        },
-        {
-            inputs: [{ name: 'regionRetail', required: true }],
-        },
-        {
-            inputs: [{ name: 'addressRetail', required: true }],
-        },
-        {
-            title: 'Код представителя Банка',
-            columns: 1,
-            inputs: [],
-        },
-        {
-            inputs: [
-                {
-                    name: 'infoCard',
-                    label: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
-                },
-            ],
-        },
-        {
-            inputs: [{ name: 'bankEmployeeCode' }],
-        },
-    ];
     const CREDIT_CARD_CONTENT = [
         {
             title: 'Параметры карты',
@@ -8470,214 +8570,17 @@
             ],
         },
     ];
-    const CALCULATOR_CONTENT = [
+    const DELIVERY_CREDIT_CARD_CONTENT = [
+        ...DELIVERY_CARD_CONTENT,
         {
-            columns: 1,
             inputs: [
                 {
-                    name: 'calculator',
-                },
-            ],
-        },
-    ];
-    const DELIVERY_DEBIT_CARD_CONTENT = [
-        {
-            title: 'Регион обслуживания карты',
-            columns: 1,
-            inputs: [],
-        },
-        {
-            inputs: [
-                {
-                    name: 'regionRetail',
-                    required: true,
-                },
-            ],
-        },
-        {
-            title: 'Способ получения',
-            columns: 1,
-            inputs: [],
-            condition: {
-                name: 'regionHasDelivery',
-                values: [true],
-            },
-        },
-        {
-            inputs: [
-                {
-                    name: 'methodObtain',
-                    condition: {
-                        name: 'regionHasDelivery',
-                        values: [true],
-                    },
-                },
-            ],
-        },
-        {
-            title: 'Выбор офиса',
-            columns: 1,
-            inputs: [],
-            condition: {
-                name: 'methodObtain',
-                values: ['office'],
-            },
-        },
-        {
-            title: 'Адрес доставки',
-            columns: 1,
-            inputs: [],
-            condition: {
-                name: 'methodObtain',
-                values: ['courier'],
-            },
-        },
-        {
-            inputs: [
-                {
-                    name: 'addressCourier',
-                    dadata: true,
-                    condition: {
-                        name: 'methodObtain',
-                        values: ['courier'],
-                    },
-                    required: true,
-                },
-            ],
-        },
-        {
-            columns: 2,
-            inputs: [
-                {
-                    name: 'deliveryDate',
-                    condition: {
-                        name: 'methodObtain',
-                        values: ['courier'],
-                    },
-                    required: true,
-                },
-                {
-                    name: 'deliveryTime',
-                    condition: {
-                        name: 'methodObtain',
-                        values: ['courier'],
-                    },
-                },
-            ],
-        },
-        {
-            inputs: [
-                {
-                    name: 'comment',
-                    condition: {
-                        name: 'methodObtain',
-                        values: ['courier'],
-                    },
-                },
-            ],
-        },
-        {
-            inputs: [
-                {
-                    name: 'addressRetail',
-                    required: true,
-                    condition: {
-                        name: 'methodObtain',
-                        values: ['office'],
-                    },
-                },
-            ],
-        },
-    ];
-    const DEBIT_PERSONAL_INFO_CONTENT = [
-        ...PERSONAL_DATA,
-        {
-            inputs: [
-                {
-                    name: 'dulIssuedBy',
-                    required: true,
-                    dadata: true,
-                    filledByEsia: true,
-                },
-            ],
-        },
-        {
-            title: 'Адрес регистрации по месту жительства',
-            columns: 1,
-            inputs: [],
-        },
-        {
-            inputs: [
-                {
-                    name: 'addressRegistration',
-                    required: true,
-                    dadata: true,
-                    filledByEsia: true,
-                },
-                { name: 'addressMatch' },
-            ],
-        },
-        {
-            title: 'Адрес фактического проживания (место пребывания РФ)',
-            inputs: [],
-        },
-        {
-            inputs: [{ name: 'addressFact', required: true, dadata: true }],
-        },
-    ];
-    const DEBIT_CARD_CONTENT = [
-        {
-            title: 'Параметры карты',
-            inputs: [],
-        },
-        {
-            inputs: [
-                { name: 'currency', required: true },
-                { name: 'paymentSystem', required: true },
-                { name: 'cardCategory', required: true },
-            ],
-        },
-        {
-            title: 'Отображение на карте',
-            inputs: [],
-        },
-        {
-            columns: 2,
-            inputs: [{ name: 'latinName' }, { name: 'latinSurname', required: true }],
-        },
-        {
-            inputs: [
-                {
-                    name: 'infoCard',
-                    label: 'Проверьте корректность заполненных полей, при необходимости внесите изменения.',
-                },
-            ],
-        },
-        {
-            inputs: [
-                {
-                    name: 'infoCard',
-                    label: 
-                    // eslint-disable-next-line max-len
-                    'Количество символов ограничивается 20. При этом, если фамилия и имя на карте содержит более 21 символа, то необходимо сократить имя и указывать на карте только первую букву имени и фамилию, если при таком сокращении фамилия и имя не умещается в количество символов – 20, то указывать только фамилию.',
-                },
-            ],
-        },
-        {
-            inputs: [{ name: 'codeWord', required: true }],
-        },
-    ];
-    const DELIVERY_CREDIT_CARD_CONTENT = [
-        ...DELIVERY_DEBIT_CARD_CONTENT,
-        {
-            inputs: [
-                {
-                    name: 'infoCard',
-                    label: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
-                    condition: {
-                        name: 'methodObtain',
-                        values: ['office'],
-                    },
+                    name: 'infoCard',
+                    label: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
+                    },
                 },
                 {
                     name: 'bankEmployeeCode',
@@ -8688,11 +8591,13 @@
                 },
             ],
         },
-    ];
-
+    ];
     const stepsSectionsMap$2 = [
         CREDIT_CARD_CONTENT,
-        ...COMMON_RETAIL_CONTENT,
+        PERSONAL_INFO_CONTENT$1,
+        EMPLOYMENT_CONTENT$1,
+        FAMILY_STATUS_AND_INCOME_CONTENT$1,
+        ADDITIONAL_CONTENT,
         DELIVERY_CREDIT_CARD_CONTENT,
     ];
 
@@ -8778,7 +8683,7 @@
 
     const SuccessStatusContent$1 = JSX(() => {
         const { statusInfo } = useRetailFormStore();
-        return (jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0432\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442 \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
+        return (jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0432\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
                 {
                     label: 'Название продукта',
                     description: 'Кредит на любые цели',
@@ -8848,7 +8753,7 @@
 
     const PAYMENT_TYPE_DATA = {
         annuity: { key: 'ANNUITY', value: 'Аннуитетный' },
-        differential: { key: 'DIFFERENTIAL', value: 'Дифференцированный ' },
+        differential: { key: 'DIFFERENTIATED', value: 'Дифференцированный ' },
     };
     const getCalcData = (formData) => {
         const { moneyValue, monthsValue, isAnnuity } = formData?.calculator ?? {};
@@ -8915,8 +8820,6 @@
                 return getEmploymentData(formData);
             case 3:
                 return getFamilyStatusAndIncomeData(formData);
-            case 4:
-                return getAdditionalInfoData(formData);
             default:
                 return {};
         }
@@ -8936,7 +8839,7 @@
                 isStateEmployee: false,
             },
         },
-        ...mainFormStateMap,
+        ...getMainFormStateMap(true),
         {
             regionRetail: { key: '', text: '' },
             addressRetail: undefined,
@@ -8946,7 +8849,7 @@
 
     const useCreditFormAPI = ({ step, onNextStep, onFinish, }) => {
         const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
-        const isFinalStep = step === 5;
+        const isFinalStep = step === 4;
         const retailFormStore = useRetailFormStore();
         const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm, formStateMap$1), [step, retailFormStore.leadForm]);
         const resetForm = useCallback((response) => {
@@ -9016,37 +8919,225 @@
         return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons$1, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
     });
 
-    const stepsSectionsMap$1 = [
-        CALCULATOR_CONTENT,
-        ...COMMON_RETAIL_CONTENT,
-        DELIVERY_CREDIT_CONTENT,
-    ];
-
-    const STEPS$1 = 5;
-    const STEP_TITLES$1 = [
-        '',
-        'Персональные данные',
-        'Данные о трудоустройстве',
-        'Семейное положение и доход',
-        'Дополнительные сведения',
-        'Отделение Банка',
+    /* eslint-disable max-lines */
+    const PERSONAL_INFO_CONTENT = [
+        ...PERSONAL_DATA,
+        {
+            title: 'Адрес регистрации по месту жительства',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressRegistration',
+                    required: true,
+                    dadata: true,
+                    filledByEsia: true,
+                },
+                { name: 'addressMatch' },
+            ],
+        },
+        {
+            title: 'Адрес фактического проживания (место пребывания РФ)',
+            inputs: [],
+        },
+        {
+            inputs: [{ name: 'addressFact', required: true, dadata: true }],
+        },
     ];
-    const CreditForm = UniBlock(({ className, programsSource, ...rest }) => {
-        const [step, setStep] = useState(0);
-        const formContainerRef = useRef(null);
-        const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
-        useEffect(updateRefreshToken, []);
-        const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS$1));
-            scrollToTop();
-        }, []);
-        const handlePrevStep = useCallback(() => {
-            //TODO search hook - 1,
-            setStep((_) => Math.max(_ - 1, 0));
-            scrollToTop();
-        }, []);
-        const sections = stepsSectionsMap$1[step];
-        const isStartStep = step === 0;
+    const EMPLOYMENT_CONTENT = [
+        {
+            title: 'Данные о трудоустройстве',
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, ' +
+                        'если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+                },
+            ],
+        },
+        {
+            inputs: [
+                { name: 'employment', required: true },
+                { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
+            ],
+        },
+        {
+            columns: 2,
+            inputs: [
+                { name: 'inn', required: true, dadata: true, filledByEsia: true },
+                { name: 'legalForm', required: true },
+            ],
+        },
+        {
+            inputs: [
+                { name: 'organization', required: true },
+                { name: 'amountWorkers', required: true },
+            ],
+        },
+        {
+            columns: 2,
+            inputs: [
+                { name: 'employerOrganization', required: true },
+                { name: 'jobsNumber', required: true, filledByEsia: true },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'organizationPhone',
+                    label: 'Телефон работодателя',
+                    required: true,
+                },
+                { name: 'beginDate', required: true, filledByEsia: true },
+            ],
+        },
+        {
+            title: 'Адрес работодателя',
+            inputs: [],
+        },
+        {
+            inputs: [{ name: 'organizationAddress', required: true, dadata: true }],
+        },
+    ];
+    const FAMILY_STATUS_AND_INCOME_CONTENT = [
+        {
+            title: 'Семейное положение',
+        },
+        {
+            columns: 1,
+            inputs: [{ name: 'familyStatus', required: true }],
+        },
+        {
+            columns: 2,
+            inputs: [
+                { name: 'children', required: true },
+                { name: 'dependents', required: true },
+            ],
+        },
+        {
+            title: 'Совокупный доход',
+        },
+        {
+            columns: 1,
+            inputs: [
+                {
+                    name: 'confirmationIncome',
+                    required: true,
+                    filledByEsia: true,
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 'Сумма основного и дополнительных доходов после вычета налога',
+                },
+            ],
+        },
+        {
+            columns: 1,
+            inputs: [{ name: 'wages', required: true, filledByEsia: true }],
+        },
+        {
+            columns: 1,
+            inputs: [
+                {
+                    name: 'retirementIncome',
+                    required: true,
+                    condition: { name: 'employment', values: ['RETIREE'] },
+                },
+            ],
+        },
+        {
+            columns: 1,
+            inputs: [{ name: 'mandatoryPayments', required: true }],
+        },
+        {
+            columns: 1,
+            inputs: [{ name: 'snils', required: true }],
+        },
+        {
+            columns: 1,
+            inputs: [{ name: 'initiateBankruptcyFlg' }],
+        },
+    ];
+    const DELIVERY_CREDIT_CONTENT = [
+        {
+            title: 'Отделение Банка',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [{ name: 'regionRetail', required: true }],
+        },
+        {
+            inputs: [{ name: 'addressRetail', required: true }],
+        },
+        {
+            title: 'Код представителя Банка',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+                },
+            ],
+        },
+        {
+            inputs: [{ name: 'bankEmployeeCode' }],
+        },
+    ];
+    const CALCULATOR_CONTENT = [
+        {
+            columns: 1,
+            inputs: [
+                {
+                    name: 'calculator',
+                },
+            ],
+        },
+    ];
+    const stepsSectionsMap$1 = [
+        CALCULATOR_CONTENT,
+        PERSONAL_INFO_CONTENT,
+        EMPLOYMENT_CONTENT,
+        FAMILY_STATUS_AND_INCOME_CONTENT,
+        DELIVERY_CREDIT_CONTENT,
+    ];
+
+    const STEPS$1 = 4;
+    const STEP_TITLES$1 = [
+        '',
+        'Персональные данные',
+        'Данные о трудоустройстве',
+        'Семейное положение и доход',
+        'Отделение Банка',
+    ];
+    const CreditForm = UniBlock(({ className, programsSource, ...rest }) => {
+        const [step, setStep] = useState(0);
+        const formContainerRef = useRef(null);
+        const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
+        useEffect(updateRefreshToken, []);
+        const handleNextStep = useCallback(() => {
+            setStep((_) => Math.min(_ + 1, STEPS$1));
+            scrollToTop();
+        }, []);
+        const handlePrevStep = useCallback(() => {
+            //TODO search hook - 1,
+            setStep((_) => Math.max(_ - 1, 0));
+            scrollToTop();
+        }, []);
+        const sections = stepsSectionsMap$1[step];
+        const isStartStep = step === 0;
         const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
         return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: STEP_TITLES$1, step: step, totalSteps: STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsx(CreditFormStep, { step: step, sections: sections, programsSource: programsSource, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
@@ -9334,8 +9425,76 @@
         return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step }), jsx(StepsNavigationButtons, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
     });
 
+    const DEBIT_PERSONAL_INFO_CONTENT = [
+        ...PERSONAL_DATA,
+        {
+            title: 'Адрес регистрации по месту жительства',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressRegistration',
+                    required: true,
+                    dadata: true,
+                    filledByEsia: true,
+                },
+                { name: 'addressMatch' },
+            ],
+        },
+        {
+            title: 'Адрес фактического проживания (место пребывания РФ)',
+            inputs: [],
+        },
+        {
+            inputs: [{ name: 'addressFact', required: true, dadata: true }],
+        },
+    ];
+    const DEBIT_CARD_CONTENT = [
+        {
+            title: 'Параметры карты',
+            inputs: [],
+        },
+        {
+            inputs: [
+                { name: 'currency', required: true },
+                { name: 'paymentSystem', required: true },
+                { name: 'cardCategory', required: true },
+            ],
+        },
+        {
+            title: 'Отображение на карте',
+            inputs: [],
+        },
+        {
+            columns: 2,
+            inputs: [{ name: 'latinName' }, { name: 'latinSurname', required: true }],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 'Проверьте корректность заполненных полей, при необходимости внесите изменения.',
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 
+                    // eslint-disable-next-line max-len
+                    'Количество символов ограничивается 20. При этом, если фамилия и имя на карте содержит более 21 символа, то необходимо сократить имя и указывать на карте только первую букву имени и фамилию, если при таком сокращении фамилия и имя не умещается в количество символов – 20, то указывать только фамилию.',
+                },
+            ],
+        },
+        {
+            inputs: [{ name: 'codeWord', required: true }],
+        },
+    ];
     const stepsSectionsMap = [
-        DELIVERY_DEBIT_CARD_CONTENT,
+        DELIVERY_CARD_CONTENT,
         DEBIT_PERSONAL_INFO_CONTENT,
         DEBIT_CARD_CONTENT,
     ];
@@ -9368,7 +9527,7 @@
 
     const DEFAULT_MIN_SUM = 500;
     const DEFAULT_MAX_SUM = 1000000000;
-    const initialFiltrationState$2 = {
+    const initialFiltrationState = {
         sum: {
             min: 10000,
             max: DEFAULT_MAX_SUM,
@@ -9376,7 +9535,7 @@
         period: 3,
     };
     const DepositFiltration = UniBlock(({ className, filtrationSchema = {}, resetButton, sumInput, periodInput, ...rest }) => {
-        const [, { blocksToRender, blocksWithProps }, { field, reset }] = useFiltrationForm(initialFiltrationState$2, {
+        const [, { blocksToRender, blocksWithProps }, { field, reset }] = useFiltrationForm(initialFiltrationState, {
             block: rest.block,
             page: rest.options?.page,
             normalize: (content) => ({ ...content, period: getPeriod(content) }),
@@ -9405,115 +9564,6 @@
         .filter(isRateRow)
         .flatMap((_) => numberRange(_.minMonths, _.maxMonths))).sort((a, b) => a - b) || [];
 
-    const DEFAULT_OPTIONS = [{ key: '10' }, { key: '50' }, { key: '100' }];
-    const PageSizeSelector = ({ itemCount, onItemCountChange }) => {
-        const handleItemCountChange = useCallback(({ key }) => onItemCountChange(Number(key)), []);
-        return (jsxs("div", { className: "mt-2 @lg:mt-0 items-center gap-s hidden @lg:flex", children: [jsx("span", { children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u043E" }), jsx(Select, { className: "min-w-20", onChange: handleItemCountChange, value: { key: String(itemCount) }, options: DEFAULT_OPTIONS, iconVersion: "black" })] }));
-    };
-
-    const paginationBlockStyle = 'py-m @lg:px-lg px-m rounded-md cursor-pointer text-center min-w-10 @lg:min-w-0 hover:bg-primary-hover hover:text-white';
-
-    const checkPageRange = (page, currentPage, totalPages) => (currentPage <= 2 && page <= currentPage + 2) ||
-        (currentPage >= totalPages - 1 && page >= totalPages - 3);
-    const shouldRenderPage = (page, currentPage, totalPages) => (page < currentPage && page >= currentPage - 1) ||
-        (page <= currentPage + 1 && page > currentPage) ||
-        checkPageRange(page, currentPage, totalPages);
-
-    const renderPages = (pagesParams, index) => {
-        const { currentPage, onPageChange, totalPages } = pagesParams;
-        const page = index + 1;
-        if (page === currentPage) {
-            return (jsx("div", { "aria-current": "true", className: "py-m @lg:px-lg px-m bg-primary-main text-center min-w-10 @lg:min-w-0 text-white rounded-md", children: page }, String(index)));
-        }
-        if (page !== 1 && page !== totalPages && shouldRenderPage(page, currentPage, totalPages)) {
-            return (jsx("div", { onClick: () => onPageChange(page), className: paginationBlockStyle, "aria-label": `Страница ${page}`, children: page }, String(index)));
-        }
-        return null;
-    };
-
-    const ICON_SIZE = { width: '24', height: '24' };
-    const PaginationContainer = ({ currentPage, onPageChange, totalPages, }) => {
-        const pages = useMemo(() => Array.from({ length: totalPages }).fill({
-            currentPage,
-            onPageChange,
-            totalPages,
-        }), [totalPages, currentPage]);
-        const handlePrevPage = useCallback(() => {
-            if (currentPage > 1) {
-                onPageChange(currentPage - 1);
-            }
-        }, [currentPage]);
-        const handleNextPage = useCallback(() => {
-            if (currentPage < totalPages) {
-                onPageChange(currentPage + 1);
-            }
-        }, [currentPage, totalPages]);
-        const handleFirstPage = useCallback(() => onPageChange(1), []);
-        const handleLastPage = useCallback(() => onPageChange(totalPages), [totalPages]);
-        return (jsxs("div", { className: "flex gap-m items-center", children: [jsx("div", { onClick: handlePrevPage, children: jsx(Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE }) }), jsxs("div", { className: "flex @lg:gap-2xs", children: [currentPage > 1 ? (jsx("div", { onClick: handleFirstPage, className: paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 3 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, pages.map(renderPages), currentPage < totalPages - 2 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, currentPage < totalPages ? (jsx("div", { onClick: handleLastPage, className: paginationBlockStyle, "aria-label": `Страница ${totalPages}`, children: totalPages })) : null] }), jsx("div", { onClick: handleNextPage, children: jsx(Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE }) })] }));
-    };
-    const getIconStyle = (condition) => condition ? 'opacity-20' : 'cursor-pointer hover:opacity-60';
-
-    const Pagination = ({ currentPage, onPageChange, totalPages, itemCount, onItemCountChange, }) => (jsxs("div", { className: "mt-3xl flex justify-between flex-col @lg:flex-row items-center select-none", role: "navigation", "aria-label": "\u041F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u044F", children: [jsx(PaginationContainer, { currentPage: currentPage, onPageChange: onPageChange, totalPages: totalPages }), itemCount && onItemCountChange ? (jsx(PageSizeSelector, { itemCount: itemCount, onItemCountChange: onItemCountChange })) : null] }));
-
-    const SearchInput = JSX(({ className, value, autoFocus, onChange, onFocus, placeholder = 'Поиск по сайту' }) => {
-        const handleChange = useCallback((ev) => {
-            onChange && onChange(ev.target?.value || '');
-        }, [onChange]);
-        return (jsxs("div", { className: style('relative', className), role: "form", children: [jsx("div", { className: "absolute h-full flex items-center pl-m pointer-events-none", children: jsx(Img, { image: { icon: 'LoupeIcon', iconVersion: 'black' }, width: "24", height: "24" }) }), jsx("input", { className: style('h-14 w-full px-10 text-l text-black box-border rounded-md', inputValidStyle), value: value, type: "text", name: "search-bar-input", placeholder: placeholder, autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
-    });
-
-    const DepositoryFilter = JSX(({ field, onClearFilter, filtrationState }) => (jsxs("div", { className: "grid grid-cols-12 mb-3xl @lg:space-x-xl", children: [jsx(SearchInput, { className: "col-span-12 @lg:col-span-4 mt-auto", placeholder: "\u041F\u043E\u0438\u0441\u043A", ...field('query') }), jsx(DatePicker, { className: "col-span-12 @lg:col-span-3 mt-4 @lg:mt-0", label: "\u041F\u0435\u0440\u0438\u043E\u0434 \u043E\u0442", maxDate: filtrationState.endDate, ...field('startDate') }), jsx(DatePicker, { className: "col-span-12 @lg:col-span-3 mt-4 @lg:mt-0", label: "\u041F\u0435\u0440\u0438\u043E\u0434 \u0434\u043E", minDate: filtrationState.startDate, ...field('endDate') }), jsx("div", { className: "col-span-12 @lg:col-span-2 mt-8 @lg:mt-auto", children: jsx(Button, { type: "reset", className: "w-full", version: "secondary", onClick: onClearFilter, children: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C" }) })] })));
-
-    const DepositoryItem = JSX(({ title, timestamp, publicId }) => {
-        const link = useLink();
-        const { href } = link({ href: `${API_BASE_URI$1}/depository/${publicId}/file` });
-        return (jsxs("div", { className: "flex gap-3 items-center py-lg border-gray border-opacity-50 border-b", children: [jsx(RoundedIcon, { className: "shrink-0", icon: "DocDownloadIcon", iconVersion: "black" }), jsxs("div", { className: "flex flex-col gap-x-6xl lg:flex-row lg:items-center", children: [timestamp ? (jsx(Text, { size: "text-m", "font-weight": "font-light", children: formatDate(timestamp) })) : null, jsx("a", { className: "text-h6 hover:text-primary-active", href: href, download: true, "aria-label": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: title })] })] }, publicId));
-    });
-
-    const DEPOSITARY_URL = `${API_BASE_URI$1}/depository`;
-    const useDepository = ({ size, page, query, startDate, endDate }) => {
-        const formatStartDate = startDate ? formatDate(startDate, true) : '';
-        const formatEndDate = endDate ? formatDate(endDate, true) : '';
-        const searchParams = new URLSearchParams(DEPOSITARY_URL);
-        searchParams.set('page', String(page));
-        searchParams.set('size', String(size));
-        searchParams.set('query', query);
-        searchParams.set('timestampStart', formatStartDate);
-        searchParams.set('timestampEnd', formatEndDate);
-        const queryString = `?${searchParams.toString()}`;
-        const { data } = useAsyncData(DEPOSITARY_URL + queryString, fetchJSONUnsafe);
-        return { items: data?.content, totalPages: data?.totalPages };
-    };
-
-    const DEFAULT_ITEMS_COUNT = 10;
-    const initialFiltrationState$1 = {
-        startDate: undefined,
-        endDate: undefined,
-        query: '',
-    };
-    const Depository = UniBlock(({ className, ...rest }) => {
-        const [currentPage, setCurrentPage] = useState(0);
-        const [itemCount, setItemCount] = useState(DEFAULT_ITEMS_COUNT);
-        const [filtrationState, { field, reset }] = useForm(initialFiltrationState$1);
-        const { totalPages = 0, items = [] } = useDepository({
-            size: itemCount,
-            page: currentPage,
-            ...filtrationState,
-        });
-        const handleChangePage = useCallback((page) => setCurrentPage(page - 1), []);
-        const handleItemCountChange = useCallback((count) => {
-            if (itemCount !== count) {
-                setItemCount(count);
-                setCurrentPage(0);
-            }
-            else {
-                setItemCount(count);
-            }
-        }, []);
-        return (jsxs(BlockWrapper, { className: style(className, 'container p-6xl'), ...rest, children: [jsx(DepositoryFilter, { filtrationState: filtrationState, field: field, onClearFilter: reset }), jsxs("div", { className: "flex flex-col", children: [jsxs("div", { className: "grid grid-cols-12 pb-lg border-gray border-opacity-50 border-b", children: [jsx("div", { className: "col-span-4 @lg:col-span-2 hidden @lg:block", children: jsx(Text, { size: "text-m", color: "text-secondary-text", children: "\u0414\u0430\u0442\u0430" }) }), jsx("span", { className: "col-span-8 @lg:col-span-10 hidden @lg:block", children: jsx(Text, { size: "text-m", color: "text-secondary-text", children: "\u0422\u0435\u043C\u0430" }) })] }), items.length ? (items.map((params) => jsx(DepositoryItem, { ...params }, String(params.publicId)))) : (jsx(NotFound, { title: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E", description: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B" })), jsx(Pagination, { currentPage: currentPage + 1, onPageChange: handleChangePage, totalPages: totalPages, itemCount: itemCount, onItemCountChange: handleItemCountChange })] })] }));
-    });
-
     const renderErrorContent = (error) => {
         if (error?.contentType === 'Image' && error?.image) {
             return jsx(Img, { image: error.image });
@@ -9525,214 +9575,6 @@
     };
     const ErrorBlock = JSX(({ className = '', title, description, error, button, ...rest }) => (jsxs(BlockWrapper, { className: style('flex flex-col justify-center items-center', className), defaultPadding: style('p-6xl'), version: "transparent", ...rest, children: [jsx("div", { className: "flex justify-center", children: renderErrorContent(error) }), jsx(Headline, { title: title, description: description, headlineVersion: "XL", isEmbedded: true, className: "mb-2xl last:mb-0" }), button?.text ? (jsx(LinkButton, { version: button?.version, text: button?.text, ...button })) : null] })));
 
-    const REGION_URL = `${API_BASE_URI$1}/region`;
-    function useLocation(defaultLocation = 'Москва') {
-        const locationStore = useLocalStore();
-        return locationStore.location ?? { name: defaultLocation };
-    }
-    function useDefaultLocation(defaultLocation = 'Москва') {
-        const locationStore = useLocalStore();
-        const preselectLocation = useCallback(async () => {
-            if (!locationStore.location) {
-                const region = await fetchJSON(REGION_URL);
-                locationStore.location = region ?? { name: defaultLocation };
-            }
-        }, [locationStore, defaultLocation]);
-        useAsyncData(REGION_URL, preselectLocation);
-        return locationStore;
-    }
-
-    var Currency;
-    (function (Currency) {
-        Currency["RUB"] = "RUB";
-        Currency["EUR"] = "EUR";
-        Currency["USD"] = "USD";
-        Currency["CNY"] = "CNY";
-    })(Currency || (Currency = {}));
-
-    const currencyNumberFormat = new Intl.NumberFormat('ru', {
-        style: 'currency',
-        currency: Currency.RUB,
-    });
-    const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
-
-    const TABLE_STYLE_BASE = 'text-m font-light text-secondary-text ';
-    const TABLE_HEAD_STYLE = `${TABLE_STYLE_BASE} text-left`;
-    const TABLE_HEAD_STYLE_CENTER = `${TABLE_STYLE_BASE} pl-5xl text-center`;
-    const TABLE_HEAD_STYLE_RIGHT = `${TABLE_STYLE_BASE} pl-5xl text-right`;
-    const CURRENCY_ICONS_MAP = {
-        USD: 'DollarIcon',
-        EUR: 'EuroIcon',
-        CNY: 'ChineseYuanRenminbiIcon',
-    };
-    const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => (jsxs("table", { className: style('h-fit w-full', className), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: jsx(Text, { size: "text-m", children: "\u0412\u0430\u043B\u044E\u0442\u0430" }) }), jsx("th", { className: TABLE_HEAD_STYLE_CENTER, children: jsx(Text, { size: "text-m", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }) }), jsx("th", { className: TABLE_HEAD_STYLE_RIGHT, children: jsx(Text, { size: "text-m", children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" }) })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map(renderCurrencyRow) })] })));
-    const renderCurrencyRow = (exchangeCurrencyItem) => {
-        const currency = exchangeCurrencyItem?.currency?.currency;
-        return (jsxs("tr", { className: "pb-2xs text-h6", children: [jsx("td", { className: "pt-m m-auto flex text-left", children: jsxs("div", { className: "flex items-center gap-xs", children: [currency ? (jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[currency] }, width: "24", height: "24" })) : null, jsx(Text, { size: "text-h6", children: currency })] }) }), jsx("td", { className: "pt-m pl-5xl text-center", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.saleExchangeRate) }) }), jsx("td", { className: "pt-m pl-5xl text-right", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.buyExchangeRate) }) })] }, currency));
-    };
-
-    const icon = { icon: 'GpsIcon' };
-    const CurrentLocation = JSX(({ className = '', address }) => (jsxs("div", { className: style('flex gap-s w-full justify-between @sm:justify-center', className), children: [jsx(RoundedIcon, { ...icon, iconBgVersion: "primary", className: "shrink-0" }), jsxs("div", { className: "space-y-2xs whitespace-pre-wrap", children: [address ? (jsx(Paragraph, { size: "text-l", color: "text-primary-main", children: address })) : null, jsx(Paragraph, { size: "text-m", color: "text-secondary-text", children: "\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u043E\u0444\u0438\u0441\u0430" })] })] })));
-
-    const roundTo = (value, precision = 2) => {
-        const factor = 10 ** precision;
-        return Math.round(parseFloat(String(value)) * factor) / factor;
-    };
-
-    const calculateResult = (value, rate, precision) => {
-        const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
-        return Number.isInteger(result) ? result : roundTo(result);
-    };
-    const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
-
-    function assertNonEmpty(value) {
-        if (!value) {
-            throw new Error('Value should be fulfilled');
-        }
-        return value;
-    }
-
-    const baseTableFunc = (table) => (input) => {
-        const [, unit] = assertNonEmpty(table.find(([predicate]) => predicate(input)));
-        return unit(input);
-    };
-    const tableFunc = (table) => baseTableFunc(table.map(([p, o]) => [p, () => o]));
-    tableFunc.if = (predicate) => new TableFuncBuilder(undefined, predicate);
-    class TableFuncBuilder {
-        parent;
-        predicate;
-        unit;
-        get entry() {
-            return [assertNonEmpty(this.predicate), assertNonEmpty(this.unit)];
-        }
-        constructor(parent, predicate, unit) {
-            this.parent = parent;
-            this.predicate = predicate;
-            this.unit = unit;
-        }
-        if(predicate) {
-            return new TableFuncBuilder(this, predicate);
-        }
-        then(unit) {
-            return new TableFuncBuilder(this.parent, this.predicate, unit);
-        }
-        else(unit) {
-            return baseTableFunc([...buildTable(this), [() => true, unit]]);
-        }
-    }
-    const buildTable = (builder) => [
-        ...(builder?.parent ? buildTable(builder.parent) : []),
-        builder.entry,
-    ];
-
-    const callbackCurrencySelect = (props) => tableFunc([
-        [
-            (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
-            () => props.handleConvert(props.value, Currency.RUB),
-        ],
-        [
-            (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-            () => props.handleConvert(props.value, Currency.USD),
-        ],
-        [
-            (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-            () => props.handleConvert(props.value, Currency.CNY),
-        ],
-        [() => true, () => props.handleConvert(props.value)],
-    ])(props)?.();
-
-    function renderInput(props) {
-        const { placeholder, rates, selected, value, setValue, setSelected } = props;
-        const ratesOptions = rates.map((_) => ({
-            key: _?.currency?.currency ?? '',
-            text: _?.currency?.currency ?? '',
-        }));
-        const selectedValue = { key: selected, text: selected };
-        return (jsxs("div", { className: "relative flex", children: [jsx(Input, { className: "shrink-0 text-l w-full appearance-none -mr-20", placeholder: placeholder, type: "text", value: value, onChange: setValue }), ratesOptions.length ? (jsx(Select, { className: "absolute right-0", isBorder: false, onChange: (_) => setSelected(_.key), options: ratesOptions, value: selectedValue })) : null] }));
-    }
-
-    const ExchangeCurrencyCalculator = JSX(({ className = '', currencyRatesBuy, currencyRatesSell, button }) => {
-        const [calcState, setCalcState] = useState({
-            inputSell: '',
-            inputBuy: '',
-            selectSell: currencyRatesBuy?.[0]?.currency?.currency || Currency.RUB,
-            selectBuy: currencyRatesSell?.[0]?.currency?.currency || Currency.USD,
-        });
-        const handleSetCalcState = useCallback((newState) => setCalcState((oldState) => ({ ...oldState, ...newState })), []);
-        return (jsxs("div", { className: `flex flex-col gap-m pt-2xl ${className}`, children: [currencyRatesBuy && currencyRatesSell ? (jsxs("div", { className: "grid gap-m", children: [renderInput({
-                            placeholder: 'Хочу продать',
-                            rates: currencyRatesSell,
-                            selected: calcState.selectSell,
-                            setSelected: handleSelectSell(calcState, handleSetCalcState, currencyRatesSell),
-                            value: calcState.inputSell,
-                            setValue: (value) => handleInputSell(handleSetCalcState, currencyRatesSell)(value, calcState.selectSell, calcState.selectBuy),
-                        }), renderInput({
-                            placeholder: 'Получу',
-                            rates: currencyRatesBuy,
-                            selected: calcState.selectBuy,
-                            setSelected: handleSelectBuy(calcState, handleSetCalcState, currencyRatesBuy),
-                            value: calcState.inputBuy,
-                            setValue: (value) => handleInputBuy(handleSetCalcState, currencyRatesBuy)(value, calcState.selectBuy, calcState.selectSell),
-                        })] })) : null, button?.text ? (jsx(LinkButton, { text: button.text, version: button?.version, ...button })) : null] }));
-    });
-    const handleSelectSell = (calcState, setCalcState, currencyRatesSell) => (value) => {
-        setCalcState({ selectSell: value });
-        callbackCurrencySelect({
-            value,
-            oppositeValue: calcState.selectBuy,
-            handleConvert: (currencyFrom = calcState.selectSell, currencyTo = calcState.selectBuy) => {
-                handleInputSell(setCalcState, currencyRatesSell)(calcState.inputSell, currencyFrom, currencyTo);
-            },
-        });
-    };
-    const handleSelectBuy = (calcState, setCalcState, currencyRatesBuy) => (value) => {
-        setCalcState({ selectBuy: value });
-        callbackCurrencySelect({
-            value,
-            oppositeValue: calcState.selectSell,
-            handleConvert: (currencyTo = calcState.selectBuy, currencyFrom = calcState.selectSell) => handleInputBuy(setCalcState, currencyRatesBuy)(calcState.inputBuy, currencyTo, currencyFrom),
-        });
-    };
-    const handleInputSell = (setCalcState, currencyRatesSell) => (value, currencyFrom, currencyTo) => {
-        setCalcState({ inputSell: formatValue(value), selectBuy: currencyTo });
-        const rate = currencyRatesSell.find((_) => _.currency?.currency === currencyTo)?.buyExchangeRate ||
-            currencyRatesSell.find((_) => _.currency?.currency === currencyFrom)?.buyExchangeRate;
-        if (rate) {
-            setCalcState({
-                inputBuy: String(calculateResult(value, rate, currencyFrom === Currency.RUB) || ''),
-            });
-        }
-    };
-    const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, currencyTo, currencyFrom) => {
-        setCalcState({ inputBuy: formatValue(value), selectSell: currencyFrom });
-        const rate = currencyRatesBuy.find((_) => _.currency?.currency === currencyFrom)?.saleExchangeRate ||
-            currencyRatesBuy.find((_) => _.currency?.currency === currencyTo)?.saleExchangeRate;
-        if (rate) {
-            setCalcState({
-                inputSell: String(calculateResult(value, rate, currencyTo === Currency.RUB) || ''),
-            });
-        }
-    };
-
-    const EXCHANGE_RATES_URL = `${API_BASE_URI$1}/exchangerates`;
-    function useFetchExchangeRateData(currentRegion) {
-        const regionCode = currentRegion?.code || '000';
-        const { data } = useAsyncData(EXCHANGE_RATES_URL + `?regionCode=${regionCode}`, fetchJSONUnsafe);
-        return data || {};
-    }
-
-    const ExchangeRateTile = JSX(({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
-        const currentLocation = useLocation();
-        const exchangeRates = useFetchExchangeRateData(currentLocation);
-        const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);
-        const currencyRatesBuy = currencyRates.filter((_) => _.buyExchangeRate);
-        currencyRatesBuy.unshift({ currency: { currency: Currency.RUB } });
-        const currencyRatesSell = currencyRates.filter((_) => _.saleExchangeRate);
-        currencyRatesSell.push({ currency: { currency: Currency.RUB } });
-        return (jsx(BlockWrapper, { className: style('box-border min-h-80', className), ...rest, children: jsx(BaseTile, { className: "h-full", title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap" }), children: jsxs("div", { className: "flex w-full gap-6xl flex-wrap @lg:flex-nowrap", children: [jsxs("div", { className: "w-full @2xl:w-auto @5xl:w-1/2", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-xl", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { address: exchangeRates?.address })] }), jsx(ExchangeCurrencyCalculator, { className: "grow w-1/2", currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })] }) }) }));
-    });
-    const getCurrencyRates = (currencies) => currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id)) || [];
-
     const LinkList = JSX(({ className = '', items }) => {
         const link = useLink();
         return (jsx("ul", { className: style('flex flex-col gap-s w-full', className), children: items?.map(renderLinkListItem(link)) }));
@@ -9779,7 +9621,7 @@
         return (jsx("a", { className: style('text-secondary-text', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
     });
 
-    const HorizontalNavigation = JSX(({ className = '', title, links }) => (jsx("div", { className: className, children: links?.length ? (jsxs("div", { className: "flex justify-between lg:items-center flex-col lg:flex-row gap-lg py-lg border-y border-y-main-divider", children: [jsx("div", { className: "lg:hidden", children: jsx(Text, { size: "text-l", font: "font-normal", children: title }) }), links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light lg:max-w-[292px]", ..._ }, String(i))))] })) : null })));
+    const HorizontalNavigation = JSX(({ className = '', title, links }) => (jsx("div", { className: className, children: links?.length ? (jsxs("div", { className: "flex justify-between lg:items-center flex-col lg:flex-row gap-lg py-lg border-y border-y-main-divider", children: [jsx("div", { className: "lg:hidden", children: jsx(Text, { size: "text-l", font: "font-normal", children: title }) }), links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light lg:max-w-72", ..._ }, String(i))))] })) : null })));
 
     const LEFT_COLUMN_STYLE = 'w-full lg:w-52';
 
@@ -9914,12 +9756,13 @@
     const SEARCH_INDEX_FILENAME = 'search.index.json';
     const useSearch = ({ basePathList, initialQuery = '', }) => {
         const [query, setQuery] = useState(initialQuery || '');
+        const router = useRouter();
         useEffect(() => {
             if (initialQuery !== undefined && initialQuery !== null) {
                 setQuery(initialQuery);
             }
         }, [initialQuery]);
-        const { data } = useAsyncData(basePathList?.length ? basePathList : null, fetchSearchIndex);
+        const { data } = useAsyncData(basePathList?.length ? basePathList : null, fetchSearchIndex(router));
         const [result, setResult] = useState(null);
         useDebouncedEffect(() => {
             if (data) {
@@ -9928,13 +9771,13 @@
         }, [data, query]);
         return [result, { value: query, onChange: setQuery }];
     };
-    const fetchSearchIndex = async (...basePathList) => (await Promise.allSettled(basePathList.map(async (basePath) => [
+    const fetchSearchIndex = (router) => async (...basePathList) => (await Promise.allSettled(basePathList.map(async (basePath) => [
         basePath,
         await fetchJSON(joinPath(basePath, SEARCH_INDEX_FILENAME)),
     ])))
         .map((_) => (_.status === 'fulfilled' ? _.value : []))
-        .map(getSearchIndex);
-    const getSearchIndex = ([basePath, result]) => {
+        .map(getSearchIndex(router));
+    const getSearchIndex = (router) => ([basePath, result]) => {
         if (!result) {
             return {};
         }
@@ -9942,11 +9785,18 @@
             ...result,
             corpus: result.corpus?.map((_) => ({
                 ..._,
-                uri: _.uri === 'index' ? basePath : joinPath(basePath, _.uri),
+                uri: _.uri === 'index' ? basePath : adjustHref(router)(_.uri, basePath),
             })),
         };
     };
 
+    const SearchInput = JSX(({ className, value, autoFocus, onChange, onFocus, placeholder = 'Поиск по сайту' }) => {
+        const handleChange = useCallback((ev) => {
+            onChange && onChange(ev.target?.value || '');
+        }, [onChange]);
+        return (jsxs("div", { className: style('relative', className), role: "form", children: [jsx("div", { className: "absolute h-full flex items-center pl-m pointer-events-none", children: jsx(Img, { image: { icon: 'LoupeIcon', iconVersion: 'black' }, width: "24", height: "24" }) }), jsx("input", { className: style('h-14 w-full px-10 text-l text-black box-border rounded-md', inputValidStyle), value: value, type: "text", name: "search-bar-input", placeholder: placeholder, autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
+    });
+
     const SearchDialog = JSX(({ initialQuery, navigationItems, onClose }) => {
         const basePathList = useMemo(() => navigationItems?.map((_) => _.href || '/'), [navigationItems]);
         const [searchResult, searchInputProps] = useSearch({
@@ -9988,7 +9838,7 @@
     const TextInformationLink = JSX(({ className = '', index, ...rest }) => {
         const link = useLink();
         const { href, target, text, onClick } = link(rest);
-        return (jsx("a", { className: style('text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px]', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
+        return (jsx("a", { className: style('text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-72', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
     });
 
     const TextInformation = JSX(({ className = '', links, license }) => (jsxs("div", { className: style('@container space-y-lg', className), children: [license ? (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-light", color: "text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0${license}` }) })) : null, links?.length ? (jsx("div", { className: "flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs", children: links.map((_, i) => (jsx(TextInformationLink, { index: i, ..._ }, String(i)))) })) : null] })));
@@ -10012,8 +9862,48 @@
         '': '',
     };
 
-    const MIN_LENGTH_CHILD = 5;
+    const useSortProductBlocks = (parentBlock = {}) => {
+        const [blocks, setBlocks] = useState(parentBlock.blocks ?? []);
+        const sessionStore = useSessionStore();
+        const offerIds = sessionStore?.offerIds || [];
+        const sortedBlocks = useMemo(() => {
+            const blocksMap = new Map(parentBlock.blocks?.map((block) => [block?.__id, block]) ?? []);
+            const blocksByOfferIds = offerIds
+                .map((id) => blocksMap.get(id))
+                .filter((block) => Boolean(block));
+            const tailBlocks = blocks.filter(({ __id = '' }) => !offerIds.includes(__id));
+            return [...blocksByOfferIds, ...tailBlocks];
+        }, [blocks, offerIds]);
+        useEffect(() => setBlocks(sortedBlocks), []);
+        return blocks;
+    };
+
     const SHORT_TILE_INDEXES = [1, 2, 3, 4];
+    const getChildStyle = (index) => SHORT_TILE_INDEXES.includes(index)
+        ? 'lg:col-span-1 lg:row-span-1'
+        : 'lg:col-span-2 lg:row-span-2';
+    const modifyBlock = (block, i) => {
+        const content = { ...block.content };
+        const isSmallTile = SHORT_TILE_INDEXES.includes(i);
+        if (isSmallTile) {
+            delete content.description;
+            delete content.benefits;
+            if (content.link?.href) {
+                delete content.buttons;
+            }
+            content.imageOptions = { ...content.imageOptions, className: 'max-w-max !h-auto' };
+            content.headlineVersion = 'S';
+        }
+        else {
+            if ((content.buttons ?? []).length) {
+                delete content.link;
+            }
+            content.headlineVersion = 'L';
+        }
+        return { ...block, content };
+    };
+
+    const MIN_LENGTH_CHILD = 5;
     const LINK_SCHEMA = {
         link: {
             allOf: [
@@ -10033,15 +9923,19 @@
             required: ['href'],
         },
     };
-    const GalleryLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, ...rest }) => (jsx(BlockWrapper, { className: style('grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
-            ...rest,
-            renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
-        }) })), {
+    const GalleryLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, block = {}, ...rest }) => {
+        const blocks = useSortProductBlocks(block);
+        return (jsx(BlockWrapper, { className: style('grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
+                ...rest,
+                block: { ...block, blocks },
+                renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
+            }) }));
+    }, {
         childrenTypes: ['ProductBlock'],
         childSchema: () => LINK_SCHEMA,
         allowRemoveChild: (slot) => (slot?.blocks ?? []).length > MIN_LENGTH_CHILD,
     });
-    const getRenderProps = ({ isInnerPadding, isCardBorder, }) => (childBlock, childOptions, i) => renderBlock$1(childBlock, {
+    const getRenderProps = ({ isInnerPadding, isCardBorder, }) => (childBlock, childOptions, i) => renderBlock(childBlock, {
         ...childOptions,
         blockDecorator: blockDecoratorWrapper(childOptions.blockDecorator, i),
     }, {
@@ -10052,51 +9946,15 @@
         ...props,
         render: (renderProps) => productBlockDecorator(idx)({ ...props, ...renderProps }, i),
     }, `wrap_${i}`) ?? productBlockDecorator(idx)(props, i);
+    const visibilityByIdx = (i) => (Number(i) < 5 ? '' : 'hidden');
     const productBlockDecorator = (idx) => ({ blockClassName, block, render }, i) => {
         const modifiedBlock = modifyBlock(block, idx);
-        return (jsx(LinkWrapper, { ...modifiedBlock.content?.link, className: getChildStyle(idx), children: render({
+        return (jsx(LinkWrapper, { ...modifiedBlock.content?.link, className: style(visibilityByIdx(idx), getChildStyle(idx)), children: render({
                 blockClassName: style(blockClassName, 'h-full'),
                 block: modifiedBlock,
             }) }, String(i)));
-    };
-    const getChildStyle = (index) => SHORT_TILE_INDEXES.includes(index)
-        ? 'lg:col-span-1 lg:row-span-1'
-        : 'lg:col-span-2 lg:row-span-2';
-    const modifyBlock = (block, i) => {
-        const content = { ...block.content };
-        const isSmallTile = SHORT_TILE_INDEXES.includes(i);
-        if (isSmallTile) {
-            delete content.description;
-            delete content.benefits;
-            if (content.link?.href) {
-                delete content.buttons;
-            }
-            content.imageOptions = { ...content.imageOptions, className: 'max-w-max !h-auto' };
-        }
-        else {
-            if ((content.buttons ?? []).length) {
-                delete content.link;
-            }
-        }
-        return { ...block, content };
     };
 
-    const GracePeriod = JSX(({ className = '', title, description, calendar, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-m', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true }), calendar ? renderCalendar(calendar) : null] })));
-    const renderCalendar = (calendar) => {
-        const colCount = calendar.reduce((accumulator, currentValue) => currentValue?.month?.length ? accumulator + currentValue.month.length : accumulator, 0) || 1;
-        const colSize = 100 / colCount;
-        const mappedCalendar = calendar
-            .filter((_) => _?.month?.length)
-            .map((_) => ({
-            ..._,
-            // Condition lower is always true, TS does not understand this, notice filter above
-            flexBasis: `${_?.month?.length ? _.month.length * colSize : ''}%`,
-        }));
-        return (jsxs("div", { className: "w-full flex flex-col justify-center gap-s", children: [jsx("div", { className: "flex w-full text-h6 text-center", children: mappedCalendar.map((_) => renderMonthNames(_, colSize)) }), jsx("div", { className: "flex gap-s w-full", children: mappedCalendar.map((_, ind) => (jsxs("div", { className: "border-r border-main-divider last:border-r-0 space-y-s", style: { flexBasis: _.flexBasis }, children: [jsx("div", { className: "flex gap-s", children: renderMonthImages(_) }), jsxs("div", { className: "text-s", children: [jsx(Text, { size: "text-s", font: "font-light", color: "text-primary-text", children: _.text }), "\u2009", jsx(Text, { size: "text-s", font: "font-light", color: "text-primary-main", children: _.greenText })] })] }, `monthItem-${ind}`))) })] }));
-    };
-    const renderMonthNames = (item, colSize) => item.month?.map((_, i) => (jsx("div", { style: { flexBasis: `${colSize}%` }, children: _.text }, `monthName-${i}`)));
-    const renderMonthImages = (item) => item.month?.map((_) => _.image?.src ? (jsx("div", { className: "h-52 border-r pr-s border-main-divider last:border-r-0", children: jsx(Img, { image: _.image, className: "flex" }) }, `monthImage-${_.image.src}`)) : null);
-
     const GrantSupport = UniBlock(({ className, title, button, regionSource, data, ...rest }) => {
         const [region, setRegion] = useState({ key: '' });
         const regions = regionSource?.regions ?? [];
@@ -10180,65 +10038,18 @@
     });
     const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
 
-    const CHAT_NAMESPACE = 'chatbot';
-    const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
-    const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
-    const CHAT_STORAGE_NAME = 'webchat-keep-open';
-    const BUSINESS_CHAT_PREFIX = '/webchat-api';
-    const BUSINESS_CHAT_CLASSNAME = '@container fixed right-0 bottom-0 top-0 h-full w-full z-[100] @3xl:w-auto h-fit';
-    const CHATBOT_URL = {
-        personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-        business: '/webchat',
-    };
-    const useChatBot = (chat) => {
-        const [isLoading, setIsLoading] = useState(false);
-        useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
-        const chatUrl = CHATBOT_URL[chat ?? ''];
-        const load = useCallback((ev) => {
-            if (!chatUrl) {
-                return;
-            }
-            setIsLoading(true);
-            if (chat === 'business') {
-                renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
-            }
-            else {
-                renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
+    const CHAT_BOT_ASPECT_NAME = 'openChatBot';
+    const HeaderChatBotButton = JSX(({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
+        const [isLoading, { setTrue: startLoad, setFalse: endLoad }] = useBool(false);
+        const aspects = useAspects();
+        const handleClick = useCallback((ev) => {
+            const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+            if (openChatBot) {
+                startLoad();
+                openChatBot(ev).finally(endLoad);
             }
-        }, [chatUrl, chat]);
-        return { load, isLoading };
-    };
-    const renderPersonalChatBot = async (ev, chatUrl) => {
-        const target = ev.target;
-        if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-            target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-        }
-        const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
-        if (!chatFrame) {
-            await initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-        }
-    };
-    const renderBusinessChatBot = async (chatUrl) => {
-        const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
-        initializeExternalStylesheet(`${chatUrl}/bundle.css`);
-        const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
-        if (chatFrame) {
-            businessChat?.chatOpen?.();
-        }
-        else {
-            createChatFrame();
-            businessChat?.render?.(CHAT_FRAME_ID, true, BUSINESS_CHAT_PREFIX, BUSINESS_CHAT_CLASSNAME);
-        }
-    };
-    const createChatFrame = () => {
-        const chatFrame = globalThis.document.createElement('div');
-        chatFrame.id = CHAT_FRAME_ID;
-        globalThis.document.body.appendChild(chatFrame);
-    };
-
-    const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large', }) => {
-        const { load, isLoading } = useChatBot(chat);
-        return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
+        }, []);
+        return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: handleClick, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, disabled: isLoading, dataTestId: "chat icon" }));
     });
 
     const HeaderItem = JSX(({ className = '', active, dataItemName, children, data, ...rest }) => {
@@ -10283,11 +10094,28 @@
                 ? handleIntersectionActivation$1(index)
                 : handleIntersectionDeactivation$1(index));
         }), [subItems]);
-        return (jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, chat: projectSettings.CHAT_BOT, ariaLabel: chatBotAriaLabel })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
+        return (jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, ariaLabel: chatBotAriaLabel })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
     });
     const handleIntersectionActivation$1 = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation$1 = (index) => (prev) => Math.min(prev, index);
 
+    const REGION_URL = `${API_BASE_URI$1}/region`;
+    function useLocation(defaultLocation = 'Москва') {
+        const locationStore = useLocalStore();
+        return locationStore.location ?? { name: defaultLocation };
+    }
+    function useDefaultLocation(defaultLocation = 'Москва') {
+        const locationStore = useLocalStore();
+        const preselectLocation = useCallback(async () => {
+            if (!locationStore.location) {
+                const region = await fetchJSON(REGION_URL);
+                locationStore.location = region ?? { name: defaultLocation };
+            }
+        }, [locationStore, defaultLocation]);
+        useAsyncData(REGION_URL, preselectLocation);
+        return locationStore;
+    }
+
     const groupBy = (list, keyGetter) => {
         const result = new Map();
         for (const item of list) {
@@ -10363,7 +10191,7 @@
         const locationDialog = useDialog(LocationDialog, rest);
         const openSearchDialog = useCallback(() => searchDialog.open({}), [searchDialog]);
         const openLocationDialog = useCallback(() => locationDialog.open({}), [locationDialog]);
-        return (jsxs("div", { className: style('flex items-center ml-5 md:max-w-[300px] xl:max-w-full gap-lg', className), role: "navigation", children: [currentLocation?.name && rest?.branches?.visible ? (jsx(ClientOnly, { children: jsx(TopItem, { className: "whitespace-nowrap text-ellipsis overflow-hidden", flat: true, href: "#", text: currentLocation?.name, data: getAspectsWithInclude(rest?.branches?.dataClick, currentLocation?.name ?? ''), onClick: openLocationDialog }) })) : null, rest?.officesAtms?.href ? (jsx(TopItem, { className: "whitespace-nowrap", flat: true, ...rest.officesAtms })) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: rest?.search?.ariaLabel ?? 'Поиск', onClick: openSearchDialog, data: rest?.search?.data })] }));
+        return (jsxs("div", { className: style('flex items-center ml-5 md:max-w-[300px] xl:max-w-full gap-lg', className), role: "navigation", children: [currentLocation?.name && rest?.branches?.visible ? (jsx(TopItem, { className: "whitespace-nowrap text-ellipsis overflow-hidden", flat: true, href: "#", text: currentLocation?.name, data: getAspectsWithInclude(rest?.branches?.dataClick, currentLocation?.name ?? ''), onClick: openLocationDialog })) : null, rest?.officesAtms?.href ? (jsx(TopItem, { className: "whitespace-nowrap", flat: true, ...rest.officesAtms })) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: rest?.search?.ariaLabel ?? 'Поиск', onClick: openSearchDialog, data: rest?.search?.data })] }));
     });
 
     const HeaderTopMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, ...rest }) => {
@@ -10391,7 +10219,7 @@
         }), [navigationItems]);
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
-        return (jsxs("div", { className: "flex items-center justify-between", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }), jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-[160px] pb-xs mt-xs", role: "menu", children: navigationItems.map((_, i) => (jsx(HeaderTopMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeTopItem, observerOptions: observerOptions, onVisibilityChange: topItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "mx-xs", items: dropDownMenuItems, activeItem: activeTopItem, ariaLabel: dropdownMenuAriaLabel })) : null, jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", search: search, navigationItems: navigationItems, ...headerData })] }));
+        return (jsxs("div", { className: "flex items-center justify-between", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }), jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-40 pb-xs mt-xs", role: "menu", children: navigationItems.map((_, i) => (jsx(HeaderTopMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeTopItem, observerOptions: observerOptions, onVisibilityChange: topItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "mx-xs", items: dropDownMenuItems, activeItem: activeTopItem, ariaLabel: dropdownMenuAriaLabel })) : null, jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", search: search, navigationItems: navigationItems, ...headerData })] }));
     });
     const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
@@ -10430,370 +10258,88 @@
     const ImgBlock = JSX((props) => {
         const { className, align, image, ...rest } = props;
         const alignStyle = align ? style('flex', AlignJustifyStyle[align]) : '';
-        return (jsx(BlockWrapper, { className: style(alignStyle, className), defaultPadding: "p-0", ...rest, children: jsx(Img, { image: image }) }));
-    });
-
-    const useCarouselControls = (props, initialIndex = 0) => {
-        const { itemCount, visibleItemCount } = props;
-        const [activeIndex, setActiveIndex] = useState(initialIndex);
-        const inc = useCallback(() => setActiveIndex((_) => Math.min(_ + 1, itemCount - 1)), [itemCount]);
-        const dec = useCallback(() => setActiveIndex((_) => Math.max(_ - 1, 0)), [itemCount]);
-        const canInc = visibleItemCount
-            ? itemCount > visibleItemCount && activeIndex < itemCount - visibleItemCount
-            : activeIndex < itemCount - 1;
-        const canDec = activeIndex > 0;
-        const isScrollAvailable = canDec || canInc;
-        return [
-            activeIndex,
-            {
-                inc,
-                dec,
-                canInc,
-                canDec,
-                isScrollAvailable,
-            },
-        ];
-    };
-
-    /** @deprecated */
-    const renderArrows = ({ className, btnClass, canDec, canInc, dec, inc, }) => canDec || canInc ? (jsxs("div", { children: [canDec ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[0], className), onClick: dec })) : null, canInc ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[1], className), onClick: inc })) : null] })) : null;
-
-    const InsuranceAmountBlockInner = JSX(({ className = '', cards = [], button }) => {
-        const [selectedCardIndex, setSelectedCardIndex] = useState(0);
-        const handleSelectedCardIndex = useCallback((_) => setSelectedCardIndex(_), []);
-        const galleryLength = cards.length;
-        const CARD_VIEW_COUNT = 2;
-        const [activeIndex, controls] = useCarouselControls({
-            itemCount: galleryLength,
-            visibleItemCount: CARD_VIEW_COUNT,
-        });
-        const { canDec, canInc } = controls;
-        const activeHref = cards[activeIndex]?.href;
-        return (jsxs("section", { role: "listitem", className: `min-w-full text-center ${className}`, children: [jsxs("div", { className: "relative overflow-hidden", "aria-label": "\u0421\u0442\u0440\u0430\u0445\u043E\u0432\u044B\u0435 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u044B", children: [galleryLength
-                            ? renderGallery({
-                                activeIndex,
-                                cards,
-                                selectedCardIndex,
-                                onClick: handleSelectedCardIndex,
-                            })
-                            : null, renderArrows({
-                            ...controls,
-                            btnClass: ['left-12', 'right-12'],
-                            className: 'top-16',
-                        }), canDec ? (jsx("div", { className: "absolute top-0 left-0 h-full w-32 bg-opacity-from-white" })) : null, canInc ? (jsx("div", { className: "absolute top-0 right-0 h-full w-32 bg-opacity-to-white" })) : null] }), jsx(LinkButton, { className: "w-60 text-center", version: "primary", ...button, href: activeHref })] }));
-    });
-    function renderGallery({ activeIndex, cards, selectedCardIndex, onClick }) {
-        const tabsShiftWidth = activeIndex * 460;
-        const cardsAlignStyle = cards.length > 2 ? 'justify-start' : 'justify-center';
-        return (jsx("div", { style: { transform: `translateX(-${tabsShiftWidth}px)` }, className: "duration-1000 px-6xl", children: jsx("div", { className: `w-full flex flex-nowrap gap-s pb-6xl ${cardsAlignStyle}`, children: cards.map((slide, i) => renderNavButton$2({
-                    slide,
-                    i,
-                    isActive: Boolean(i === selectedCardIndex),
-                    onClick: () => onClick(i),
-                })) }) }));
-    }
-    function renderNavButton$2({ slide, i, isActive, onClick }) {
-        const btnClassName = isActive
-            ? 'shadow-dark-blue border-primary-main'
-            : `ease-in duration-300 border-gray`;
-        return (jsxs("button", { type: "button", onClick: onClick, className: `p-3xl min-w-fit flex items-center gap-2xl bg-white border-solid border relative ${btnClassName}`, children: [slide?.icon ? (jsx(Img, { className: "p-lg rounded-full bg-secondary-light", image: slide.icon, width: "108", height: "108" })) : null, jsxs("div", { className: "flex gap-s", children: [slide?.sum ? renderValueBlock('страховая сумма', slide.sum) : null, slide?.fee ? renderValueBlock('страховой взнос', slide.fee) : null] }), renderDoneIcon(isActive)] }, String(i)));
-    }
-    function renderValueBlock(title, sum) {
-        return (jsxs("div", { className: "flex flex-col text-left whitespace-pre", children: [jsxs(Text, { size: "text-h6", children: [toLocalNumberFormat(2)(sum), " \u20BD"] }), jsx("div", { className: "mt-2xs", children: jsx(Text, { size: "text-l", color: "text-secondary-text", children: title }) })] }));
-    }
-    function renderDoneIcon(isActive) {
-        return isActive ? (jsx(Img, { className: `h-6 w-6 min-w-6 min-h-6 absolute right-4 top-4`, image: { icon: 'DoneIcon' }, width: "24", height: "24" })) : null;
-    }
-
-    const InsuranceAmountBlock = JSX(({ className = '', title, insuranceTabs = [], button, ...rest }) => {
-        const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-        const handleActiveSlideIndex = useCallback((_) => setActiveSlideIndex(_), []);
-        return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden relative px-0 space-y-2xl', className), defaultPadding: "p-6xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title, headingType: "h3" }) : null, insuranceTabs?.length > 1 ? (jsx("div", { className: "p-xs bg-secondary-light w-fit mx-auto rounded-md", children: insuranceTabs.map((item, i) => renderNavButton$1({
-                        title: item?.title,
-                        i,
-                        isActive: Boolean(i === activeSlideIndex),
-                        onClick: () => handleActiveSlideIndex(i),
-                    })) })) : null, jsx("div", { className: "flex", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: renderInsuranceGalleries({
-                        insuranceTabs,
-                        button,
-                    }) })] }));
-    });
-    const renderInsuranceGalleries = ({ insuranceTabs, button }) => {
-        const insuranceGalleries = insuranceTabs?.map((_) => _.cards);
-        return insuranceGalleries?.length
-            ? insuranceGalleries.map((cards, i) => (jsx(InsuranceAmountBlockInner, { button: button, cards: cards }, String(i))))
-            : null;
-    };
-    function renderNavButton$1({ title, i, isActive, onClick }) {
-        const btnClassName = isActive ? 'bg-primary-main text-white rounded-md' : `text-secondary-text`;
-        return (jsx("button", { type: "button", onClick: onClick, "aria-label": `Кнопка ${title}`, className: `box-border px-m py-s text-m font-light ${btnClassName}`, children: title }, String(i)));
-    }
-
-    const investmentCellColorMap = {
-        yellow: 'bg-yellow',
-        green: 'bg-green',
-        'green-light': 'bg-green-light',
-        'green-dark': 'bg-green-dark',
-    };
-    const investmentCellSizeMap = {
-        XS: 'h-10',
-        S: 'h-16',
-        M: 'h-24',
-        L: 'h-32',
-        XL: 'h-52',
-    };
-    const InvestmentInfo = JSX((props) => {
-        const { className = '', __html, isDotted, investmentZeroColumn, investmentColumns, ...rest } = props;
-        const columns = investmentColumns ? [...investmentColumns] : [];
-        if (investmentZeroColumn) {
-            columns.unshift(investmentZeroColumn);
-        }
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-4xl", ...rest, children: jsxs("div", { className: "container text-m font-light space-y-4xl", children: [columns?.length ? (jsxs("div", { children: [jsxs("div", { className: "flex items-end relative pl-3xl pr-lg text-white", children: [joinList(jsx("div", { className: "w-px h-4 bg-gray" }))(columns.map(renderInvestmentColumn)), jsx("div", { className: "absolute right-3xl w-px h-4 bg-gray" })] }), jsx("div", { className: "border-t border-gray -mt-xs mx-3xl" }), jsx("div", { className: "flex justify-between text-primary-text mt-s -mx-5xl", children: columns.map(renderInvestmentColumnTitle) })] })) : null, __html ? (jsx("div", { className: "max-w-2xl font-light text-base", children: jsx(RichText, { __html: __html, isDotted: isDotted, itemSize: "list-s" }) })) : null] }) }));
-    });
-    const renderInvestmentColumn = (column, i, arr) => {
-        const isSecondColumn = i === 1;
-        const isLastColumn = i === arr.length - 1;
-        const reversedCells = column.cells?.reverse() || [];
-        return (jsx("div", { className: `${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`, children: reversedCells.length ? (jsx("div", { className: `w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''}`, children: reversedCells.map(renderInvestmentCell) })) : null }, `column_${i}`));
-    };
-    const getColumnClasses = (isSecondColumn, isLastColumn, cells = []) => [
-        cells.length ? 'flex-1' : 'flex-0',
-        cells.length && !isSecondColumn && !isLastColumn ? 'pl-s' : '',
-        cells.length && !isLastColumn ? 'pr-s pb-3xl' : 'pb-xl',
-    ].join(' ');
-    const renderInvestmentCell = (cell, i) => {
-        const cellSize = cell.cellSize || 'XS';
-        const cellColor = cell.cellColor || 'green';
-        return cell.text ? (jsx("div", { className: `flex-1 flex items-center justify-center relative py-xs ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`, children: jsx(Text, { align: "text-center", children: cell.text }) }, `cell_${i}`)) : null;
-    };
-    const renderInvestmentColumnTitle = (column, i) => column?.title ? (jsx("div", { className: "flex-1 max-w-44 text-center px-xs last:pr-4xl last:max-w-52", children: column.title }, `title_${i}`)) : null;
-
-    const KILO = 1024;
-    const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
-    const formatBytes = (bytes, decimals = 2) => {
-        if (bytes === 0) {
-            return '';
-        }
-        const i = Math.floor(Math.log(bytes) / Math.log(KILO));
-        return `${parseFloat((bytes / Math.pow(KILO, i)).toFixed(decimals))} ${KILO_SIZES[i]}`;
-    };
-
-    const LinkDocItem = JSX(({ icon, text, href, target, fileFormat, data, fileSize }) => {
-        const prefix = fileSize && fileFormat ? ',' : '';
-        const size = fileSize ?? '';
-        const format = fileFormat ? String(fileFormat) : '';
-        return (jsxs("a", { className: "flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main", href: href, target: target, ...getAspectsAttributes(data), children: [icon, text ? (jsxs(Text, { size: "text-l", font: "font-light", children: [text, " ", addSpace(size, format), jsx(Text, { color: "text-secondary-text", children: href && `${size + prefix + format}` })] })) : null] }));
-    });
-    const addSpace = (size, format) => (size || format ? jsx("span", { children: ",\u00A0" }) : '');
-
-    const linkIconStyle = 'min-w-6 min-h-6';
-
-    const renderDefaultItem = (router, icon) => (docBlockDef, i) => {
-        const href = adjustHref(router)(docBlockDef?.docType === 'Attachment' ? docBlockDef?.attachment?.src : docBlockDef?.href);
-        const fileSize = docBlockDef?.docType === 'Attachment'
-            ? formatBytes(docBlockDef?.attachment?.fileSize || 0)
-            : docBlockDef?.fileSize;
-        const fileFormat = docBlockDef?.docType === 'Attachment' ? getExtFromHref(href) : docBlockDef?.fileFormat;
-        return (jsxs("div", { role: "listitem", children: [jsx(LinkDocItem, { text: docBlockDef?.text, target: docBlockDef?.target, href: href, fileFormat: fileFormat, fileSize: fileSize, icon: renderImg(icon), data: docBlockDef?.data }), jsx(RichText, { __html: docBlockDef?.__html })] }, String(i)));
-    };
-    const renderImg = (icon) => icon ? jsx(Img, { className: linkIconStyle, image: icon, width: "24", height: "24" }) : null;
-    const getExtFromHref = (href) => {
-        if (!href) {
-            return '';
-        }
-        const index = href.lastIndexOf('.');
-        const regexp = new RegExp(/\/(.*)/);
-        const docFormat = index !== -1 ? href.substring(index + 1) : '';
-        return docFormat.includes('/') ? docFormat.replace(regexp, '') : docFormat;
-    };
-
-    const ReportDialog = JSX(({ href, __html, target, onClose }) => (jsxs(Dialog, { className: "my-6xl min-h-fit w-fit mx-auto", onClose: onClose, children: [__html ? jsx(RichText, { __html: __html }) : null, jsxs("div", { className: "flex flex-row mx-auto w-fit gap-lg py-lg", children: [jsx(Link, { href: href, target: target, version: "primary", ariaLabel: "\u0421\u0441\u044B\u043B\u043A\u0430 \u043D\u0430 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435", onClick: onClose, children: "\u042F \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D" }), jsx(Button, { type: "button", version: "secondary", onClick: onClose, children: "\u042F \u043D\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D" })] }), jsx("div", { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443 \u00AB\u042F \u0421\u041E\u0413\u041B\u0410\u0421\u0415\u041D\u00BB \u043D\u0438\u0436\u0435 \u0412\u044B \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F. \u0420\u0430\u0441\u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u0438\u043B\u0438 \u0440\u0430\u0441\u043A\u0440\u044B\u0442\u0438\u0435 \u043B\u044E\u0431\u043E\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0417\u0430\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u043B\u044E\u0431\u043E\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438, \u0438\u043B\u0438 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0430\u0446\u0438\u0438 \u0432 \u043D\u0435\u043C \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u043E.\u00BB" })] })));
-
-    const ReportDialogButton = JSX(({ text, href, target, __html, icon }) => {
-        const { open } = useDialog(ReportDialog);
-        const openReportDialog = useCallback(() => open({ __html, href, target }), [__html, href, target]);
-        return text ? (jsxs("button", { className: "flex gap-s text-primary-text no-underline hover:text-primary-main", onClick: openReportDialog, children: [renderImg(icon), jsx(Text, { font: "font-light", children: text })] })) : null;
-    });
-
-    const linkColumnsModeStyleMap = {
-        double: 'sm:flex-wrap sm:flex-row',
-        single: 'sm:flex-col',
-    };
-    const LinkDocs = UniBlock(({ className = '', title, description, align = 'text-center', documents, icon = { icon: 'DocIcon' }, columnsMode = 'double', ...rest }) => {
-        const router = useRouter();
-        return (jsxs(BlockWrapper, { className: style('space-y-lg', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, align: align, headlineVersion: "M", as: "h2", isEmbedded: true }), documents?.length ? (jsx("div", { className: style('grid gap-xl', columnsMode === 'double' ? '@md:grid-cols-2' : 'grid-cols-1', linkColumnsModeStyleMap[columnsMode]), role: "list", children: documents.map(renderLinkDocItem(router, icon)) })) : null] }));
-    });
-    const renderLinkDocItem = (router, icon) => (docBlockDef, i) => {
-        const docType = docBlockDef?.docType;
-        if (docType === '') {
-            return null;
-        }
-        if ('reportSource' in docBlockDef && docBlockDef?.reportSource?.__html) {
-            return renderModalItem(icon)(docBlockDef, i);
-        }
-        return renderDefaultItem(router, icon)(docBlockDef, i);
-    };
-    const renderModalItem = (icon) => (props, i) => {
-        const commonProps = {
-            text: props.text,
-            target: props.target,
-            __html: props.reportSource?.__html,
-        };
-        return props.reportSource?.__html && props.text ? (jsxs("div", { role: "listitem", children: [jsx(ReportDialogButton, { ...commonProps, icon: icon, href: isLinkDoc(props) ? props?.href : props?.attachment?.src }), jsx(RichText, { __html: props?.__html })] }, String(i))) : null;
-    };
-    const isLinkDoc = (data) => 'href' in data;
-
-    const MobileAppTile = UniBlock(({ className, padding, align = 'text-left', buttons = [], description, image, __html, headingType, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
-        const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
-        const img = image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null;
-        return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title: jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) }), rightImage: img, buttons: renderButtonsSection(buttons, { className: 'flex-wrap' }), children: [description ? (jsx(Text, { size: "text-xl", "font-weight": "font-light", children: description })) : null, jsxs("div", { className: style('gap-m', 'flex flex-1 flex-col', 'flex-col items-start @xl:flex-row @xl:items-center'), children: [__html ? jsx(RichText, { __html: __html, itemSize: "list-m" }) : null, jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }), qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md @xl:-order-1', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
-    });
-
-    const getVersion = (isPrimary, type) => isPrimary && type !== 'underlined' ? 'primary' : 'secondary';
-
-    const getBadgeCount = (blocks = [], filter = {}) => blocks.filter(({ content = {} }) => targetMatchPattern(filter, content)).length;
-
-    const scalarCmp = (a, b) => a === b;
-    const arrCmp = (cmp = scalarCmp) => (a, b) => a === b || Boolean(a && b && a.length === b.length && a.every((_, i) => cmp(_, b[i])));
-    const objCmp = (cmp) => (a, b) => a === b ||
-        Boolean(a &&
-            b &&
-            Object.keys(a).length === Object.keys(b).length &&
-            Object.entries(a).every(([key, value]) => cmp(value, b[key])));
-    function combineBoolCmps(...comparators) {
-        return (a, b) => comparators.some((cmp) => cmp(a, b));
-    }
-
-    const hotFilterRecordCmp = objCmp(combineBoolCmps(scalarCmp, arrCmp()));
-
-    const EMPTY_ARR = [];
-    const EMPTY_OBJ = {};
-    const useHotFilters = ({ hotFilters = EMPTY_ARR, filtrationState = EMPTY_OBJ, blocks = EMPTY_ARR, onFiltrationStateChange, }) => {
-        const activeItemIndex = useMemo(() => Math.max(0, hotFilters.findIndex((_) => hotFilterRecordCmp(_.filter, filtrationState))), [hotFilters, filtrationState]);
-        const items = useMemo(() => hotFilters.map((_) => ({
-            text: _.text,
-            count: getBadgeCount(blocks, _.filter),
-            version: getVersion(_ === hotFilters[activeItemIndex]),
-        })), [hotFilters, blocks, activeItemIndex]);
-        const handleChange = useCallback((_) => {
-            onFiltrationStateChange(hotFilters[items.indexOf(_)].filter);
-        }, [hotFilters, items]);
-        return {
-            activeItem: items[activeItemIndex],
-            items: items,
-            onChange: handleChange,
-        };
-    };
-
-    const badgeBgStyleMap = {
-        primary: 'bg-white/30',
-        secondary: 'bg-main-divider',
-    };
-    const badgeTextColorStyleMap = {
-        primary: { desktop: 'text-white', mobile: 'text-primary-text' },
-        secondary: { desktop: 'text-secondary-text', mobile: 'text-secondary-text' },
-    };
-    const Badge = JSX(({ count, version = 'secondary' }) => {
-        const isMobileMode = useMobileMode();
-        const badgeBgStyle = isMobileMode ? 'bg-main-divider' : badgeBgStyleMap[version];
-        const textStyle = badgeTextColorStyleMap[version][isMobileMode ? 'mobile' : 'desktop'];
-        return (jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyle), role: "status", "aria-label": `Количество ${count} доступных программ и сервисов`, children: jsx(Text, { size: "text-xs", color: textStyle, children: count }) }));
-    });
-
-    const getButtonClassNames = (isActive) => ({
-        btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
-        text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
-        desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
-        icon: isActive ? '' : 'text-primary-main',
-        iconVersion: (isActive ? 'white' : 'normal'),
-        oldText: 'text-m text-center',
-        oldDesc: 'text-m-light',
-    });
-    const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
-        const buttonClassNames = getButtonClassNames(isActive);
-        return (jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, "aria-labelledby": `${text}-label`, children: [icon ? (jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
-                        ...icon,
-                        iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
-                    }, width: "24", height: "24", alt: text })) : null, jsxs("div", { className: "border-0", children: [jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
-    };
-
-    const tabPaddingStyleMap = {
-        default: 'px-xs',
-        underlined: 'px-m',
-        animated: 'px-m border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
-    };
-    const tabTextStyle = 'text-secondary-text hover:text-primary-main';
-    const activeTabTextStyleMap = {
-        default: 'text-black sm:text-white',
-        underlined: 'text-primary-main border-b-2',
-        animated: 'text-white sm:text-white',
-    };
-    const tabBgStyleMap = {
-        default: 'bg-white',
-        underlined: 'bg-white',
-        animated: 'p-1 ease-in duration-300 bg-white text-primary-text h-[70px] w-96',
-    };
-    const activeTabBgStyleMap = {
-        default: 'bg-white sm:bg-primary-main',
-        underlined: 'bg-white',
-        animated: 'p-2 border-none bg-primary-main text-white h-20 w-96',
-    };
-    const TabItemInner = JSX(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
-        const Tag = tag;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { text, description, icon, count, tabName, ...link } = item;
-        return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), "aria-label": "\u0421\u043F\u0438\u0441\u043E\u043A \u0442\u0430\u0431\u043E\u0432", onClick: onClick, ...link, children: jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), role: "tab", "aria-label": `Таб ${text}`, children: [renderTabItemInner({
-                        text,
-                        description,
-                        icon,
-                        isActive,
-                        type,
-                    }), Number.isInteger(count) ? (jsx("div", { className: "ml-xs", role: "status", "aria-label": `Количество программ и сервисов ${count}`, children: jsx(Badge, { count: count, version: getVersion(isActive, type) }) })) : null] }) }));
-    });
-
-    const TabItem = JSX((props) => props?.item?.href ? jsx(LinkTabItem, { ...props }) : jsx(ButtonTabItem, { ...props }));
-    const LinkTabItem = JSX((props) => {
-        const link = useLink();
-        const handleClick = useCallback(() => {
-            props.onClick && props.onClick(props.item || {});
-        }, [props.onClick, props.item]);
-        const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
-        return jsx(TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
-    });
-    // TODO: Update handlerDecorator (support buttons?)
-    const ButtonTabItem = JSX(({ item = {}, onClick, ...rest }) => {
-        const handleClick = useCallback(() => {
-            onClick && onClick(item);
-        }, [onClick, item]);
-        return jsx(TabItemInner, { item: item, onClick: handleClick, ...rest });
+        return (jsx(BlockWrapper, { className: style(alignStyle, className), defaultPadding: "p-0", ...rest, children: jsx(Img, { image: image }) }));
     });
 
-    const renderTab = (activeTab, onClick, type) => (tab, i) => (jsx(TabItem, { isActive: tab === activeTab, onClick: onClick, type: type, item: tab }, String(i)));
+    const KILO = 1024;
+    const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
+    const formatBytes = (bytes, decimals = 2) => {
+        if (bytes === 0) {
+            return '';
+        }
+        const i = Math.floor(Math.log(bytes) / Math.log(KILO));
+        return `${parseFloat((bytes / Math.pow(KILO, i)).toFixed(decimals))} ${KILO_SIZES[i]}`;
+    };
+
+    const LinkDocItem = JSX(({ icon, text, href, target, fileFormat, data, fileSize }) => {
+        const prefix = fileSize && fileFormat ? ',' : '';
+        const size = fileSize ?? '';
+        const format = fileFormat ? String(fileFormat) : '';
+        return (jsxs("a", { className: "flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main", href: href, target: target, ...getAspectsAttributes(data), children: [icon, text ? (jsxs(Text, { size: "text-l", font: "font-light", children: [text, " ", addSpace(size, format), jsx(Text, { color: "text-secondary-text", children: href && `${size + prefix + format}` })] })) : null] }));
+    });
+    const addSpace = (size, format) => (size || format ? jsx("span", { children: ",\u00A0" }) : '');
 
-    const TabsControl = JSX(({ className, tabsType = 'default', items = [], activeItem, onChange }) => (jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tabpanel", "aria-label": "\u041F\u0430\u043D\u0435\u043B\u044C \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0442\u0430\u0431\u0430\u043C\u0438", children: items.map(renderTab(activeItem, onChange, tabsType)) })));
+    const linkIconStyle = 'min-w-6 min-h-6';
 
-    const initialFiltrationState = {
-        categories: [],
-        extraOptions: [],
-        propertyType: [],
-        stage: [],
+    const renderDefaultItem = (router, icon) => (docBlockDef, i) => {
+        const href = adjustHref(router)(docBlockDef?.docType === 'Attachment' ? docBlockDef?.attachment?.src : docBlockDef?.href);
+        const fileSize = docBlockDef?.docType === 'Attachment'
+            ? formatBytes(docBlockDef?.attachment?.fileSize || 0)
+            : docBlockDef?.fileSize;
+        const fileFormat = docBlockDef?.docType === 'Attachment' ? getExtFromHref(href) : docBlockDef?.fileFormat;
+        return (jsxs("div", { role: "listitem", children: [jsx(LinkDocItem, { text: docBlockDef?.text, target: docBlockDef?.target, href: href, fileFormat: fileFormat, fileSize: fileSize, icon: renderImg(icon), data: docBlockDef?.data }), jsx(RichText, { __html: docBlockDef?.__html })] }, String(i)));
     };
-    const MortgageFiltration = UniBlock(({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
-        const [filtrationState, { blocksToRender }, { field, reset, update: replaceFiltrationState }] = useFiltrationForm(initialFiltrationState, {
-            block: rest.block,
-            page: rest.options?.page,
-        });
-        const handleFiltrationStateChange = useCallback((_ = initialFiltrationState) => replaceFiltrationState(_), []);
-        const tabsControlProps = useHotFilters({
-            hotFilters,
-            filtrationState,
-            blocks: rest.block?.blocks,
-            onFiltrationStateChange: handleFiltrationStateChange,
-        });
-        return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [jsx(TabsControl, { ...tabsControlProps }), jsx(FiltrationForm$1, { filtrationSchema: filtrationSchema, resetButton: resetButton, field: field, reset: reset }), jsx(FilteredBlocks, { blocksToRender: blocksToRender, ...rest })] }));
-    }, {
-        childrenTypes: ['ProductBlock'],
-        childSchema: (content) => content?.filtrationSchema || {},
+    const renderImg = (icon) => icon ? jsx(Img, { className: linkIconStyle, image: icon, width: "24", height: "24" }) : null;
+    const getExtFromHref = (href) => {
+        if (!href) {
+            return '';
+        }
+        const index = href.lastIndexOf('.');
+        const regexp = new RegExp(/\/(.*)/);
+        const docFormat = index !== -1 ? href.substring(index + 1) : '';
+        return docFormat.includes('/') ? docFormat.replace(regexp, '') : docFormat;
+    };
+
+    const ReportDialog = JSX(({ href, __html, target, onClose }) => (jsxs(Dialog, { className: "my-6xl min-h-fit w-fit mx-auto", onClose: onClose, children: [__html ? jsx(RichText, { __html: __html }) : null, jsxs("div", { className: "flex flex-row mx-auto w-fit gap-lg py-lg", children: [jsx(Link, { href: href, target: target, version: "primary", ariaLabel: "\u0421\u0441\u044B\u043B\u043A\u0430 \u043D\u0430 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435", onClick: onClose, children: "\u042F \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D" }), jsx(Button, { type: "button", version: "secondary", onClick: onClose, children: "\u042F \u043D\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D" })] }), jsx("div", { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443 \u00AB\u042F \u0421\u041E\u0413\u041B\u0410\u0421\u0415\u041D\u00BB \u043D\u0438\u0436\u0435 \u0412\u044B \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F. \u0420\u0430\u0441\u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u0438\u043B\u0438 \u0440\u0430\u0441\u043A\u0440\u044B\u0442\u0438\u0435 \u043B\u044E\u0431\u043E\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0417\u0430\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u043B\u044E\u0431\u043E\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438, \u0438\u043B\u0438 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0430\u0446\u0438\u0438 \u0432 \u043D\u0435\u043C \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u043E.\u00BB" })] })));
+
+    const ReportDialogButton = JSX(({ text, href, target, __html, icon }) => {
+        const { open } = useDialog(ReportDialog);
+        const openReportDialog = useCallback(() => open({ __html, href, target }), [__html, href, target]);
+        return text ? (jsxs("button", { className: "flex gap-s text-primary-text no-underline hover:text-primary-main", onClick: openReportDialog, children: [renderImg(icon), jsx(Text, { font: "font-light", children: text })] })) : null;
+    });
+
+    const linkColumnsModeStyleMap = {
+        double: 'sm:flex-wrap sm:flex-row',
+        single: 'sm:flex-col',
+    };
+    const LinkDocs = UniBlock(({ className = '', title, description, align = 'text-center', documents, icon = { icon: 'DocIcon' }, columnsMode = 'double', ...rest }) => {
+        const router = useRouter();
+        return (jsxs(BlockWrapper, { className: style('space-y-lg', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, align: align, headlineVersion: "M", as: "h2", isEmbedded: true }), documents?.length ? (jsx("div", { className: style('grid gap-xl', columnsMode === 'double' ? '@md:grid-cols-2' : 'grid-cols-1', linkColumnsModeStyleMap[columnsMode]), role: "list", children: documents.map(renderLinkDocItem(router, icon)) })) : null] }));
+    });
+    const renderLinkDocItem = (router, icon) => (docBlockDef, i) => {
+        const docType = docBlockDef?.docType;
+        if (docType === '') {
+            return null;
+        }
+        if ('reportSource' in docBlockDef && docBlockDef?.reportSource?.__html) {
+            return renderModalItem(icon)(docBlockDef, i);
+        }
+        return renderDefaultItem(router, icon)(docBlockDef, i);
+    };
+    const renderModalItem = (icon) => (props, i) => {
+        const commonProps = {
+            text: props.text,
+            target: props.target,
+            __html: props.reportSource?.__html,
+        };
+        return props.reportSource?.__html && props.text ? (jsxs("div", { role: "listitem", children: [jsx(ReportDialogButton, { ...commonProps, icon: icon, href: isLinkDoc(props) ? props?.href : props?.attachment?.src }), jsx(RichText, { __html: props?.__html })] }, String(i))) : null;
+    };
+    const isLinkDoc = (data) => 'href' in data;
+
+    const MobileAppTile = UniBlock(({ className, padding, align = 'text-left', buttons = [], description, image, __html, headingType, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
+        const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
+        const img = image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null;
+        return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title: jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) }), rightImage: img, buttons: renderButtonsSection(buttons, { className: 'flex-wrap' }), children: [description ? (jsx(Text, { size: "text-xl", "font-weight": "font-light", children: description })) : null, jsxs("div", { className: style('gap-m', 'flex flex-1 flex-col', 'flex-col items-start @xl:flex-row @xl:items-center'), children: [__html ? jsx(RichText, { __html: __html, itemSize: "list-m" }) : null, jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }), qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md @xl:-order-1', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
     });
 
     const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
@@ -10807,6 +10353,8 @@
         return (jsx("div", { children: filters?.length ? (jsx("div", { children: jsxs(Foldable, { children: [jsxs("div", { children: [jsx("div", { className: COMMON_FILTERS_STYLES, children: visibleFilters }), jsx(FoldableSection, { className: COMMON_FILTERS_STYLES, isUnfolded: isUnfolded, children: hiddenFilters })] }), jsxs("div", { className: "flex space-x-lg", children: [onlyOffice ? (jsx(DefaultFoldButton, { label: isUnfolded ? 'Меньше фильтров' : 'Больше фильтров', isUnfolded: isUnfolded, embedded: true, short: true, onClick: toggle })) : null, jsxs(Button, { embedded: true, onClick: reset, children: [jsx(ButtonTitle, { children: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440" }), jsx(Icon, { name: "CloseIcon", size: "small" })] })] })] }) })) : null }));
     });
 
+    const getVersion = (isPrimary, type) => isPrimary && type !== 'underlined' ? 'primary' : 'secondary';
+
     const renderButtonsGroup = (data, activeButton, onButtonClick) => {
         const allButtonVersion = getVersion(activeButton === 'all');
         const businessButtonVersion = getVersion(activeButton === 'business');
@@ -10821,7 +10369,7 @@
         return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
     };
 
-    const renderDescriptionBlock$1 = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
+    const renderDescriptionBlock = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
 
     const renderHeading = (title, lengthItems) => (jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h3", children: [jsx("span", { suppressHydrationWarning: true, children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: jsx("span", { suppressHydrationWarning: true, children: ` (${lengthItems})` }) })) : null] }) }));
 
@@ -10838,7 +10386,7 @@
             getBalloonRemoteWorkplaces,
         });
         const [activeButton, setActiveButton] = useState('all');
-        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: jsx(FiltrationForm, { filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]), field: { field, reset }, onlyOffice: onlyOffice, labels: FILTRATION_LABELS }) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
+        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: jsx(FiltrationForm, { filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]), field: { field, reset }, onlyOffice: onlyOffice, labels: FILTRATION_LABELS }) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
     });
     const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES$1[_](item)).length);
 
@@ -10869,15 +10417,15 @@
         return { header, body };
     };
 
-    const EMPTY_VALUE$2 = [];
+    const EMPTY_VALUE$1 = [];
     function useAtms(regionCode) {
         const { data, error } = useAsyncData(`${API_BASE_URI$1}/atms?regionCode=${regionCode}`, fetchMap$1);
         const isLoad = !data && !error;
-        return { data: data || EMPTY_VALUE$2, isLoad };
+        return { data: data || EMPTY_VALUE$1, isLoad };
     }
     const fetchMap$1 = async (url) => {
         const result = await fetchJSON(url, { method: 'GET' });
-        return Array.isArray(result) ? result : EMPTY_VALUE$2;
+        return Array.isArray(result) ? result : EMPTY_VALUE$1;
     };
 
     const INITIAL_FILTRATION_STATE = {
@@ -10930,17 +10478,17 @@
         return { header, body };
     };
 
-    const EMPTY_VALUE$1 = { branches: [], remoteWorkplaces: [] };
+    const EMPTY_VALUE = { branches: [], remoteWorkplaces: [] };
     function useOffices(regionCode = '000') {
         const { data, error } = useAsyncData(`${API_BASE_URI$1}/branchesAndRemoteWorkplaces?regionCode=${encodeURIComponent(regionCode)}`, fetchMap);
         const isLoad = !data && !error;
-        return { data: data || EMPTY_VALUE$1, isLoad };
+        return { data: data || EMPTY_VALUE, isLoad };
     }
     const fetchMap = async (url) => {
         const result = await fetchJSON(url, {
             method: 'GET',
         });
-        return result || EMPTY_VALUE$1;
+        return result || EMPTY_VALUE;
     };
 
     const OfficesMap = JSX(({ className }) => {
@@ -10955,43 +10503,6 @@
         return (jsx(BlockWrapper, { version: "transparent", className: style(className), defaultPadding: "p-0", ...rest, children: dataType === 'offices' ? jsx(OfficesMap, {}) : jsx(AtmsMap, { descriptionData: data }) }));
     });
 
-    const Placeholder = JSX(({ className, title, description = 'Блок в разработке...', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border', className), ...rest, children: [jsx(Headline, { className: "max-w-[600px]", title: title, description: description, headlineVersion: "L", align: "text-left", isEmbedded: true }), jsx(Shimmer, {})] })));
-
-    const scrollButtonStyle$1 = 'hidden sm:flex absolute z-40 top-10';
-    const ProductGallery = UniBlock(({ className = '', padding, slides = [], ...rest }) => {
-        const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-        const [containerRef, scroll] = useSwipeListScroll({
-            itemCount: slides?.length || 0,
-        });
-        return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden', className), defaultPadding: "pt-6xl", padding: padding, ...rest, children: [jsx("div", { className: "flex duration-1000", style: { transform: `translateX(-${activeSlideIndex * 100}%)` }, role: "list", children: slides.map(({ productBlock }, i) => (jsx("div", { className: "box-border grow-0 shrink-0 basis-full", role: "listitem", children: jsx(BaseProductTile, { className: "pl-6xl h-full", headlineVersion: "M", isFullWidthTitle: false, ...productBlock, ...rest }) }, String(i)))) }), jsxs("div", { className: "relative pr-xs mt-m -mb-m flex gap-xs box-border", children: [jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: 'h-40 flex items-stretch w-screen', gap: 8, children: slides.map(renderNavButton({ activeSlideIndex, onClick: setActiveSlideIndex })) }), scroll.canScrollLeft ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('left-6', scrollButtonStyle$1), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('right-6', scrollButtonStyle$1), onClick: scroll.scrollRight })) : null] })] }));
-    });
-    const renderNavButton = ({ activeSlideIndex, onClick }) => ({ nav }, i) => {
-        const isActive = i === activeSlideIndex;
-        const btnClassName = isActive
-            ? 'min-w-[370px] mt-s h-28 bg-white shadow-dark-blue border-none p-6'
-            : 'min-w-72  mt-lg h-24 ease-in duration-300 bg-white/10 px-xl py-lg hover:backdrop-blur';
-        const btnTitleClassName = isActive
-            ? 'text-primary-text text-h6 py-xs'
-            : 'text-l pb-2xs text-secondary-text group-data-secondary:text-white';
-        const btnDescClassName = isActive
-            ? 'text-secondary-text text-l font-light'
-            : 'text-secondary-text text-m font-light group-data-secondary:text-white/80';
-        return (jsxs("button", { type: "button", onClick: () => onClick(i), "aria-label": nav?.title, className: style('relative overflow-hidden grow', 'ml-xs px-xl', 'box-border basis-0 border', 'border-gray group-data-secondary:border-white/50', 'text-left whitespace-nowrap', btnClassName), children: [jsx("div", { className: btnTitleClassName, children: nav?.title }), jsx("div", { className: btnDescClassName, children: nav?.description })] }, String(i)));
-    };
-
-    const RepresentativeOfficeInfo = JSX(({ address, email, telephone, button, className = '', __html, richVersion, icon, title, version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border text-left space-y-s', className), version: version, ...rest, children: [jsxs("div", { className: "w-full flex justify-between flex-row-reverse", children: [isIcon(icon) ? (jsx("div", { className: 'w-10 h-7 sm:w-24 sm:h-16', children: jsx(Img, { image: icon }) })) : null, title ? jsx(Heading, { headingType: "h3", as: "h3", title: title }) : null] }), jsxs("div", { className: "w-full space-y-m", children: [__html ? renderDescriptionBlock({ __html, richVersion }) : null, renderBlock({
-                        label: 'Адрес',
-                        data: address,
-                        iconName: 'GeolocationIcon',
-                    }), renderBlock({ label: 'Телефон(факс)', data: telephone, iconName: 'PhoneIcon' }), renderBlock({
-                        label: 'E-mail',
-                        data: email,
-                        iconName: 'MailIcon',
-                        dataColor: 'text-primary-main',
-                    }), button?.text ? renderButtonsSection([button]) : null] })] })));
-    const renderDescriptionBlock = (props) => (jsx("div", { className: "border-b border-main-divider pb-lg", children: jsx(RichText, { ...props, itemSize: "list-s" }) }));
-    const renderBlock = ({ label, data, iconName, dataColor = '' }) => data ? (jsxs("div", { className: "flex gap-s", children: [jsx(Icon, { iconVersion: "black", name: iconName, width: "24", height: "24" }), jsxs("div", { className: "flex flex-col gap-2xs", children: [jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: label }), jsx(Text, { size: "text-xl", color: dataColor, children: data })] })] })) : null;
-
     const RichTextBlock = JSX((props) => {
         const { __html, richVersion = '', ...rest } = props;
         return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(RichText, { __html: __html, richVersion: richVersion }) }));
@@ -11013,133 +10524,6 @@
         return (jsx(BlockWrapper, { className: style('w-full border-0 border-b border-solid border-main-divider last:border-b-0', className), defaultPadding: "p-0", tag: "div", version: "transparent", role: role, ...rest, children: jsxs(Foldable, { children: [isFoldButtonOnTop ? foldButton : foldableSection, isFoldButtonOnTop ? foldableSection : foldButton] }) }));
     }, { childrenTypes: { exclude: ['RollupItem'] } });
 
-    const Radio = JSX(({ name, text, value, checked, onChange, className }) => (jsx("div", { className: className, children: jsxs("label", { className: "font-sans flex gap-s items-center relative cursor-pointer", children: [jsx("input", { className: style(inputValidStyle.split(' ').filter((_) => _ !== 'rounded'), defaultCheckStyle, 'flex justify-center items-center after:block after:w-2.5 after:h-2.5 after:rounded-full rounded-full', 'checked:border-2 checked:!border-primary-main focus:checked:border-primary-main checked:after:bg-primary-main'), type: "radio", value: value, name: name, checked: checked, onChange: (_) => onChange?.(_.target.value), role: "radio" }), text ? jsx(Text, { color: "text-primary-text", children: text }) : null] }) })));
-
-    const RadioButtons = JSX(({ className = '' }) => {
-        const [selectedOption, setSelectedOption] = useState('option2');
-        const onChange = useCallback((_) => setSelectedOption(_), []);
-        return (jsxs("div", { className: style('order-4', className), role: "radiogroup", children: [jsx(Radio, { className: "mb-xs", name: "contractType", text: "\u041F\u0440\u043E\u0441\u0442\u043E\u0435 \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435", value: "option1", checked: selectedOption === 'option1', onChange: onChange }), jsx(Radio, { name: "contractType", text: "\u0421\u0434\u0435\u043B\u043A\u0430 \u0441 \u043D\u0435\u0434\u0432\u0438\u0436\u0438\u043C\u043E\u0441\u0442\u044C\u044E", value: "option2", checked: selectedOption === 'option2', onChange: onChange })] }));
-    });
-
-    const WrapperSelect = JSX(({ data, fieldLabel, fieldValue, selected, placeholder = '', setSelected, label }) => {
-        const dataFormat = data
-            .filter(Boolean)
-            .map((_) => ({ key: _?.[fieldValue || fieldLabel], text: _?.[fieldLabel] }));
-        const selectedObj = dataFormat.find((_) => _.key === selected);
-        return (jsx(Select, { options: dataFormat, label: label, placeholder: placeholder || selected, onChange: (_) => setSelected(_.key), value: selectedObj }));
-    });
-
-    const RegionsAndBranches = JSX(({ regions = [], selectedRegion, onSelectedRegion: onSelectedRegion, branches = [], selectedBranch, onSelectedBranch, }) => (jsxs("div", { className: "flex flex-col @xl:flex-row gap-m order-1", children: [jsx("div", { className: "flex-1 min-w-0", children: jsx(WrapperSelect, { data: regions, fieldValue: "code", fieldLabel: "name", selected: selectedRegion, setSelected: onSelectedRegion, label: "\u0420\u0435\u0433\u0438\u043E\u043D" }) }), jsx("div", { className: "flex-1 min-w-0", children: jsx(WrapperSelect, { data: branches, fieldValue: "branchCode", fieldLabel: "address", selected: selectedBranch, setSelected: onSelectedBranch, label: "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435" }) })] })));
-
-    const ITEMS = ['От 1 дня', 'До 365 дней'];
-    const MIN = 1;
-    const MAX = 365;
-    const RentalPeriod = JSX(({ days, setDays }) => (jsxs("div", { className: "order-1", children: [jsx(Text, { size: "text-m", font: "font-light", children: "\u0421\u0440\u043E\u043A \u0430\u0440\u0435\u043D\u0434\u044B" }), jsx(InputRange, { min: MIN, max: MAX, value: days, items: ITEMS, onChange: setDays })] })));
-
-    const SafeBoxCases = JSX(({ caseVolumes = [], selectedCaseVolume, onSelectedCaseVolume, safeBoxCases = [], selectedBoxSize, onSelectedBoxSize, }) => (jsxs("div", { className: "flex flex-col @xl:flex-row gap-m order-1", children: [jsx("div", { className: "flex-1 min-w-0", children: jsx(WrapperSelect, { data: caseVolumes, fieldLabel: "volume", selected: selectedCaseVolume, setSelected: onSelectedCaseVolume, label: "\u0420\u0430\u0437\u043C\u0435\u0440", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0430\u0437\u043C\u0435\u0440" }) }), jsx("div", { className: "flex-1 min-w-0", children: jsx(WrapperSelect, { data: safeBoxCases, fieldLabel: "safeBoxCasesSize", selected: selectedBoxSize, setSelected: onSelectedBoxSize, label: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u044F\u0447\u0435\u0439\u043A\u0438, \u043C\u043C (\u0412\u0445\u0428\u0445\u0414)", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440 \u044F\u0447\u0435\u0439\u043A\u0438" }) })] })));
-
-    const SafeDepositRentalFields = JSX(({ regions, selectedRegion, branches, selectedBranch, days, selectedCaseVolume, selectedBoxSize, safeBoxCases, caseVolumes, onChange, onClick, }) => (jsxs("div", { className: "contents @xl:block flex-1 space-y-xl", children: [jsx(RegionsAndBranches, { regions: regions, selectedRegion: selectedRegion, onSelectedRegion: (value) => onChange({ selectedRegion: value }), branches: branches, selectedBranch: selectedBranch, onSelectedBranch: onSelectedBranch(onChange) }), jsx(RentalPeriod, { days: days, setDays: (value) => onChange({ days: value }) }), jsx(SafeBoxCases, { caseVolumes: caseVolumes, selectedCaseVolume: selectedCaseVolume, onSelectedCaseVolume: onSelectedCaseVolume(onChange), safeBoxCases: safeBoxCases, selectedBoxSize: selectedBoxSize, onSelectedBoxSize: (value) => onChange({ selectedBoxSize: value }) }), jsx("div", { className: "order-4", children: jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: "\u0422\u0438\u043F \u0434\u043E\u0433\u043E\u0432\u043E\u0440\u0430" }) }), jsxs("div", { className: "contents @md:flex justify-between items-center gap-m", children: [jsx(RadioButtons, {}), jsx(Button, { className: "order-6", version: "primary", onClick: onClick, children: "\u041E\u0444\u0438\u0441\u044B \u043D\u0430 \u043A\u0430\u0440\u0442\u0435" })] })] })));
-    const onSelectedBranch = (onChange) => (value) => {
-        onChange({ selectedBranch: value, selectedCaseVolume: '', selectedBoxSize: '' });
-    };
-    const onSelectedCaseVolume = (onChange) => (value) => {
-        onChange({ selectedCaseVolume: value, selectedBoxSize: '' });
-    };
-
-    const SafeDepositRentalTotal = JSX(({ days, tariffs = [] }) => {
-        const price = calculatePrice(days, tariffs);
-        const imageDescription = 'На рисунке изображена пачка листов\nформата А4';
-        return (jsxs("div", { className: "contents @xl:flex flex-col justify-between gap-xl order-2", children: [jsxs("div", { className: "flex flex-col @xl:flex-row gap-x-6xl gap-y-2xl order-5 @xl:order-none py-2xl @xl:py-0 border-t border-main-divider @xl:border-none", children: [renderTotal('Аренда за', days), renderTotal('Цена', price + ' ₽')] }), jsx("div", { className: "@xl:hidden order-3 mb-xs", children: jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: imageDescription }) }), jsxs("div", { className: "flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center", children: [jsx(Icon, { className: "@xl:h-60", name: "PackA4Icon" }), jsx("div", { className: "hidden @xl:inline opacity-80 whitespace-pre-line", children: jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-white", children: imageDescription }) })] })] }));
-    });
-    const renderTotal = (label, total) => (jsxs("div", { className: "flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start", children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: label }), jsx("span", { className: "text-l @xl:text-h3 text-primary-text", children: total })] }));
-    const calculatePrice = (days, tariffs) => {
-        const tariffType = getTariffType(days);
-        const tariffValue = tariffs?.find((_) => _.tariffType === String(tariffType))?.tariffValue || 0;
-        return days * tariffValue;
-    };
-    const getTariffType = (days) => {
-        let tariffType = 1;
-        switch (true) {
-            case days > 30 && days <= 90:
-                tariffType = 2;
-                break;
-            case days > 90 && days <= 180:
-                tariffType = 3;
-                break;
-            case days > 180 && days <= 365:
-                tariffType = 4;
-                break;
-        }
-        return tariffType;
-    };
-
-    const getCoordinates = (data) => {
-        const getBalloon = () => void 0;
-        if (Array.isArray(data)) {
-            return data
-                .map((_) => ({
-                coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)].filter(Boolean),
-                content: getBalloon(),
-            }))
-                .filter((_) => _.coords && _.coords.length === 2);
-        }
-        if (data?.gpsLatitude && data?.gpsLongitude) {
-            return [{ coords: [data.gpsLatitude, data.gpsLongitude] }];
-        }
-        return [];
-    };
-    const getBranch = (branches, selectedBranch) => branches.find((_) => _.branchCode === selectedBranch);
-
-    const SafeDepositRentalForm = JSX((props) => {
-        const { regions, data, branches, onChange, onClick } = props;
-        useEffect(() => {
-            onChange({
-                selectedBranch: '',
-                selectedCaseVolume: '',
-                selectedBoxSize: '',
-            });
-        }, [data.selectedRegion, onChange]);
-        const branch = getBranch(branches, data.selectedBranch);
-        const caseVolumes = getCaseVolumes(branch?.safeBoxCaseVolumes);
-        const safeBoxCases = getCaseVolume(branch?.safeBoxCaseVolumes, data.selectedCaseVolume)?.safeBoxCases;
-        const tariffs = getTariffs(safeBoxCases, data.selectedBoxSize);
-        return (jsxs("div", { className: "flex flex-col @4xl:flex-row gap-4xl align-top", children: [jsx(SafeDepositRentalFields, { ...data, regions: regions, onClick: onClick, branches: branches, caseVolumes: caseVolumes, safeBoxCases: safeBoxCases, onChange: onChange }), jsx(SafeDepositRentalTotal, { days: data.days, tariffs: tariffs })] }));
-    });
-    const getCaseVolumes = (safeBoxCaseVolumes) => safeBoxCaseVolumes?.length ? safeBoxCaseVolumes?.filter((_) => _?.safeBoxCases?.length) : [];
-    const getCaseVolume = (caseVolumes, selectedCaseVolume) => caseVolumes?.find((_) => _.volume === selectedCaseVolume);
-    const getTariffs = (safeBoxCases, selectedBoxSize) => safeBoxCases?.find((_) => _.safeBoxCasesSize === selectedBoxSize)?.tariffs;
-
-    const SAFEBOXES_URL = `${API_BASE_URI$1}/safeboxes`;
-    const EMPTY_VALUE = [];
-    function useSafeBoxes(regionCode) {
-        const { data } = useAsyncData(regionCode ? `${SAFEBOXES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes);
-        return data || EMPTY_VALUE;
-    }
-    const fetchSafeBoxes = async (url) => {
-        const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE;
-    };
-
-    const DEFAULT_DAYS = 26;
-    const SafeDepositRental = JSX(({ title, footnote, className = '', ...rest }) => {
-        const [showMap, setShowMap] = useState(false);
-        const handleShowMap = useCallback(() => setShowMap((_) => !_), []);
-        const [safeDepositState, setStateDepositState] = useState({
-            selectedRegion: '',
-            selectedBranch: '',
-            selectedCaseVolume: '',
-            selectedBoxSize: '',
-            days: DEFAULT_DAYS,
-        });
-        const regions = useRegions();
-        const selectedRegion = normalizeSelectedRegion(safeDepositState.selectedRegion, regions);
-        const branches = useSafeBoxes(selectedRegion);
-        const handleChangeSafeDepositState = useCallback((state) => setStateDepositState((oldState) => ({ ...oldState, ...state })), [setStateDepositState]);
-        const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
-        return (jsxs(BlockWrapper, { className: className, defaultPadding: "", ...rest, children: [jsxs("div", { className: "p-4xl space-y-xl", children: [title ? (jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "text-primary-text mb-s text-center" })) : null, jsx(SafeDepositRentalForm, { regions: regions, branches: branches, data: { ...safeDepositState, selectedRegion }, onClick: handleShowMap, onChange: handleChangeSafeDepositState }), footnote ? (jsx(Paragraph, { size: "text-s", font: "font-light", children: footnote })) : null] }), points.length && showMap ? jsx(YandexMap, { points: points, className: "h-[640px]" }) : null] }));
-    });
-    const normalizeSelectedRegion = (selectedRegion, regions) => !selectedRegion && regions?.length && regions[0]?.code ? regions[0].code : selectedRegion;
-
     const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
 
     const STEP_BREAKPOINT = 4;
@@ -11180,6 +10564,92 @@
         return href ? new URL(href).searchParams.get(params) : null;
     };
 
+    const badgeBgStyleMap = {
+        primary: 'bg-white/30',
+        secondary: 'bg-main-divider',
+    };
+    const badgeTextColorStyleMap = {
+        primary: { desktop: 'text-white', mobile: 'text-primary-text' },
+        secondary: { desktop: 'text-secondary-text', mobile: 'text-secondary-text' },
+    };
+    const Badge = JSX(({ count, version = 'secondary' }) => {
+        const isMobileMode = useMobileMode();
+        const badgeBgStyle = isMobileMode ? 'bg-main-divider' : badgeBgStyleMap[version];
+        const textStyle = badgeTextColorStyleMap[version][isMobileMode ? 'mobile' : 'desktop'];
+        return (jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyle), role: "status", "aria-label": `Количество ${count} доступных программ и сервисов`, children: jsx(Text, { size: "text-xs", color: textStyle, children: count }) }));
+    });
+
+    const getButtonClassNames = (isActive) => ({
+        btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
+        text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
+        desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
+        icon: isActive ? '' : 'text-primary-main',
+        iconVersion: (isActive ? 'white' : 'normal'),
+        oldText: 'text-m text-center',
+        oldDesc: 'text-m-light',
+    });
+    const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
+        const buttonClassNames = getButtonClassNames(isActive);
+        return (jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, "aria-labelledby": `${text}-label`, children: [icon ? (jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
+                        ...icon,
+                        iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
+                    }, width: "24", height: "24", alt: text })) : null, jsxs("div", { className: "border-0", children: [jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
+    };
+
+    const tabPaddingStyleMap = {
+        default: 'px-xs',
+        underlined: 'px-m',
+        animated: 'px-m border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
+    };
+    const tabTextStyle = 'text-secondary-text hover:text-primary-main';
+    const activeTabTextStyleMap = {
+        default: 'text-black sm:text-white',
+        underlined: 'text-primary-main border-b-2',
+        animated: 'text-white sm:text-white',
+    };
+    const tabBgStyleMap = {
+        default: 'bg-white',
+        underlined: 'bg-white',
+        animated: 'p-1 ease-in duration-300 bg-white text-primary-text h-[70px] w-96',
+    };
+    const activeTabBgStyleMap = {
+        default: 'bg-white sm:bg-primary-main',
+        underlined: 'bg-white',
+        animated: 'p-2 border-none bg-primary-main text-white h-20 w-96',
+    };
+    const TabItemInner = JSX(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
+        const Tag = tag;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { text, description, icon, count, tabName, ...link } = item;
+        return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), "aria-label": "\u0421\u043F\u0438\u0441\u043E\u043A \u0442\u0430\u0431\u043E\u0432", onClick: onClick, ...link, children: jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), role: "tab", "aria-label": `Таб ${text}`, children: [renderTabItemInner({
+                        text,
+                        description,
+                        icon,
+                        isActive,
+                        type,
+                    }), Number.isInteger(count) ? (jsx("div", { className: "ml-xs", role: "status", "aria-label": `Количество программ и сервисов ${count}`, children: jsx(Badge, { count: count, version: getVersion(isActive, type) }) })) : null] }) }));
+    });
+
+    const TabItem = JSX((props) => props?.item?.href ? jsx(LinkTabItem, { ...props }) : jsx(ButtonTabItem, { ...props }));
+    const LinkTabItem = JSX((props) => {
+        const link = useLink();
+        const handleClick = useCallback(() => {
+            props.onClick && props.onClick(props.item || {});
+        }, [props.onClick, props.item]);
+        const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
+        return jsx(TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
+    });
+    // TODO: Update handlerDecorator (support buttons?)
+    const ButtonTabItem = JSX(({ item = {}, onClick, ...rest }) => {
+        const handleClick = useCallback((e) => {
+            e.target.scrollIntoView({ block: 'nearest' });
+            onClick?.(item);
+        }, [onClick, item]);
+        return jsx(TabItemInner, { item: item, onClick: handleClick, ...rest });
+    });
+
+    const renderTab = (activeTab, onClick, type) => (tab, i) => (jsx(TabItem, { isActive: tab === activeTab, onClick: onClick, type: type, item: tab }, String(i)));
+
     const scrollButtonStyle = 'hidden sm:flex absolute z-40';
     const scrollStyle = {
         default: {
@@ -11299,74 +10769,61 @@
         ? Number(paramsId)
         : tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
 
-    const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
-    const firstCellStyle = 'w-80 flex-shrink-0';
-    const COLS_LENGTH_FOR_SCROLL = 2;
-    const COLUMN_WIDTH$1 = 4 * 80 + 40; // w-80 + pl-10 = 360px
+    const FIRST_CELL_STYLES = 'w-80 flex-shrink-0 sticky left-0 bg-white';
+    const renderHeader = ({ title, icon }) => (jsxs("div", { className: style('flex gap-m items-center', FIRST_CELL_STYLES), role: "cell", children: [icon ? (jsx(Img, { className: "hidden lg:block max-w-6 shrink-0", image: icon, width: "24", height: "24" })) : null, title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null] }));
 
     const carouselContainerClassesMap = {
         comparison: 'flex gap-m duration-1000',
         tariff: 'flex gap-5xl flex-grow duration-1000',
     };
-    const TableCarouselContainer = JSX(({ children, activeIndex, columnWidth, version = 'comparison' }) => (jsx("div", { className: "flex flex-1 overflow-hidden", children: jsx("div", { className: carouselContainerClassesMap[version], style: { transform: `translateX(-${activeIndex * columnWidth}px)` }, children: children }) })));
+    const TableCarouselContainer = JSX(({ children, version = 'comparison' }) => (jsx("div", { className: "flex flex-1", children: jsx("div", { className: carouselContainerClassesMap[version], children: children }) })));
 
     const TableInnerButton = JSX(({ className = '', isOpen, onClick }) => (jsx(DefaultFoldButton, { className: className, label: isOpen ? 'Скрыть' : 'Показать', isUnfolded: isOpen, version: "secondary", short: true, onClick: onClick })));
 
-    const renderButtonsCellData = ({ buttons }) => renderButtonsSection(buttons, {
-        buttonClassName: 'basis-0',
-    });
-    const renderLabelDescriptionCellData = ({ label, description }) => (jsxs("div", { className: "space-y-2xs", children: [label ? (jsx("div", { children: jsx(Text, { size: "text-h6", children: label }) })) : null, description ? (jsx("div", { className: "lg:text-l font-light text-xs", children: jsx(Text, { color: "text-secondary-text", children: description }) })) : null] }));
-    const renderImgCellData = ({ image }) => (image?.src ? jsx(Img, { image: image }) : null);
-    const renderRichTextCellData = ({ __html, isDotted = true }) => (jsx("div", { className: "flex flex-col justify-between items-start text-h6", children: jsx(RichText, { __html: __html, isDotted: isDotted, itemSize: "list-m" }) }));
-    const renderInnerTableCellData = ({ isVisible, displayTable, tableSource, pdfUrl, isOpen, }) => isVisible ? (jsx(TableInnerButton, { className: "w-fit", isOpen: isOpen, onClick: () => {
-            displayTable({ tableSource, pdfUrl });
-        } })) : null;
-    const EmbeddableCellData = {
-        Buttons: renderButtonsCellData,
-        Img: renderImgCellData,
-        RichText: renderRichTextCellData,
-        LabelDescription: renderLabelDescriptionCellData,
-        Table: renderInnerTableCellData,
-    };
-
-    const RenderCellInner = JSX(({ cell, fieldIdx, rowIdx, cellIdx, setTableInner, tableInner, openTableInnerIdx, setOpenTableInnerIdx, }) => {
-        const [isVisible, setVisibility] = useState(true);
-        useEffect(() => {
-            if (cellIdx !== openTableInnerIdx || !tableInner) {
-                setVisibility(true);
-            }
-        }, [tableInner, openTableInnerIdx]);
-        const displayTable = (props) => {
-            setVisibility(false);
-            setOpenTableInnerIdx(cellIdx);
-            setTableInner(props);
-        };
-        return renderCell({
-            cell,
-            cellProps: {
-                rowIdx,
-                cellIdx,
-                fieldIdx,
-                displayTable,
-                isVisible,
+    const renderCell = ({ label, description, __html, isDotted, buttons, image }, i) => (jsxs("div", { className: "grid gap-xs", children: [renderLabel(label), renderDescription$1(description), renderRich({ __html, isDotted }), renderButtonsSection(buttons, {
+                buttonClassName: 'basis-0',
+            }), image?.src ? jsx(Img, { image: image }) : null] }, String(i)));
+    const renderLabel = (label) => label ? (jsx("div", { children: jsx(Text, { size: "text-h6", children: label }) })) : null;
+    const renderDescription$1 = (description) => description ? (jsx("div", { className: "text-l font-light", children: jsx(Text, { color: "text-secondary-text", children: description }) })) : null;
+    const renderRich = ({ __html, isDotted }) => __html ? (jsx("div", { className: "flex flex-col justify-between items-start text-h6", children: jsx(RichText, { __html: __html, isDotted: isDotted, itemSize: "list-m" }) })) : null;
+
+    const TariffsTableCell = JSX(({ cells, tableInner, onSetTable }) => {
+        return (jsx("div", { className: "w-80 flex-grow flex flex-col gap-lg", role: "cell", children: cells?.length
+                ? cells.map((_, i) => {
+                    if (_?.tableSource?.tableData) {
+                        return (jsx(TableInnerButton, { className: "w-fit", isOpen: Boolean(tableInner), onClick: () => {
+                                onSetTable(tableInner ? undefined : { tableSource: _.tableSource });
+                            } }, String(i)));
+                    }
+                    return renderCell(_, i);
+                })
+                : null }));
+    });
+
+    const useCarouselControls = (props, initialIndex = 0) => {
+        const { itemCount, visibleItemCount } = props;
+        const [activeIndex, setActiveIndex] = useState(initialIndex);
+        const inc = useCallback(() => setActiveIndex((_) => Math.min(_ + 1, itemCount - 1)), [itemCount]);
+        const dec = useCallback(() => setActiveIndex((_) => Math.max(_ - 1, 0)), [itemCount]);
+        const canInc = visibleItemCount
+            ? itemCount > visibleItemCount && activeIndex < itemCount - visibleItemCount
+            : activeIndex < itemCount - 1;
+        const canDec = activeIndex > 0;
+        const isScrollAvailable = canDec || canInc;
+        return [
+            activeIndex,
+            {
+                inc,
+                dec,
+                canInc,
+                canDec,
+                isScrollAvailable,
             },
-        });
-    });
-    const renderCell = ({ cell, cellProps }) => {
-        if (!cell) {
-            return null;
-        }
-        const { tableCellType: type, ...rest } = cell;
-        if (!type || !(type in EmbeddableCellData)) {
-            return null;
-        }
-        const EmbeddableCellInner = EmbeddableCellData[type];
-        return jsx(EmbeddableCellInner, { ...cellProps, ...rest });
+        ];
     };
 
-    const TariffsTableCell = JSX(({ cells, rowIdx, cellIdx, setTableInner, tableInner, openTableInnerIdx, setOpenTableInnerIdx, }) => (jsx("div", { className: "w-80 flex-grow flex flex-col gap-m @4xl:gap-lg", role: "cell", children: cells?.length
-            ? cells.map((_, i) => (jsx(RenderCellInner, { cell: _, fieldIdx: i, rowIdx: rowIdx, cellIdx: cellIdx, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx }, String(i))))
-            : null })));
+    /** @deprecated */
+    const renderArrows = ({ className, btnClass, canDec, canInc, dec, inc, }) => canDec || canInc ? (jsxs("div", { children: [canDec ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[0], className), onClick: dec })) : null, canInc ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[1], className), onClick: inc })) : null] })) : null;
 
     const COLUMN_WIDTH = 140;
     const getHorizontalShift = (columns, activeColumnIndex) => sum(columns.slice(0, activeColumnIndex).map((_) => _?.cols?.length ?? 1)) * COLUMN_WIDTH;
@@ -11377,7 +10834,7 @@
         }
         const [headerColumn, ...columns] = rowData;
         const columnsStyle = style('flex duration-1000 text-center', rowIdx !== 0 ? 'font-normal' : 'font-light');
-        return (jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (jsx("div", { className: "whitespace-pre-wrap sm:whitespace-normal w-48 sm:w-56 sm:min-w-56 py-lg pr-lg sm:pr-0", children: jsx(Text, { size: "text-xl", font: "font-light", children: headerColumn.data }) })) : null, jsx("div", { className: "flex flex-grow overflow-hidden", children: jsx("div", { className: columnsStyle, style: {
+        return (jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (jsx("div", { className: "whitespace-pre-wrap sm:whitespace-normal w-48 min-w-48 sm:w-56 sm:min-w-56 py-lg pr-lg sm:pr-0", children: jsx(Text, { size: "text-xl", font: "font-light", children: headerColumn.data }) })) : null, jsx("div", { className: "flex flex-grow overflow-hidden", children: jsx("div", { className: columnsStyle, style: {
                             transform: `translateX(-${getHorizontalShift(columns, activeColumnIndex)}px)`,
                         }, children: columns?.map((_, i) => (jsxs("div", { className: "flex flex-col flex-grow gap-s justify-center py-xl odd:bg-main-divider", children: [_?.data ? jsx(Text, { size: "text-xl", children: _.data }) : null, _?.cols ? renderCols(_.cols, activeColumnIndex) : null] }, `row${i}`))) }) })] }, String(rowIdx)));
     };
@@ -11397,12 +10854,10 @@
                 })] }));
     });
 
-    const InnerTableBody = JSX(({ activeTabIndex, items }) => {
-        return (jsx("div", { children: items.map((_, tableIdx) => {
-                const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
-                return (jsxs("div", { className: "w-full @container", children: [jsx("div", { className: "flex py-m sm:px-m bg-white @4xl:bg-gray relative", children: jsx(Text, { size: "text-xl", align: "text-left", children: _.title }) }), jsx("div", { className: "w-full sm:pl-xs overflow-hidden transition-height duration-500 ease-in-out", children: jsx("div", { className: "relative", children: jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
-            }) }));
-    });
+    const InnerTableBody = JSX(({ activeTabIndex, items }) => (jsx("div", { children: items.map((_, tableIdx) => {
+            const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
+            return (jsxs("div", { className: "w-full @container", children: [jsx("div", { className: "flex py-m px-m bg-white @4xl:bg-gray relative", children: jsx(Text, { size: "text-xl", align: "text-left", children: _.title }) }), jsx("div", { className: "w-full sm:pl-xs overflow-hidden transition-height duration-500 ease-in-out", children: jsx("div", { className: "relative", children: jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
+        }) })));
 
     const linkButtonVersion = 'secondary';
 
@@ -11412,65 +10867,44 @@
                     }), onClick: () => setActiveTabIndex(idx), children: jsx(Text, { size: "text-xl", font: "font-light", color: TableColor(idx === activeTabIndex), children: currency || idx + 1 }) }, currency))) })) : null, linkToPDF ? (jsx(LinkButton, { className: "text-primary-main", href: linkToPDF, version: linkButtonVersion, target: "_blank", appendLeft: jsx(Icon, { name: "DocDownloadIcon", iconVersion: "color", className: "mr-3xs", width: "20", height: "20" }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
 
     const EMPTY_DATA$1 = 'Данных нет';
-    const InnerTable = UniBlock(({ tableSource, pdfUrl, onClick }) => {
+    const InnerTable = UniBlock(({ tableSource }) => {
         const tableData = tableSource?.tableData;
         const [activeTabIndex, setActiveTabIndex] = useState(0);
         const handleActiveTabIndex = useCallback((_) => setActiveTabIndex(_), []);
         const items = tableData?.[activeTabIndex]?.items ?? [];
         const currencies = tableData?.map((item) => item.currency ?? '');
-        return tableData ? (jsxs("div", { className: "bg-white z-10", children: [jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: handleActiveTabIndex, linkToPDF: pdfUrl }), jsx(InnerTableBody, { activeTabIndex: activeTabIndex, items: items }), jsx(TableInnerButton, { className: "mt-xl", onClick: onClick, isOpen: true })] })) : (jsxs("div", { className: "my-lg space-y-m text-center", children: [jsx(Text, { size: "text-h6", children: EMPTY_DATA$1 }), jsx(TableInnerButton, { onClick: onClick, isOpen: true })] }));
+        return tableData ? (jsxs("div", { className: "bg-white z-10", children: [jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: handleActiveTabIndex }), jsx(InnerTableBody, { activeTabIndex: activeTabIndex, items: items })] })) : (jsx("div", { className: "space-y-m text-center", children: jsx(Text, { size: "text-h6", children: EMPTY_DATA$1 }) }));
     });
 
-    const TariffsTableRowContainer = JSX(({ children, tableInner, onHideContentClick }) => (jsxs("div", { className: "self-start flex flex-col", role: "row", children: [jsx("div", { className: style(dividerStyle, 'flex flex-col @4xl:flex-row gap-y-xs gap-x-5xl pb-lg @4xl:pt-lg'), children: children }), tableInner ? (jsx("div", { className: "origin-top animate-expansion", children: jsx(InnerTable, { ...tableInner, onClick: onHideContentClick }) })) : null] })));
+    const DIVIDER_STYLE = 'border-main-divider lg:border-b w-full py-s lg:py-xl';
+    const TariffsTableRowContainer = JSX(({ children, tableInner, onClick }) => (jsxs("div", { className: style('self-start flex flex-col gap-xl', DIVIDER_STYLE), role: "row", children: [jsx("div", { className: style('flex flex-col lg:flex-row gap-x-5xl gap-y-xs'), children: children }), tableInner ? (jsx("div", { className: "origin-top animate-expansion", children: jsx(InnerTable, { ...tableInner, onClick: onClick }) })) : null] })));
 
-    const TariffsTableRow = JSX(({ row: { header, data }, activeIndex, rowIdx, ...rest }) => {
+    const TariffsTableRow = JSX(({ row: { header, data = [] }, ...rest }) => {
         const [tableInner, setTableInner] = useState(undefined);
-        const handleSetTableInner = useCallback((_) => setTableInner(_), []);
-        const [openTableInnerIdx, setOpenTableInnerIdx] = useState(undefined);
-        const handleOpenTableInnerIdx = useCallback((_) => setOpenTableInnerIdx(_), []);
-        const onHideContentClick = () => setTableInner(undefined);
-        return (jsxs(TariffsTableRowContainer, { onHideContentClick: onHideContentClick, tableInner: tableInner, ...rest, children: [jsx("div", { className: style('text-s', firstCellStyle), children: jsxs("div", { className: "flex gap-m items-center", role: "cell", children: [header?.icon ? (jsx(Img, { className: "hidden @4xl:block max-w-6 shrink-0", image: header.icon, width: "24", height: "24" })) : null, header?.title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: header?.title })) : null] }) }), data?.length ? (jsx(TableCarouselContainer, { activeIndex: activeIndex, columnWidth: COLUMN_WIDTH$1, version: "tariff", children: data.map((cells, i) => (jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, setTableInner: handleSetTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: handleOpenTableInnerIdx, ...rest }, String(i)))) })) : null] }));
+        const handleSetTableInner = useCallback((_) => {
+            setTableInner(_);
+        }, []);
+        return (jsxs(TariffsTableRowContainer, { tableInner: tableInner, ...rest, children: [renderHeader(header), data?.length ? (jsx(TableCarouselContainer, { version: "tariff", children: data.map((cells, i) => (jsx(TariffsTableCell, { cells: cells, onSetTable: handleSetTableInner, tableInner: tableInner, ...rest }, String(i)))) })) : null] }));
     });
 
-    const TariffsTableWrapper = JSX(({ children, controls }) => {
-        const { isScrollAvailable } = controls;
-        return (jsxs("div", { role: "table", className: "overflow-x-auto w-auto grid md:block", children: [jsxs("div", { className: "relative space-y-xs", children: [children, renderArrows({
-                            ...controls,
-                            btnClass: ['top-28', 'top-11'],
-                            className: 'right-7',
-                        })] }), isScrollAvailable ? (jsx("div", { className: "absolute top-0 right-0 bottom-0 w-20 bg-opacity-to-white" })) : null] }));
-    });
+    const TariffsTableWrapper = JSX(({ children }) => (jsx("div", { role: "table", className: "overflow-x-auto w-auto grid relative gap-y-xs", children: children })));
 
-    const TariffsTable = JSX(({ className = '', title, description, rowHeaders, tariffsColumns: columns, hiddenRowsNum = 0, ...rest }) => {
+    const TariffsTable = UniBlock(({ className = '', title, description, rowHeaders, tariffsColumns: columns, hiddenRowsNum = 0, ...rest }) => {
         const colData = columns?.map(({ data }) => data) || [];
         const rowData = rowHeaders?.map((header, i) => ({
             header,
             data: colData.map((col) => col?.[i] || []),
         }));
-        const itemCount = colData.length;
-        const [activeIndex, controls] = useCarouselControls({
-            itemCount: itemCount,
-            visibleItemCount: COLS_LENGTH_FOR_SCROLL,
-        });
-        const rows = (rowData || []).map((row, i) => (jsx(TariffsTableRow, { row: row, activeIndex: activeIndex, rowIdx: i, ...rest }, String(i))));
+        const rows = (rowData || []).map((row, i) => (jsx(TariffsTableRow, { row: row, ...rest }, String(i))));
         const [visibleRows, hiddenRows] = hiddenRowsNum > 0 ? [rows.slice(0, -hiddenRowsNum), rows.slice(-hiddenRowsNum)] : [rows, []];
         const [isUnfolded, { toggle }] = useBool(false);
-        return (jsxs(BlockWrapper, { className: style('relative space-y-6xl @4xl:space-y-xl', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-center" }), jsx("div", { className: "space-y-m overflow-hidden", children: hiddenRowsNum > 0 ? (jsxs(Foldable, { children: [jsxs(TariffsTableWrapper, { controls: controls, children: [visibleRows, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] }), jsx(DefaultFoldButton, { className: "text-h4", isUnfolded: isUnfolded, onClick: toggle })] })) : (jsx(TariffsTableWrapper, { controls: controls, children: rows })) })] }));
+        return (jsxs(BlockWrapper, { className: style('relative space-y-xl', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-center" }), jsx("div", { className: "space-y-m overflow-hidden", children: hiddenRowsNum > 0 ? (jsxs(Foldable, { children: [jsxs(TariffsTableWrapper, { children: [visibleRows, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] }), jsx(DefaultFoldButton, { className: "text-h4", isUnfolded: isUnfolded, onClick: toggle })] })) : (jsx(TariffsTableWrapper, { children: rows })) })] }));
     });
 
     const TextBlock = JSX(({ className = '', title, description, iconVersion, __html, richVersion, ...rest }) => (jsxs(BlockWrapper, { className: style('flex gap-s sm:gap-m group-data-secondary:bg-primary-main/10', className), ...rest, children: [iconVersion === 'small' ? renderIcon() : null, jsxs("div", { className: "flex flex-col w-fit gap-2xs sm:gap-xs", children: [title ? (jsx(Text, { size: "text-l", font: "font-normal", color: "text-primary-text group-data-secondary:text-white", children: title })) : null, description ? renderDescription(description) : null, __html ? jsx(RichText, { richVersion: richVersion, __html: __html }) : null] })] })));
     const renderIcon = () => (jsx("div", { className: "rounded-full h-4 w-4 text-center text-xs font-light bg-primary-main text-white group-data-secondary:bg-white group-data-secondary:text-primary-main", children: "i" }));
     const renderDescription = (description) => (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text group-data-secondary:text-white", children: description }));
 
-    const Unit = JSX(({ prefix, unit, suffix }) => (jsxs("div", { className: "w-full flex items-end", children: [prefix ? (jsx("div", { className: "gradient-color-text", children: jsx(Text, { size: "text-h2", children: prefix }) })) : null, unit ? (
-            // -mb-n добавлен для выравнивания unit относительно prefix и suffix, тк шрифт font-mohave неправильно высчитывает line-height
-            jsx("div", { className: "-mb-6 @xl:-mb-4", children: jsx("span", { className: "font-mohave text-title-large sm:text-title-extra gradient-color-text", children: unit }) })) : null, suffix ? (jsx("div", { className: "gradient-color-text", children: jsx(Text, { size: "text-h2", children: suffix }) })) : null] })));
-
-    const UnitBlock = JSX((props) => {
-        const { prefix, unit, suffix, ...rest } = props;
-        return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(Unit, { prefix: prefix, unit: unit, suffix: suffix }) }));
-    });
-
     const VerticalLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
         const router = useRouter();
         return (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], image?.src ? 'bg-right-bottom bg-no-repeat' : '', className), ...(image?.src
@@ -11512,43 +10946,30 @@
         CalculatorRefinancing,
         CardTransfer,
         Carousel,
-        CarouselCard,
         CarouselCatalogCard,
-        CarouselLinks,
         CarouselRecommendationCard,
         CarouselTariffsCard,
         ContactsBlock,
         DepositFiltration,
-        Depository,
         ErrorBlock,
-        ExchangeRateTile,
         Footer,
         GalleryLayout,
-        GracePeriod,
         GrantSupport,
         Header,
         Headline,
         HorizontalLayout,
         ImgBlock,
-        InsuranceAmountBlock,
-        InvestmentInfo,
         LinkDocs,
         MobileAppTile,
-        MortgageFiltration,
         OfficesAtmsMap,
-        Placeholder,
         ProductBlock,
-        ProductGallery,
-        RepresentativeOfficeInfo,
         RichTextBlock,
         RollupItem,
-        SafeDepositRental,
         StepsBlock,
         StickyBottomMenu,
         TabsLayout,
         TariffsTable,
         TextBlock,
-        UnitBlock,
         VerticalLayout,
         Video,
         ApplicationLeadForm,
@@ -11696,7 +11117,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.16.3";
+    const packageVersion = "0.14.856";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;