@redneckz/wildless-cms-uni-blocks 0.5.12 → 0.5.13

package/mobile/bundle/bundle.umd.js

@@ -228,6 +228,10 @@
         return JSXTmpl;
     };
 
+    function style2className(style) {
+        return style ? style.filter(Boolean).join(' ') : '';
+    }
+
     const HeadingClass = {
         h0: 'text-m-title',
         h1: 'text-m-title',
@@ -242,10 +246,6 @@
         return (jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
     });
 
-    function style2className(style) {
-        return style ? style.filter(Boolean).join(' ') : '';
-    }
-
     const svgUseStyleMap = {
         normal: 'text-primary-main',
         black: 'text-black',
@@ -935,44 +935,30 @@
         return (jsx(EmbeddedBlock, { className: `${className} ${classNameBlock}`, context: context, ...rest }, `block_${i}`));
     };
 
-    const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
-
-    const DefaultButton = JSX(({ icon, label, dataTheme = '', onClick }) => {
-        return (jsxs("button", { className: "border-none bg-primary-main hover:bg-primary-hover px-0 py-5 mb-[1px] w-full font-sans text-white flex justify-center cursor-pointer", "data-theme": dataTheme, onClick: onClick, children: [jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (jsx(Img, { image: {
-                        icon,
-                        iconVersion: 'white',
-                    }, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] }));
+    const Foldable = JSX(({ isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
+        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
+        const onToggle = useCallback(() => {
+            setIsUnfolded((_) => !_);
+        }, []);
+        const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
+        const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
+        return isFoldButtonOnTop ? (jsxs("div", { children: [buttonNode, sectionNode] })) : (jsxs("div", { children: [sectionNode, buttonNode] }));
     });
 
-    const Foldable = JSX(({ blocks = [], hiddenBlocksNum = 0, isFoldButtonOnTop = false, unfoldedByDefault = false, containerClassName = '', blockWrapper = (_) => _, renderFoldButton = renderDefaultFoldButton, }) => {
-        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
-        const blocksToHide = clamp(hiddenBlocksNum, 0, blocks?.length);
-        const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
-        const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];
+    const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
         const containerRef = useRef(null);
-        const onToggle = () => {
-            setIsUnfolded(!isUnfolded);
+        useEffect(() => {
             if (containerRef.current) {
                 containerRef.current.style.maxHeight = isUnfolded
-                    ? ''
-                    : `${containerRef.current.scrollHeight}px`;
+                    ? `${containerRef.current.scrollHeight}px`
+                    : '';
             }
-        };
-        const buttonNode = hiddenBlocksNum ? renderFoldButton({ isUnfolded, onToggle }) : null;
-        const blocksNode = blockWrapper(jsxs("div", { children: [visibleBlocks, jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${containerClassName}`, children: hiddenBlocks })] }));
-        return (jsx("div", { children: isFoldButtonOnTop ? (jsxs("div", { children: [buttonNode, blocksNode] })) : (jsxs("div", { children: [blocksNode, buttonNode] })) }));
+        }, [isUnfolded]);
+        return (jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${className}`, children: children }));
     });
-    const renderDefaultFoldButton = (props) => {
-        const labels = ['Развернуть', 'Скрыть'];
-        const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-        return (jsx(DefaultButton, { icon: icons[Number(props.isUnfolded)], label: labels[Number(props.isUnfolded)], onClick: props.onToggle }));
-    };
 
     const icons = ['PlusIcon', 'MinusIcon'];
-    const AccordionItem = JSX(({ label = '', labelIcon, blocks, bordered, context }) => {
-        const foldableBlocks = blocks ? renderBlocksList$1({ context, blocks, className: '!px-0' }) : [];
-        return (jsx("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: jsx(Foldable, { hiddenBlocksNum: foldableBlocks.length, blocks: foldableBlocks, isFoldButtonOnTop: true, containerClassName: "flex flex-wrap group-last:last:pb-0", renderFoldButton: (props) => (jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', icon: icons[Number(props.isUnfolded)], label: label, primaryIcon: labelIcon, hasContent: Boolean(blocks?.length), onClick: props.onToggle })) }) }));
-    });
+    const AccordionItem = JSX(({ label = '', labelIcon, bordered, children, hasContent = true }) => (jsx("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: jsx(Foldable, { isFoldButtonOnTop: true, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0", isUnfolded: isUnfolded, children: children })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, hasContent: hasContent, onClick: onToggle })) }) })));
     const FoldButton = JSX(({ className, hasContent, icon, label, primaryIcon, onClick }) => (jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
   ${className}
   ${hasContent ? 'group cursor-pointer' : ''}`, onClick: onClick, children: [jsxs("span", { className: `text-m-title-xs font-medium pr-2.5 flex ${hasContent ? 'group-hover:text-primary-main' : ''}`, children: [primaryIcon ? (jsx(Img, { image: primaryIcon, className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, label] }), hasContent ? (jsx(Img, { className: "flex-shrink-0", image: icon, width: "24", height: "24", asSVG: true })) : null] })));
@@ -980,8 +966,10 @@
         return bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0';
     }
 
-    const Accordion = JSX(({ title, description, accordionItems, context, className = '', bordered }) => {
-        return (jsxs("section", { className: `py-6 px-4 font-sans bg-white text-primary-text ${className}`, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-light text-center", children: description }) : null, accordionItems?.length ? (jsx("ul", { className: "list-none m-0 p-0", children: accordionItems.map((item, i) => (jsx(AccordionItem, { ...item, context: context, bordered: bordered }, `AccordionItem_${i}`))) })) : null] }));
+    const AccordionItemsList = JSX(({ children }) => (jsx("ul", { className: "list-none m-0 p-0", children: children })));
+
+    const Accordion = JSX(({ title, description, accordionItems, context, className = '', bordered, ...rest }) => {
+        return (jsxs(BlockWrapper, { context: context, className: `py-6 px-4 font-sans bg-white text-primary-text ${className}`, ...rest, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-light text-center", children: description }) : null, accordionItems?.length ? (jsx(AccordionItemsList, { children: accordionItems.map((item, i) => (jsx(AccordionItem, { context: context, bordered: bordered, hasContent: Boolean(item.blocks?.length), ...item, children: renderBlocksList$1({ blocks: item.blocks, context, className: '!p-0 mb-5' }) }, `AccordionItem_${i}`))) })) : null] }));
     });
 
     const GRADIENT = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
@@ -1024,108 +1012,6 @@
         return orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, onSlideChange: handleSlideChange, children: tableColumns })) : (tableColumns);
     });
 
-    const SVG_COLOR = {
-        'bg-white': 'text-primary-main',
-        transparent: 'text-white',
-    };
-    const TEXT_COLOR = {
-        'bg-white': 'text-black',
-        transparent: 'text-white',
-    };
-    const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', showTitle = true }) => {
-        return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [jsx(Img, { image: { icon: 'LogoIcon', iconVersion: SVG_COLOR[bgColor] }, className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, asSVG: true }), showTitle ? (jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' })) : null] }));
-    });
-
-    const MobileAppTile = JSX(({ className = '', title = 'Мобильное приложение', description, href = '#' }) => {
-        return (jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light font-sans ${className}`, children: href ? (jsxs("div", { className: "flex", children: [jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: jsx(Logo, { className: "w-[33px]", bgColor: "transparent", showTitle: true }) }), jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3", children: [jsx("div", { className: "text-s font-medium mb-[3px]", children: title }), jsx("div", { className: "text-s text-secondary-text", children: description })] })] })) : null }));
-    });
-
-    const Contacts = JSX(({ className = '', items, hasButton, context }) => {
-        const router = context.useRouter();
-        const { handlerDecorator } = context;
-        return (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", ...useLink({ router, handlerDecorator }, {
-                        text: 'Обратная связь',
-                        href: '/',
-                        target: '_blank',
-                    }), ariaLabel: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C" })) : null] }));
-    });
-    const renderContact = (item, index) => {
-        const { type, text, description } = item;
-        return (jsxs("div", { className: "mb-4", children: [jsx("div", { children: renderText(type, text) }), jsx("div", { className: "mt-1 text-s-light text-secondary-text", children: description })] }, String(index)));
-    };
-    const renderText = (type, text = '') => {
-        switch (type) {
-            case 'tel':
-                return (jsx("a", { className: "text-h6 text-primary-text hover:text-primary-main no-underline", href: `tel:${formatTel(text)}`, children: text }));
-            case 'email':
-                return (jsx("a", { className: "text-xl-light text-primary-text no-underline", href: `mailto:${text}`, children: text }));
-            default:
-                return jsx("span", { children: text });
-        }
-    };
-    const formatTel = (s) => s.replaceAll(/\D/g, '');
-
-    const HorizontalNavigationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-secondary-text hover:text-primary-main inline-block no-underline ${className}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
-
-    const HorizontalNavigation = JSX(({ title, links, className = '', context }) => {
-        const router = context.useRouter();
-        const { handlerDecorator } = context;
-        return (jsxs("div", { className: className, children: [jsx("span", { className: "text-primary-text text-s font-medium", children: title }), links?.length ? (jsx("div", { className: "flex flex-col gap-2 pt-3", children: links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-s", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
-    });
-
-    const ICONS_MAP = [
-        {
-            origins: ['t.me', 'telegram.org'],
-            icon: { icon: 'TelegramIcon' },
-            label: 'Телеграм',
-        },
-        {
-            origins: ['vk.com'],
-            icon: { icon: 'VKIcon' },
-            label: 'ВКонтакте',
-        },
-        {
-            origins: ['ok.ru'],
-            icon: { icon: 'OkIcon' },
-            label: 'Одноклассники',
-        },
-        {
-            origins: ['apps.apple.com'],
-            icon: { icon: 'AppleIcon' },
-            label: 'App Store',
-        },
-        {
-            origins: ['play.google.com'],
-            icon: { icon: 'PlayMarketIcon' },
-            label: 'Google Play',
-        },
-    ];
-    const MediaButton = JSX(({ href, version = 'primary' }) => {
-        const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
-        if (!icon) {
-            return null;
-        }
-        const classes = version === 'secondary'
-            ? 'bg-white hover:bg-secondary-hover'
-            : 'border-solid border-[1px] border-main-divider hover:border-transparent hover:bg-primary-main';
-        const isPrimary = version === 'primary';
-        return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", children: icon ? (jsx(Img, { image: icon, imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
-    });
-
-    const SocialMedia = JSX(({ className, media, version, context }) => {
-        const router = context.useRouter();
-        const { handlerDecorator } = context;
-        return (jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className || ''}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, ...useLink({ router, handlerDecorator }, _) }, String(index)))) }));
-    });
-
-    const TextInformationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-xs-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}` })));
-
-    const TextInformation = JSX(({ className, links, context }) => {
-        const router = context.useRouter();
-        const { handlerDecorator } = context;
-        return (jsxs("div", { className: `${className || ''}`, children: [jsx("div", { className: "py-6", children: jsx("span", { className: "text-xs-light text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.` }) }), links?.length ? (jsx("div", { className: `flex flex-col justify-start items-start gap-2`, children: links.map((_, i) => (jsx(TextInformationLink, { index: i, className: "", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
-    });
-
     const consistentDataMap = new Map();
     function useAsyncData(key, fetcher, { fallback } = {}) {
         const args = useMemo(() => keyToArgs(key), [key]);
@@ -1230,21 +1116,113 @@
         return jsx(SearchBarInner, { className: className, isMobile: true });
     });
 
-    const getAccordionItems = (items) => items?.map((item) => ({
-        label: item.text || '',
-        blocks: [
-            {
-                accordionBlockType: 'LinkList',
-                documents: item.items || [],
-            },
-        ],
-    }));
+    const SVG_COLOR = {
+        'bg-white': 'text-primary-main',
+        transparent: 'text-white',
+    };
+    const TEXT_COLOR = {
+        'bg-white': 'text-black',
+        transparent: 'text-white',
+    };
+    const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', showTitle = true }) => {
+        return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [jsx(Img, { image: { icon: 'LogoIcon', iconVersion: SVG_COLOR[bgColor] }, className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, asSVG: true }), showTitle ? (jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' })) : null] }));
+    });
+
+    const MobileAppTile = JSX(({ className = '', title = 'Мобильное приложение', description, href = '#' }) => {
+        return (jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light font-sans ${className}`, children: href ? (jsxs("div", { className: "flex", children: [jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: jsx(Logo, { className: "w-[33px]", bgColor: "transparent", showTitle: true }) }), jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3", children: [jsx("div", { className: "text-s font-medium mb-[3px]", children: title }), jsx("div", { className: "text-s text-secondary-text", children: description })] })] })) : null }));
+    });
+
+    const Contacts = JSX(({ className = '', items, hasButton, context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", ...useLink({ router, handlerDecorator }, {
+                        text: 'Обратная связь',
+                        href: '/',
+                        target: '_blank',
+                    }), ariaLabel: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C" })) : null] }));
+    });
+    const renderContact = (item, index) => {
+        const { type, text, description } = item;
+        return (jsxs("div", { className: "mb-4", children: [jsx("div", { children: renderText(type, text) }), jsx("div", { className: "mt-1 text-s-light text-secondary-text", children: description })] }, String(index)));
+    };
+    const renderText = (type, text = '') => {
+        switch (type) {
+            case 'tel':
+                return (jsx("a", { className: "text-h6 text-primary-text hover:text-primary-main no-underline", href: `tel:${formatTel(text)}`, children: text }));
+            case 'email':
+                return (jsx("a", { className: "text-xl-light text-primary-text no-underline", href: `mailto:${text}`, children: text }));
+            default:
+                return jsx("span", { children: text });
+        }
+    };
+    const formatTel = (s) => s.replaceAll(/\D/g, '');
+
+    const HorizontalNavigationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-secondary-text hover:text-primary-main inline-block no-underline ${className}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
+
+    const HorizontalNavigation = JSX(({ title, links, className = '', context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsxs("div", { className: className, children: [jsx("span", { className: "text-primary-text text-s font-medium", children: title }), links?.length ? (jsx("div", { className: "flex flex-col gap-2 pt-3", children: links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-s", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
+    });
+
+    const ICONS_MAP = [
+        {
+            origins: ['t.me', 'telegram.org'],
+            icon: { icon: 'TelegramIcon' },
+            label: 'Телеграм',
+        },
+        {
+            origins: ['vk.com'],
+            icon: { icon: 'VKIcon' },
+            label: 'ВКонтакте',
+        },
+        {
+            origins: ['ok.ru'],
+            icon: { icon: 'OkIcon' },
+            label: 'Одноклассники',
+        },
+        {
+            origins: ['apps.apple.com'],
+            icon: { icon: 'AppleIcon' },
+            label: 'App Store',
+        },
+        {
+            origins: ['play.google.com'],
+            icon: { icon: 'PlayMarketIcon' },
+            label: 'Google Play',
+        },
+    ];
+    const MediaButton = JSX(({ href, version = 'primary' }) => {
+        const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
+        if (!icon) {
+            return null;
+        }
+        const classes = version === 'secondary'
+            ? 'bg-white hover:bg-secondary-hover'
+            : 'border-solid border-[1px] border-main-divider hover:border-transparent hover:bg-primary-main';
+        const isPrimary = version === 'primary';
+        return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", children: icon ? (jsx(Img, { image: icon, imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
+    });
+
+    const SocialMedia = JSX(({ className, media, version, context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className || ''}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, ...useLink({ router, handlerDecorator }, _) }, String(index)))) }));
+    });
+
+    const TextInformationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-xs-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}` })));
+
+    const TextInformation = JSX(({ className, links, context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsxs("div", { className: `${className || ''}`, children: [jsx("div", { className: "py-6", children: jsx("span", { className: "text-xs-light text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.` }) }), links?.length ? (jsx("div", { className: `flex flex-col justify-start items-start gap-2`, children: links.map((_, i) => (jsx(TextInformationLink, { index: i, className: "", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
+    });
 
     const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, page, }) => {
         const fallback = page?.fallback;
         const sitemap = useSitemap(fallback);
         const dispositions = sitemap?.dispositions;
-        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, context: context, hasButton: true }), jsx(Accordion, { context: context, className: "!p-0 mb-4", accordionItems: getAccordionItems(sitemap.topItems) }), jsx("div", { children: dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { context: context, title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android" }), jsx(SearchBar, { context: context, className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia, context: context }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises, context: context }), jsx(TextInformation, { links: documents, context: context })] }));
+        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, context: context, hasButton: true }), jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { context: context, label: item.text, children: jsx(LinkList, { context: context, documents: item.items }) }, String(i)))) }), jsx("div", { children: dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { context: context, title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android" }), jsx(SearchBar, { context: context, className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia, context: context }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises, context: context }), jsx(TextInformation, { links: documents, context: context })] }));
     });
     const renderSubMenuItem = (menu, i) => {
         const { icon, href, text } = menu;
@@ -1324,11 +1302,10 @@
     const HeaderTop = JSX(({ onClick, bgColor }) => (jsxs("div", { className: "flex items-center justify-between border-0 border-b border-main-divider h-[50px]", children: [jsxs("div", { className: "flex items-center", children: [jsx("button", { className: "pl-0 pr-4 border-0 bg-transparent cursor-pointer", onClick: onClick, "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E", children: jsx(Img, { image: { icon: 'BurgerIcon', iconVersion: bgColor === 'bg-white' ? 'black' : 'white' }, className: "text-primary-text w-6 h-6", width: "24", height: "24", asSVG: true }) }), jsx(Logo, { className: "mr-8", bgColor: bgColor })] }), jsx("button", { className: `${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-s border-0 bg-transparent cursor-pointer`, children: "\u0412\u043E\u0439\u0442\u0438" })] })));
 
     const Header = JSX(({ className = '', defaultLocation, bgColor = 'bg-white', context, topItems, page }) => {
+        const { handlerDecorator } = context;
         const router = context.useRouter();
         const fallback = page?.fallback;
         const sitemap = useSitemap(fallback);
-        const dispositions = sitemap?.dispositions;
-        const { handlerDecorator } = context;
         const mergedItems = mergeTopItems(sitemap.topItems, topItems);
         const activeTopItem = mergedItems.find(isTopItemActive(router));
         const subItems = activeTopItem?.items;
@@ -1339,7 +1316,7 @@
                                     ...useLink({ router, handlerDecorator }, _),
                                     active: _ === activeSubItem,
                                     bgColor,
-                                }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(Accordion, { context: context, accordionItems: getAccordionItems(sitemap.topItems), className: "!p-0 mb-4" }) })) : null] }));
+                                }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: sitemap?.dispositions, defaultLocation: defaultLocation, children: jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { context: context, label: item.text, children: jsx(LinkList, { context: context, documents: item.items }) }, String(i)))) }) })) : null] }));
     });
     const renderSubItem = (item, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", ...item }, String(i)));
 
@@ -1414,7 +1391,7 @@
         primary: {
             background: 'bg-white',
             title: 'text-primary-text',
-            description: 'text-secondary-text',
+            description: '!text-secondary-text text-l-light',
             iconText: 'text-secondary-text',
             iconBackground: 'bg-main-divider',
             iconConnector: 'bg-secondary-light',
@@ -1423,7 +1400,7 @@
         secondary: {
             background: 'bg-primary-main',
             title: 'text-white',
-            description: 'text-white/80',
+            description: '!text-white/80 text-l-light',
             iconText: 'text-white',
             iconBackground: 'bg-white/30',
             iconConnector: 'bg-white',
@@ -1576,8 +1553,9 @@
     });
 
     const DEFAULT_SLOT_NAME = null;
+    const DEFAULT_ANCESTORS = [DEFAULT_SLOT_NAME];
 
-    function renderBlock(block, options, ancestors = [DEFAULT_SLOT_NAME]) {
+    function renderBlock(block, options, ancestors = DEFAULT_ANCESTORS) {
         const { key, page, blockDecorator, blocksRegistry, context } = options;
         const { type } = block;
         if (!(type && type in blocksRegistry)) {