@redneckz/wildless-cms-uni-blocks 0.6.26 → 0.6.27

package/mobile/bundle/bundle.umd.js

@@ -79,6 +79,9 @@
         get SITEMAP() {
             return this._.SITEMAP;
         }
+        get FOOTER() {
+            return this._.FOOTER;
+        }
         get CDN() {
             return this._.CDN;
         }
@@ -293,8 +296,9 @@
     const OBSERVER_OPTIONS = {
         threshold: new Array(THRESHOLD_ARRAY_LENGTH).fill(0).map(getIntersectionThreshold),
     };
-    const BlockWrapper = JSX(({ anchor, className, children, tag = 'section', labels, role }) => {
+    const BlockWrapper = JSX(({ className, block, tag = 'section', role, children }) => {
         const Tag = tag;
+        const { anchor, labels } = block || {};
         const [isVisible, setVisible] = useState(true);
         const anchorClickRef = useRef({});
         const observerCallback = useMemo(() => changeHashOnObserve({ anchor, anchorClickRef }), [anchor]);
@@ -305,7 +309,7 @@
         }), []);
         useEffect(() => EventBus.inst.subscribe('tab', (event) => {
             if (event.type === 'group') {
-                const hasSettings = labels?.length || anchor;
+                const hasSettings = labels?.length || block?.anchor;
                 setVisible(event.label ? !hasSettings || Boolean(labels?.includes(event.label)) : true);
             }
             else {
@@ -341,7 +345,7 @@
 
     const AccordionItemsList = JSX(({ children }) => (jsx("ul", { className: "list-none m-0 p-0", children: children })));
 
-    const Accordion = JSX(({ title, description, context, className = '', children, ...rest }) => (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, jsx(AccordionItemsList, { children: children })] })));
+    const Accordion = JSX(({ title, description, className = '', children, ...rest }) => (jsxs(BlockWrapper, { 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, jsx(AccordionItemsList, { children: children })] })));
     Accordion.childrenTypes = ['AccordionItem'];
 
     function getParentBlockDef(ancestors, type) {
@@ -570,7 +574,7 @@
         return scrollPoints;
     };
 
-    const SwipeListControl = JSX(({ className, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
+    const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, children, }) => {
         const [activeIndex, setActiveIndex] = useState(0);
         const [indexFraction, setIndexFraction] = useState(0);
         const dotsProps = {
@@ -602,6 +606,107 @@
         return (jsxs("div", { className: className, children: [jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), jsx(SwipeListControlDots, { ...dotsProps })] }));
     });
 
+    const isURL = (href) => href?.includes('//');
+    const withoutQuery = (href) => (href || '').replace(/\/?\?.*/, '');
+    const getOrigin = (href) => {
+        if (!href || !isURL(href)) {
+            return undefined;
+        }
+        const url = href;
+        const protoSeparator = '//';
+        const endOfProto = url.indexOf(protoSeparator);
+        const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
+        return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
+    };
+    const getHash = (href) => {
+        if (!href || !isURL(href)) {
+            return undefined;
+        }
+        const hashIndex = href.indexOf('#');
+        return hashIndex !== -1 ? href.substring(hashIndex, href.length) : undefined;
+    };
+    const isHash = (href) => href?.startsWith('#');
+
+    var url = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        isURL: isURL,
+        withoutQuery: withoutQuery,
+        getOrigin: getOrigin,
+        getHash: getHash,
+        isHash: isHash
+    });
+
+    const adjustHref = (href, router) => {
+        if (!href) {
+            return href;
+        }
+        const origin = getOrigin(router?.href);
+        // Relative URL
+        return origin ? href.replace(origin, '') || '/' : href;
+    };
+
+    /* eslint-disable @typescript-eslint/ban-types */
+    const handlerDecorator = (handler, targetContent) => {
+        return handlerDecorator._impl(handler, targetContent);
+    };
+    handlerDecorator._impl = (handler) => handler;
+    handlerDecorator.setup = (impl) => {
+        handlerDecorator._impl = impl;
+    };
+
+    function useRouter() {
+        return useRouter._impl();
+    }
+    useRouter._impl = () => ({
+        href: globalThis.location?.href || '/',
+        pathname: globalThis.location?.pathname || '/',
+        query: {},
+        push: () => {
+            // Do nothing
+        },
+        replace: () => {
+            // Do nothing
+        },
+    });
+    useRouter.setup = (impl) => {
+        useRouter._impl = impl;
+    };
+
+    function useLink() {
+        const router = useRouter();
+        return (props) => {
+            const href = adjustHref(props.href, router);
+            return {
+                ...props,
+                href,
+                'aria-label': props.text,
+                onClick: handlerDecorator((ev) => {
+                    props.onClick && props.onClick(ev);
+                    const isLocalHref = href && !isURL(href);
+                    const isLocalTarget = !props.target || props.target === '_self';
+                    if (isLocalHref && isLocalTarget) {
+                        ev?.preventDefault();
+                        router.push(href);
+                    }
+                }, props),
+            };
+        };
+    }
+
+    const buttonStyleMap = {
+        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+        white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white active:text-primary-main',
+        link: '',
+    };
+    const DisabledStyle = 'bg-main-divider text-main-disabled';
+    const buttonDisabledStyleMap = {
+        primary: DisabledStyle,
+        secondary: DisabledStyle,
+        white: DisabledStyle,
+        link: '',
+    };
+    const buttonStyle = 'text-center font-sans select-none';
     const iconStyleMap = {
         primary: 'group-hover:brightness-0 group-hover:invert',
         secondary: 'group-hover:brightness-0 group-hover:invert',
@@ -611,10 +716,10 @@
 
     const ButtonInner = JSX((props) => {
         const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
-        return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? jsx("div", { className: iconStyleMap[version], children: appendLeft }) : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-xs-light text-left", children: aboveText }), jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`, children: text })] })) : null, appendRight ? jsx("div", { className: iconStyleMap[version], children: appendRight }) : null] }));
+        return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? jsx("div", { className: iconStyleMap[version], children: appendLeft }) : null, isWithText(props) ? (jsxs("div", { children: [aboveText ? jsx("div", { className: "text-xs-light text-left", children: aboveText }) : null, jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`, children: text })] })) : null, appendRight ? jsx("div", { className: iconStyleMap[version], children: appendRight }) : null] }));
     });
     const getButtonStyle = (props) => {
-        const { className = '', version, aboveText, rounded } = props;
+        const { version, aboveText, rounded } = props;
         if (version === 'link') {
             return '';
         }
@@ -623,34 +728,34 @@
             'group flex items-center justify-center',
             isWithText(props) ? withTextStyle : 'h-12 w-12',
             rounded ? 'rounded-full' : '',
-            className,
         ].join(' ');
     };
     const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
 
-    const buttonStyleMap = {
-        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
-        white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
-        link: 'text-primary-main',
-    };
-    const buttonDisabledStyleMap = {
-        primary: 'bg-secondary-dark text-secondary-text',
-        secondary: 'bg-secondary-light text-secondary-text',
-        white: 'bg-white text-primary-text',
-        link: '',
-    };
-    const styleButton = 'w-full text-center font-sans select-none';
-    const Button = JSX(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'primary', ariaLabel, ...rest }) => {
-        // It isn't a valid HTML attribute. Must be excluded from "rest"
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { appendRight, ...buttonInnerRest } = rest;
-        const buttonInner = children ?? (jsx(ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded, version: version }));
-        if (disabled) {
-            return (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: `inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
-        }
-        return (jsx("a", { className: `${styleButton} inline-block cursor-pointer no-underline focus:border focus:border-primary-focus ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: !href ? 'button' : 'link', ...buttonInnerRest, children: buttonInner }));
+    const getDisabledButtonClasses = ({ className, rounded, version, }) => [
+        'inline-block',
+        buttonStyle,
+        version ? buttonDisabledStyleMap[version] : '',
+        rounded ? 'rounded-full' : 'rounded-md',
+        className,
+    ].join(' ');
+
+    const getRegularButtonClasses = ({ className, rounded, version, }) => [
+        buttonStyle,
+        'border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border',
+        version ? buttonStyleMap[version] : '',
+        rounded ? 'rounded-full' : 'rounded-md',
+        className,
+    ].join(' ');
+
+    const Button = JSX(({ disabled, children, ...rest }) => {
+        const link = useLink();
+        const adjustedProps = link(rest);
+        const buttonInner = children ?? jsx(ButtonInner, { ...adjustedProps });
+        return disabled ? (jsx(DisabledButton, { ...adjustedProps, children: buttonInner })) : (jsx(RegularButton, { ...adjustedProps, children: buttonInner }));
     });
+    const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, children }) => (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, children: children })));
+    const DisabledButton = JSX(({ className, ariaLabel, version, rounded, children }) => (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: getDisabledButtonClasses({ className, rounded, version }), children: children })));
 
     const GRADIENT = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
     const DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
@@ -662,9 +767,9 @@
     const TableCell = JSX(({ cell, rowHeader, isFillGradient = false }) => {
         const cellWrapperClasses = `box-border flex flex-col`;
         const cellClasses = `h-full ${DIVIDER_CLASSES}`;
-        return (jsx("div", { className: cellWrapperClasses, role: "cell", children: jsx("div", { className: cellClasses, children: cell.map(renderCellInner$1(isFillGradient, rowHeader)) }) }));
+        return (jsx("div", { className: cellWrapperClasses, role: "cell", children: jsx("div", { className: cellClasses, children: cell.map(renderCellInner(isFillGradient, rowHeader)) }) }));
     });
-    const renderCellInner$1 = (isFillGradient, rowHeader) => ({ label, description }, i) => (jsxs("div", { className: "flex justify-between text-s py-3.5", children: [jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), jsxs("div", { className: "basis-1/2", children: [label ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white' : ''}`, children: label })) : null, description ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: description })) : null] })] }, String(i)));
+    const renderCellInner = (isFillGradient, rowHeader) => ({ label, description }, i) => (jsxs("div", { className: "flex justify-between text-s py-3.5", children: [jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), jsxs("div", { className: "basis-1/2", children: [label ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white' : ''}`, children: label })) : null, description ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: description })) : null] })] }, String(i)));
 
     const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
         const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
@@ -680,7 +785,7 @@
         const { className, title } = props;
         return (jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, jsx("div", { role: "table", children: jsx(TableInner, { ...props }) })] }));
     });
-    const TableInner = JSX(({ columns, rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, context }) => {
+    const TableInner = JSX(({ columns, rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, ...rest }) => {
         const [columnsViewState, setColumnsViewState] = useState(new Array(columns?.length || 0).fill(!visibleRowLength));
         const handleToggleColumn = useCallback((colIndex) => {
             const toggleColState = (colState, i) => i === colIndex ? !colState : colState;
@@ -688,8 +793,8 @@
         }, []);
         const handleSlideChange = useCallback(() => setColumnsViewState((_) => new Array(_.length).fill(false)), []);
         const getColumnData = (cellData) => cellData?.map((cell, i) => ({ cell, rowHeader: rowHeaders?.[i]?.title }));
-        const tableColumns = columns?.map(({ data, header }, colIndex) => (jsx(TableColumn, { context: context, visibleRowLength: visibleRowLength, showRow: columnsViewState[colIndex], header: header, columnData: getColumnData(data), isFillGradient: colIndex === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(colIndex) }, String(colIndex))));
-        return orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, onSlideChange: handleSlideChange, children: tableColumns })) : (tableColumns);
+        const tableColumns = columns?.map(({ data, header }, colIndex) => (jsx(TableColumn, { visibleRowLength: visibleRowLength, showRow: columnsViewState[colIndex], header: header, columnData: getColumnData(data), isFillGradient: colIndex === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(colIndex), ...rest }, String(colIndex))));
+        return orientation === 'horizontal' ? (jsx(SwipeListControl, { onSlideChange: handleSlideChange, children: tableColumns })) : (tableColumns);
     });
 
     const consistentDataMap = new Map();
@@ -763,8 +868,10 @@
         return await response.json();
     }
 
-    function useSitemap(fallback = {}) {
-        const { data } = useAsyncData(`/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`, fetchJSONUnsafe, { fallback });
+    function useSWRResource(fileName, fallback = {}) {
+        const { data } = useAsyncData(`/wcms-resources/${fileName}.json`, fetchJSONUnsafe, {
+            fallback,
+        });
         return data || {};
     }
 
@@ -792,13 +899,9 @@
                     }, children: jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
     });
 
-    const SearchBar = JSX(({ className = '' }) => {
-        return jsx(SearchBarInner, { className: className, isMobile: true });
-    });
+    const SearchBar = JSX((props) => (jsx(SearchBarInner, { ...props, isMobile: true })));
 
-    const LinkList = JSX(({ className = '', documents, ...rest }) => {
-        return (jsx(BlockWrapper, { className: `font-sans bg-white mt-[10px] ${className}`, ...rest, children: jsx("ul", { className: "flex flex-col text-s text-secondary-text p-0", children: documents?.length ? renderLinkListItem(documents) : null }) }));
-    });
+    const LinkList = JSX(({ className = '', documents, ...rest }) => (jsx(BlockWrapper, { className: `font-sans bg-white mt-[10px] ${className}`, ...rest, children: jsx("ul", { className: "flex flex-col text-s text-secondary-text p-0", children: documents?.length ? renderLinkListItem(documents) : null }) })));
     const renderLinkListItem = (documents) => {
         return documents.map((doc, i) => {
             const { text, ...linkProps } = doc;
@@ -826,82 +929,7 @@
         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-8", 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 isURL = (href) => href?.includes('//');
-    const withoutQuery = (href) => (href || '').replace(/\/?\?.*/, '');
-    const getOrigin = (href) => {
-        if (!href || !isURL(href)) {
-            return undefined;
-        }
-        const url = href;
-        const protoSeparator = '//';
-        const endOfProto = url.indexOf(protoSeparator);
-        const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
-        return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
-    };
-    const getHash = (href) => {
-        if (!href || !isURL(href)) {
-            return undefined;
-        }
-        const hashIndex = href.indexOf('#');
-        return hashIndex !== -1 ? href.substring(hashIndex, href.length) : undefined;
-    };
-    const isHash = (href) => href?.startsWith('#');
-
-    var url = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        isURL: isURL,
-        withoutQuery: withoutQuery,
-        getOrigin: getOrigin,
-        getHash: getHash,
-        isHash: isHash
-    });
-
-    const MOBILE_URL_PATH = '/mobile';
-    const withoutMobilePath = (href) => (href || '').replace(MOBILE_URL_PATH, '');
-
-    const adjustHref = (href, router) => {
-        if (!href) {
-            return href;
-        }
-        const relativeHref = toRelativeHref(href, router) || '';
-        const isMobilePage = router?.pathname.startsWith(MOBILE_URL_PATH);
-        return isMobilePage && !isURL(relativeHref) ? `${MOBILE_URL_PATH}${relativeHref}` : relativeHref;
-    };
-    const toRelativeHref = (href, router) => {
-        if (!href) {
-            return href;
-        }
-        const origin = getOrigin(router?.href);
-        return origin ? href.replace(origin, '') || '/' : href;
-    };
-
-    const defaultHandlerDecorator = (handler) => handler;
-    function useLink({ router, handlerDecorator = defaultHandlerDecorator, }, link) {
-        const href = adjustHref(link.href, router);
-        return {
-            ...link,
-            href,
-            'aria-label': link.text,
-            onClick: handlerDecorator((ev) => {
-                const isLocalHref = href && !isURL(href);
-                const isLocalTarget = !link.target || link.target === '_self';
-                if (isLocalHref && isLocalTarget) {
-                    ev?.preventDefault();
-                    router.push(href);
-                }
-            }, link),
-        };
-    }
-
-    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 Contacts = JSX(({ className = '', items, hasButton }) => (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", href: "/", target: "_blank", ariaLabel: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C", text: "\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)));
@@ -918,14 +946,14 @@
     };
     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 HorizontalNavigationLink = JSX(({ className = '', index, text, ...rest }) => {
+        const link = useLink();
+        const { href, target, onClick } = link(rest);
+        return (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 = '' }) => (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", ..._ }, String(i)))) })) : null] })));
+
     const ICONS_MAP = [
         {
             origins: ['t.me', 'telegram.org'],
@@ -953,7 +981,9 @@
             label: 'Google Play',
         },
     ];
-    const MediaButton = JSX(({ href, version = 'primary' }) => {
+    const MediaButton = JSX(({ version = 'primary', ...rest }) => {
+        const link = useLink();
+        const { href, onClick } = link(rest);
         const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
         if (!icon) {
             return null;
@@ -962,32 +992,30 @@
             ? '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: getIconWithVersion(icon), imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
+        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", onClick: onClick, children: icon ? (jsx(Img, { image: getIconWithVersion(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 SocialMedia = JSX(({ className = '', media, version }) => (jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, ..._ }, 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 TextInformationLink = JSX(({ className = '', index, ...rest }) => {
+        const link = useLink();
+        const { href, target, text, onClick } = link(rest);
+        return (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 TextInformation = JSX(({ className = '', links }) => {
+        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, ..._ }, 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(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 Footer = JSX(({ className = '', ...rest }) => {
+        const fallback = rest.page?.fallback;
+        const sitemap = useSWRResource(projectSettings.SITEMAP || 'sitemap', fallback);
+        const { documents, relatedEnterprises, contacts, socialMedia, horizontalNavigationTitle } = useSWRResource(projectSettings.FOOTER || 'footer', fallback);
+        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, hasButton: true }), jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { label: item.text, ...rest, children: jsx(LinkList, { documents: item.items, ...rest }) }, String(i)))) }), jsx("div", { children: sitemap?.dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { 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", ...rest }), jsx(SearchBar, { className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
     });
     const renderSubMenuItem = (menu, i) => {
         const { icon, href, text } = menu;
-        return (jsxs(Button, { version: "link", href: href, className: "flex text-s mb-4 w-6", children: [icon ? (jsx(Img, { className: "pr-1", image: getIconWithVersion({ icon: icon }), width: "24", height: "24", asSVG: true })) : null, jsx("span", { className: "pl-2.5 font-medium text-primary-text", children: text })] }, `footer-${i}`));
+        return (jsxs(Button, { version: "link", href: href, className: "flex text-s mb-4 w-6", children: [icon ? (jsx(Img, { className: "pr-1", image: getIconWithVersion(icon), width: "24", height: "24", asSVG: true })) : null, jsx("span", { className: "pl-2.5 font-medium text-primary-text", children: text })] }, `footer-${i}`));
     };
 
     const VersionStyleMap = {
@@ -995,12 +1023,12 @@
         secondary: 'bg-primary-main text-white',
     };
 
-    const Gallery = JSX(({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
+    const Gallery = JSX(({ title, description, cards = [], className, orientation = 'horizontal' }) => {
         const headingClassName = description ? 'mb-2' : 'mb-5';
-        return (jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (jsx(Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? (jsx("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards, context)] }));
+        return (jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (jsx(Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? (jsx("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards)] }));
     });
-    function renderCardsLayout(orientation, cards, context) {
-        return orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, children: cards?.map(renderCard) })) : (jsx("div", { className: "grid gap-[14px]", children: cards?.map(renderCard) }));
+    function renderCardsLayout(orientation, cards) {
+        return orientation === 'horizontal' ? (jsx(SwipeListControl, { children: cards?.map(renderCard) })) : (jsx("div", { className: "grid gap-[14px]", children: cards?.map(renderCard) }));
     }
     function renderCard(card, key) {
         return (jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
@@ -1025,7 +1053,7 @@
     const maxBy = (discriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
 
     const isHrefActive = (href, router, cmp = (targetHref, baseHref) => baseHref.startsWith(targetHref)) => {
-        return cmp(withoutQuery(href), withoutMobilePath(withoutQuery(isURL(href) ? router.href : router.pathname)));
+        return cmp(withoutQuery(href), withoutQuery(isURL(href) ? router.href : router.pathname));
     };
 
     const isSubItemActive = (router) => (subItem) => isHrefActive(subItem.href, router);
@@ -1078,9 +1106,9 @@
         return [city, getCity];
     }
 
-    const HeaderBurger = JSX(({ context, burgerSubMenu, onClick, defaultLocation = '', children }) => {
+    const HeaderBurger = JSX(({ burgerSubMenu, onClick, defaultLocation = '', children }) => {
         const [city, getCity] = useGeolocation(defaultLocation);
-        return (jsxs("div", { className: "absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20", children: [jsx("button", { className: "absolute top-4 right-4 border-none bg-transparent cursor-pointer", onClick: onClick, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24", asSVG: true }) }), jsxs("button", { onClick: getCity, className: "flex items-center text-s text-secondary-text p-0 mb-4 bg-transparent cursor-pointer", children: [jsx(Img, { image: "GeolocationIcon", width: "20", height: "20", className: "text-primary-main box-border mr-2", asSVG: true }), city] }), children, jsx("div", { className: "mb-7", children: burgerSubMenu?.map(renderBurgerSubMenuItem) }), jsx(SearchBar, { context: context, className: "grow" })] }));
+        return (jsxs("div", { className: "absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20", children: [jsx("button", { className: "absolute top-4 right-4 border-none bg-transparent cursor-pointer", onClick: onClick, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24", asSVG: true }) }), jsxs("button", { onClick: getCity, className: "flex items-center text-s text-secondary-text p-0 mb-4 bg-transparent cursor-pointer", children: [jsx(Img, { image: "GeolocationIcon", width: "20", height: "20", className: "text-primary-main box-border mr-2", asSVG: true }), city] }), children, jsx("div", { className: "mb-7", children: burgerSubMenu?.map(renderBurgerSubMenuItem) }), jsx(SearchBar, { className: "grow" })] }));
     });
     const renderBurgerSubMenuItem = (menu, i) => {
         const { icon, href, text } = menu;
@@ -1089,25 +1117,18 @@
 
     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, page }) => {
-        const { handlerDecorator } = context;
-        const router = context.useRouter();
+    const Header = JSX(({ className = '', defaultLocation, bgColor = 'bg-white', ...rest }) => {
+        const router = useRouter();
+        const { page } = rest;
         const fallback = page?.fallback;
-        const { topItems, dispositions } = useSitemap(fallback);
+        const { topItems, dispositions } = useSWRResource(projectSettings.SITEMAP || 'sitemap', fallback);
         const activeTopItem = topItems?.find(isTopItemActive(router));
         const subItems = activeTopItem?.items;
         const activeSubItem = findActiveSubItem(router)(subItems);
         const [burgerMenuShow, setBurgerMenuShow] = useState(false);
         const toggleBurgerMenu = () => setBurgerMenuShow(!burgerMenuShow);
-        return (jsxs("header", { className: `${bgColor} ${className}`, children: [jsxs("div", { className: "container px-4 py-0 box-border", children: [jsx(HeaderTop, { onClick: toggleBurgerMenu, bgColor: bgColor }), jsx("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]", children: jsx("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => renderSubItem({
-                                    ...useLink({ router, handlerDecorator }, _),
-                                    active: _ === activeSubItem,
-                                    bgColor,
-                                }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(AccordionItemsList, { children: topItems?.map((item, i) => {
-                            item?.text ? (jsx(AccordionItem, { context: context, label: item.text, children: jsx(LinkList, { context: context, documents: item.items }) }, String(i))) : null;
-                        }) }) })) : null] }));
+        return (jsxs("header", { className: `${bgColor} ${className}`, children: [jsxs("div", { className: "container px-4 py-0 box-border", children: [jsx(HeaderTop, { onClick: toggleBurgerMenu, bgColor: bgColor }), jsx("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]", children: jsx("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", active: _ === activeSubItem, bgColor: bgColor, ..._ }, String(i)))) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(AccordionItemsList, { children: topItems?.map((item, i) => (jsx(AccordionItem, { label: item.text, ...rest, children: jsx(LinkList, { documents: item.items, ...rest }) }, String(i)))) }) })) : null] }));
     });
-    const renderSubItem = (item, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", ...item }, String(i)));
 
     const AlignText = {
         left: 'text-left',
@@ -1158,11 +1179,9 @@
 
     const LinkDocsListItem = JSX(({ className = '', doc, icon }) => (jsx(LinkDocsListItemBase, { className: `flex h-full box-border ${className}`, iconClassName: "mr-3 min-w-6 min-h-6", doc: doc, icon: icon })));
 
-    const LinkDocsHorizontalList = JSX(({ context, hasBorder = true, documents, icon }) => {
-        return (jsx(SwipeListControl, { context: context, className: "text-s text-primary-main mt-5", children: documents?.length
-                ? documents.map((doc, i) => (jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
-                : null }));
-    });
+    const LinkDocsHorizontalList = JSX(({ hasBorder = true, documents, icon }) => (jsx(SwipeListControl, { className: "text-s text-primary-main mt-5", children: documents?.length
+            ? documents.map((doc, i) => (jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
+            : null })));
 
     const LinkDocsVerticalList = JSX(({ hasBorder = true, documents, icon }) => {
         return (jsx("div", { className: `text-s text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
@@ -1170,9 +1189,7 @@
                 : null }));
     });
 
-    const LinkDocs = JSX(({ className = '', context, title, description, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
-        return (jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [jsx(Headline, { className: `!p-0 ${description ? 'gap-2' : 'gap-5'}`, title: title, description: description, context: context, align: "center" }), orientation === 'vertical' ? (jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
-    });
+    const LinkDocs = JSX(({ className = '', title, description, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, ...rest }) => (jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [jsx(Headline, { className: `!p-0 ${description ? 'gap-2' : 'gap-5'}`, title: title, description: description, align: "center", ...rest }), orientation === 'vertical' ? (jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (jsx(LinkDocsHorizontalList, { hasBorder: hasBorder, documents: documents, icon: icon }))] })));
 
     const getColSpan = (className) => {
         const colSpanPrefix = 'col-span-';
@@ -1220,8 +1237,8 @@
     }
 
     const GOLDEN_RATIO = 1.618;
-    const Placeholder = JSX(({ className, context, title, description = 'Блок в разработке...', ...rest }) => {
-        return (jsxs(BlockWrapper, { context: context, className: `bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: [jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, headlineVersion: getTileHeadingType(className) }), jsx("figure", { className: "m-0 min-w-[80%]", children: renderShimmer() })] }));
+    const Placeholder = JSX(({ className, title, description = 'Блок в разработке...', ...rest }) => {
+        return (jsxs(BlockWrapper, { className: `bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: [jsx(Headline, { className: "!p-0 max-w-[600px]", title: title, description: description, headlineVersion: getTileHeadingType(className), ...rest }), jsx("figure", { className: "m-0 min-w-[80%]", children: renderShimmer() })] }));
     });
     const renderShimmer = (size = 3) => goldenSequence(100, size)
         .map((_) => Math.floor(_))
@@ -1229,11 +1246,7 @@
     const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-2 bg-secondary-light" }, String(index)));
     const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
 
-    const ButtonSection = JSX(({ context, className = '', buttons }) => {
-        const { handlerDecorator } = context;
-        const router = context.useRouter();
-        return buttons && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => renderButton({ button: useLink({ router, handlerDecorator }, button), index })) })) : null;
-    });
+    const ButtonSection = JSX(({ className = '', buttons }) => buttons && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => renderButton({ button, index })) })) : null);
     function renderButton({ button, buttonClassName, index }) {
         const { icon, iconRight, version, ...rest } = button;
         const iconVersion = version === 'secondary' ? 'color' : 'white';
@@ -1286,9 +1299,7 @@
         return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className} ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''}`, role: "list", children: items.map((item, i) => (jsx(ListItem, { className: `${itemClassName} mb-1.5`, isDotted: isDotted, version: version, size: listItemSize, children: item }, String(i)))) }));
     });
 
-    const BaseTile = JSX(({ className = '', title = '', children, buttons, image }) => {
-        return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: "flex grow w-full justify-between", children: [jsxs("div", { className: "flex flex-col justify-between w-full", children: [jsx("div", { className: "h-full", children: children }), buttons ? jsx("div", { className: "mt-auto pt-8", children: buttons }) : null] }), image] })] }));
-    });
+    const BaseTile = JSX(({ className = '', title = '', buttons, image, children }) => (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: "flex grow w-full justify-between", children: [jsxs("div", { className: "flex flex-col justify-between w-full", children: [jsx("div", { className: "h-full", children: children }), buttons ? jsx("div", { className: "mt-auto pt-8", children: buttons }) : null] }), image] })] })));
 
     const titleStyleMap = {
         primary: 'text-primary-text',
@@ -1317,8 +1328,8 @@
 
     const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => (jsx(BenefitItem, { icon: icon, label: label, description: description, version: version, benefitsVersion: benefitsVersion }, String(i)));
 
-    const ProductBlockInner = JSX(({ className = '', context, title, headlineVersion = 'L', description, benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, }) => {
-        return (jsxs("div", { className: `w-full ${className}`, children: [jsxs("div", { children: [label ? renderLabel(label, version) : null, jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, bgColorHeadline: version, headlineVersion: headlineVersion }), jsxs(BaseTile, { context: context, buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [benefits?.filter((_) => _.label)?.length ? (jsx("div", { className: "mt-3", children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (jsx(List, { className: "mt-3 text-m", items: items, version: version, isDotted: isDotted })) : null] })] }), renderImage$1(image)] }));
+    const ProductBlockInner = JSX(({ className = '', headlineVersion = 'L', benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, ...rest }) => {
+        return (jsxs("div", { className: `w-full ${className}`, children: [jsxs("div", { children: [label ? renderLabel(label, version) : null, jsx(Headline, { className: "!p-0 max-w-[600px]", bgColorHeadline: version, headlineVersion: headlineVersion, ...rest }), jsxs(BaseTile, { buttons: buttons?.length ? (jsx(ButtonSection, { buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [benefits?.filter((_) => _.label)?.length ? (jsx("div", { className: "mt-3", children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (jsx(List, { className: "mt-3 text-m", items: items, version: version, isDotted: isDotted })) : null] })] }), renderImage$1(image)] }));
     });
     function renderImage$1(image) {
         return image?.src ? (jsx(Img, { imageClassName: "mt-5 mx-auto block", image: { className: 'block', ...image } })) : null;
@@ -1334,16 +1345,6 @@
         return (jsx("section", { className: `font-sans bg-white px-4 py-6 ${VersionStyleMap[version]} ${className}`, children: jsx(ProductBlockInner, { ...props }) }));
     });
 
-    const ProductGalleryBlock = JSX(({ block, context, className = '' }) => {
-        const version = block?.version ?? 'primary';
-        return (jsx("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${VersionStyleMap[version]} ${className}`, role: "listitem", children: jsx("div", { className: "flex grow", children: jsx(ProductBlockInner, { context: context, ...block }) }) }));
-    });
-
-    const ProductGallery = JSX(({ className, context, slides = [] }) => {
-        const galleryBlocks = slides.map((s) => s.productBlock);
-        return (jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
-    });
-
     const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
 
     const STEPS_BLOCK_STYLE_MAPS = {
@@ -1416,35 +1417,27 @@
         return (jsxs("div", { className: "flex gap-2.5 mb-2", children: [title ? jsx(Heading, { headingType: "h3", className: "font-medium", title: title }) : null, icon ? (jsx(Img, { className: "ml-auto max-w-6 max-h-6", image: icon, width: "24px", height: "24px" })) : null] }));
     });
 
-    const TariffsTableTileCell = JSX(({ context, tile }) => {
-        return (jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [jsx(TableTileHeader, { ...tile.header }), tile.data?.length ? tile.data.map(renderCellInner(context)) : null] }));
-    });
-    const renderCellInner = (context) => (cell, i) => (jsxs("div", { children: [i > 0 ? jsx("div", { className: "h-5" }) : null, renderCell(cell, context)] }, String(i)));
-    const renderCell = (cell, context) => {
-        if (!cell) {
-            return null;
-        }
-        const { tableCellType: type, ...rest } = cell;
-        if (!type || !(type in EmbeddableCellData)) {
+    const TariffsTableTileCell = JSX(({ tile, ...rest }) => (jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [jsx(TableTileHeader, { ...tile?.header }), tile?.data?.length
+                ? tile.data.map((cell, i) => (jsxs("div", { children: [i > 0 ? jsx("div", { className: "h-5" }) : null, renderCell(cell, rest)] }, String(i))))
+                : null] })));
+    function renderCell(cell, props) {
+        if (!cell || !cell.tableCellType || !(cell.tableCellType in EmbeddableCellData)) {
             return null;
         }
-        const EmbeddableCellInner = EmbeddableCellData[type];
-        return (jsx(EmbeddableCellInner, { context: context, displayTable: () => null, ...rest, isVisible: true }));
-    };
+        const EmbeddableCellInner = EmbeddableCellData[cell.tableCellType];
+        return jsx(EmbeddableCellInner, { displayTable: () => null, isVisible: true, ...cell, ...props });
+    }
 
-    const TariffsTableHorizontal = JSX(({ tiles, context }) => (jsx(SwipeListControl, { context: context, children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { tile: tile, context: context }, String(i)))) })));
+    const TariffsTableHorizontal = JSX(({ tiles, ...rest }) => tiles?.length ? (jsx(SwipeListControl, { ...rest, children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { tile: tile, ...rest }, String(i)))) })) : null);
 
-    const TariffsTableVertical = JSX(({ tiles, context }) => (jsx("div", { className: "flex flex-col gap-3.5", children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { tile: tile, context: context }, String(i)))) })));
+    const TariffsTableVertical = JSX(({ tiles, ...rest }) => tiles?.length ? (jsx("div", { className: "flex flex-col gap-3.5", children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { tile: tile, ...rest }, String(i)))) })) : null);
 
-    const TariffsTable = JSX(({ className, context, title, description, tariffsColumns: columns, rowHeaders, orientation = 'vertical', }) => {
+    const TariffsTable = JSX(({ className, title, description, tariffsColumns: columns, rowHeaders, orientation = 'vertical', ...rest }) => {
         const colData = getColData(columns);
         const tiles = getTiles(rowHeaders, colData);
         const headingMargin = description ? 'mb-2' : 'mb-5';
-        return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${headingMargin}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
+        return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${headingMargin}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m", children: description }) : null, orientation === 'vertical' ? (jsx(TariffsTableVertical, { tiles: tiles, ...rest })) : (jsx(TariffsTableHorizontal, { tiles: tiles, ...rest }))] }));
     });
-    function renderOrientationTable(orientation, tiles, context) {
-        return orientation === 'vertical' ? (jsx(TariffsTableVertical, { context: context, tiles: tiles })) : (jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
-    }
     const getColData = (columns) => columns?.[0].data ? columns[0].data : [];
     const getTiles = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
         header,
@@ -1495,7 +1488,6 @@
         LinkList,
         MobileAppTile,
         ProductBlock,
-        ProductGallery,
         StepsBlock,
         TariffsTable,
         TextBlock,
@@ -1541,30 +1533,27 @@
                     d: "M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77" }), jsx("path", { ...params, d: "M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z" })] }));
     };
 
-    const LikeControl = JSX(({ className, context, ...rest }) => {
-        const { useRouter, handlerDecorator = defaultHandlerDecorator } = context;
+    const LikeControl = JSX(({ className = '' }) => {
         const router = useRouter();
         const likeService = useLikeService(router.pathname);
-        return (jsxs(BlockWrapper, { tag: "div", context: context, className: `border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className || ''}`, ...rest, children: [jsx(LikeButton, { onClick: handlerDecorator(likeService.like), ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u043B\u0430\u0439\u043A\u00BB" }), jsx(LikeButton, { onClick: handlerDecorator(likeService.dislike), className: "rotate-180", ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u0434\u0438\u0437\u043B\u0430\u0439\u043A\u00BB" }), jsx("span", { className: "select-none", children: likeService.likeCount })] }));
+        return (jsxs("div", { className: `border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className}`, children: [jsx(LikeButton, { onClick: handlerDecorator(likeService.like), ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u043B\u0430\u0439\u043A\u00BB" }), jsx(LikeButton, { onClick: handlerDecorator(likeService.dislike), className: "rotate-180", ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u0434\u0438\u0437\u043B\u0430\u0439\u043A\u00BB" }), jsx("span", { className: "select-none", children: likeService.likeCount })] }));
     });
 
     const DEFAULT_SLOT_NAME = null;
 
-    function renderSlots({ slots = {}, parent, options, ancestors = [], }) {
-        return Object.entries(slots).reduce((res, [slotName, slotBlocks]) => ({
-            ...res,
-            [slotName]: renderBlocksList({
-                blocks: slotBlocks,
-                parent,
-                slotName,
-                options,
-                ancestors,
-            }),
-        }), {});
-    }
+    const renderSlots = ({ slots, parent, options, ancestors = [], }) => Object.entries(slots || {}).reduce((res, [slotName, slotBlocks]) => ({
+        ...res,
+        [slotName]: renderBlocksList({
+            blocks: slotBlocks,
+            parent,
+            slotName,
+            options,
+            ancestors,
+        }),
+    }), {});
 
     function renderBlock({ block = {}, options, ancestors = [] }) {
-        const { key, page, blockDecorator, blocksRegistry = {}, context } = options;
+        const { key, page, blockDecorator, blocksRegistry = {} } = options;
         const { type, slots, blocks: childBlocks } = block;
         if (!(type && type in blocksRegistry)) {
             console.warn(`No block with "${type}" is registered`);
@@ -1579,61 +1568,55 @@
             ancestors,
             // Adjusted by decorator block and blockClassName
             render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
-                const { version, anchor, labels, content } = adjustedBlock;
-                return BlockComponent ? (jsx(BlockComponent, { className: adjustedBlockClassName, context: context, page: page, ancestors: ancestors, version: version, anchor: anchor, labels: labels, slots: blockSlots, ...content, children: children }, key)) : null;
+                const { content } = adjustedBlock;
+                return BlockComponent ? (jsx(BlockComponent, { page: page, block: adjustedBlock, className: adjustedBlockClassName, ancestors: ancestors, slots: blockSlots, ...content, children: children }, key)) : null;
             },
         }, key);
     }
 
-    const defaultChildRenderer = (_) => _;
-    function renderBlocksList({ blocks = [], parent, slotName = DEFAULT_SLOT_NAME, options, ancestors = [], }) {
-        const { blocksRegistry = {} } = options;
-        const { type } = parent;
-        const BlockComponent = type && blocksRegistry[type];
-        const { renderChild = defaultChildRenderer } = BlockComponent || {};
-        return blocks.map((_, j) => renderChild(renderBlock({
-            block: _,
-            options: { ...options, key: `${options.key ? options.key : _.type}-${j}` },
-            ancestors: [...ancestors, [parent, slotName]],
-        }), j));
-    }
+    const renderBlocksList = ({ blocks, parent, slotName = DEFAULT_SLOT_NAME, options, ancestors = [], }) => (blocks || []).map((_, j) => renderBlock({
+        block: _,
+        options: { ...options, key: `${options.key ? options.key : _.type}-${j}` },
+        ancestors: [...ancestors, [parent, slotName]],
+    }));
 
     const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
     const ContentPage = JSX((props) => {
-        const { className = '', blocksRegistry, blockDecorator, context, data = {} } = props;
+        const { className = '', blocksRegistry, blockDecorator, data = {} } = props;
         const { style: pageStyle, blocks, slots, likeControl, colorPalette = 'pc' } = data;
         const options = {
             key: '',
             blocksRegistry,
             page: data,
             blockDecorator: blockDecorator || defaultBlockDecorator,
-            context,
         };
         const pageSlots = renderSlots({ slots, parent: data, options });
-        return (jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [pageSlots?.header ? (jsx("div", { className: "mb-5 shadow-[0_8px_32px_0px_#00000014]", children: pageSlots.header })) : null, blocks?.length ? (jsxs("div", { className: "container grid grid-cols-12 gap-1", children: [renderBlocksList({ blocks, parent: data, options }), pageSlots?.footer ? pageSlots.footer : null] })) : null, likeControl ? renderLikeControl(context) : null] }));
+        return (jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [pageSlots?.header ? (jsx("div", { className: "mb-5 shadow-[0_8px_32px_0px_#00000014]", children: pageSlots.header })) : null, blocks?.length ? (jsxs("div", { className: "container grid grid-cols-12 gap-1", children: [renderBlocksList({ blocks, parent: data, options }), pageSlots?.footer ? pageSlots.footer : null] })) : null, likeControl ? renderLikeControl() : null] }));
     });
     ContentPage.childrenTypes = [];
     ContentPage.slots = () => ['header', 'footer'];
-    function renderLikeControl(context) {
-        return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }, "LikeControl") }));
+    function renderLikeControl() {
+        return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto" }) }));
     }
 
     function joinList(sep) {
         return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
     }
 
-    const packageVersion = "0.6.26";
+    const packageVersion = "0.6.27";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;
     exports.DaDataAPI = DaDataAPI;
     exports.LikeAPI = LikeAPI;
+    exports.handlerDecorator = handlerDecorator;
     exports.joinList = joinList;
     exports.packageVersion = packageVersion;
     exports.projectSettings = projectSettings;
     exports.setup = setup;
     exports.setupHooks = setupHooks;
     exports.url = url;
+    exports.useRouter = useRouter;
 
     Object.defineProperty(exports, '__esModule', { value: true });