@redneckz/wildless-cms-uni-blocks 0.14.831 → 0.14.833

package/bundle/bundle.umd.js

@@ -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,
@@ -192,10 +192,7 @@
         return useRouter._impl();
     }
     useRouter._impl = () => ({
-        isReady: false,
-        href: globalThis.location?.href || '/',
         pathname: globalThis.location?.pathname || '/',
-        query: {},
         push: () => {
             // Do nothing
         },
@@ -976,7 +973,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 ?? {});
@@ -2683,6 +2680,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);
@@ -6162,12 +6166,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);
@@ -6487,7 +6485,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 }) => {
@@ -7413,7 +7411,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,
@@ -9933,7 +9931,24 @@
         }, [data, query]);
         return [result, { value: query, onChange: setQuery }];
     };
-    const fetchSearchIndex = async (...basePathList) => (await Promise.allSettled(basePathList.map((basePath) => fetchJSON(joinPath(basePath, '/', SEARCH_INDEX_FILENAME))))).map((_) => (_.status === 'fulfilled' ? _.value : {}));
+    const fetchSearchIndex = 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]) => {
+        if (!result) {
+            return {};
+        }
+        return {
+            ...result,
+            corpus: result.corpus?.map((_) => ({
+                ..._,
+                uri: _.uri === 'index' ? basePath : joinPath(basePath, _.uri),
+            })),
+        };
+    };
 
     const SearchDialog = JSX(({ initialQuery, navigationItems, onClose }) => {
         const basePathList = useMemo(() => navigationItems?.map((_) => _.href || '/'), [navigationItems]);
@@ -10000,6 +10015,22 @@
         '': '',
     };
 
+    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 MIN_LENGTH_CHILD = 5;
     const SHORT_TILE_INDEXES = [1, 2, 3, 4];
     const LINK_SCHEMA = {
@@ -10021,15 +10052,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),
     }, {
@@ -10040,9 +10075,10 @@
         ...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)));
@@ -10092,7 +10128,7 @@
     };
     const getRouterHref = (router) => (href) => {
         const basePath = getBasePath(env.SITE_URL);
-        return isURL(href) ? router.href : joinPath(basePath, router.pathname);
+        return isURL(href) ? globalThis?.location?.href : joinPath(basePath, router.pathname);
     };
 
     const DropdownMenu = JSX(({ className = '', items, activeItem, ariaLabel = 'Меню' }) => {
@@ -10335,7 +10371,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: [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 })] }));
+        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 })] }));
     });
 
     const HeaderTopMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, ...rest }) => {
@@ -10501,45 +10537,6 @@
         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) => {
@@ -10648,7 +10645,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] }) }));
 
@@ -10665,7 +10662,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);
 
@@ -10782,19 +10779,6 @@
         return (jsx(BlockWrapper, { version: "transparent", className: style(className), defaultPadding: "p-0", ...rest, children: dataType === 'offices' ? jsx(OfficesMap, {}) : jsx(AtmsMap, { descriptionData: data }) }));
     });
 
-    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 }) }));
@@ -10992,39 +10976,40 @@
     };
     const renderTabsLayout = ({ className = '', tabsType = 'animated', ...props }) => tabsType ? (jsx("div", { className: style(tabsStyle[tabsType].wrapper, className), children: jsx(ScrollableTabsControl, { className: tabsStyle[tabsType].component, tabsType: tabsType, ...props }) })) : null;
 
+    const STICKY_STYLE = 'sticky top-1 z-20';
     const TabsLayout = UniBlock(
     // eslint-disable-next-line max-lines-per-function
     ({ className = '', tabs = [], block, tabsType, showCounter = false, isSticky = false, ...rest }) => {
-        const id = getId(block ?? {});
+        const id = getId(block || {});
         const router = useRouter();
         const isEveryLink = tabs.every((_) => _?.type === 'link');
+        const query = new URLSearchParams(globalThis?.location?.search || '');
+        const currentQueryParam = query.get[id];
         const tabsCounted = showCounter
             ? tabs.map((_) => ({
                 ..._,
                 count: _?.type === 'group' ? block?.slots?.[_?.tabName ?? '']?.length ?? 0 : 0,
             }))
             : tabs;
-        const { isReady } = router;
         const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabsCounted, getUrlParams(id)));
         const activeItem = tabsCounted[activeTabIndex];
         const defaultSelectedTab = tabsCounted.findIndex((_) => Boolean(_.selected));
         //TODO: Вынести в отдельный хук
         useEffect(() => {
-            const defaultTabIndex = router.query[id]
-                ? tabsCounted.findIndex((_, i) => _.type === 'group' && (_?.tabName ?? String(i)) === router.query[id])
+            const defaultTabIndex = currentQueryParam
+                ? tabsCounted.findIndex((_, i) => _.type === 'group' && (_?.tabName ?? String(i)) === currentQueryParam)
                 : defaultSelectedTab;
             setActiveTabIndex(defaultTabIndex === -1 ? 0 : defaultTabIndex);
-        }, [isReady, defaultSelectedTab, id]);
+        }, [defaultSelectedTab, currentQueryParam]);
         const slotName = getSlotName(tabsCounted[activeTabIndex], activeTabIndex);
         const updateUrlSearchTabParam = (_, i) => {
-            const searchParams = new URLSearchParams(router.query);
             if (_.text) {
-                searchParams.set(id, _?.tabName ?? String(i));
+                query.set(id, _?.tabName ?? String(i));
             }
             else {
-                searchParams.delete(id);
+                query.delete(id);
             }
-            router.replace(`${router.pathname}?${searchParams}`, '', { scroll: false });
+            router.replace(`${router.pathname}?${query}`, { scroll: false });
         };
         const handleChange = useCallback((_) => {
             const index = tabsCounted.indexOf(_);
@@ -11034,10 +11019,10 @@
                 updateUrlSearchTabParam(_, index);
             }
         }, [tabsCounted]);
-        return (jsxs(BlockWrapper, { className: style({ 'sticky top-1 z-20': isSticky && isEveryLink }, className), defaultPadding: "p-0", block: block, ...rest, children: [renderTabsLayout({
+        return (jsxs(BlockWrapper, { className: style({ [STICKY_STYLE]: [isSticky, isEveryLink].every(Boolean) }, className), defaultPadding: "p-0", block: block, ...rest, children: [renderTabsLayout({
                     className: style({
-                        'pb-1': block?.slots && tabsType === 'default',
-                        'sticky top-1 z-20': isSticky && !isEveryLink,
+                        'pb-1': [block?.slots, tabsType === 'default'].every(Boolean),
+                        [STICKY_STYLE]: [isSticky, !isEveryLink].every(Boolean),
                     }),
                     items: getItems(tabs, tabsCounted),
                     activeItem,
@@ -11222,15 +11207,6 @@
     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
@@ -11290,12 +11266,10 @@
         HorizontalLayout,
         ImgBlock,
         InsuranceAmountBlock,
-        InvestmentInfo,
         LinkDocs,
         MobileAppTile,
         OfficesAtmsMap,
         ProductBlock,
-        RepresentativeOfficeInfo,
         RichTextBlock,
         RollupItem,
         StepsBlock,
@@ -11303,7 +11277,6 @@
         TabsLayout,
         TariffsTable,
         TextBlock,
-        UnitBlock,
         VerticalLayout,
         Video,
         ApplicationLeadForm,
@@ -11451,7 +11424,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.830";
+    const packageVersion = "0.14.832";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;