@redneckz/wildless-cms-uni-blocks 0.14.162 → 0.14.164

package/bundle/bundle.umd.js

@@ -1,6 +1,6 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('path'), require('fs/promises')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'path', 'fs/promises'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.UniBlocks = {}));
 })(this, (function (exports) { 'use strict';
 
@@ -53,175 +53,6 @@
         };
     }
 
-    const appendSlash = (url) => url && !url.endsWith('/') ? `${url}/` : url;
-
-    const DEFAULT_PROJECT_SETTINGS = { PROD_BRANCH: 'master' };
-    const projectSettings = new (class {
-        _ = DEFAULT_PROJECT_SETTINGS;
-        setup(_) {
-            this._ = _;
-        }
-        get TEST_BRANCH() {
-            return this._.TEST_BRANCH;
-        }
-        get RC_BRANCH() {
-            return this._.RC_BRANCH;
-        }
-        get PROD_BRANCH() {
-            return this._.PROD_BRANCH || DEFAULT_PROJECT_SETTINGS.PROD_BRANCH;
-        }
-        get FORCED_DRAFT_FLOW() {
-            return this._.FORCED_DRAFT_FLOW;
-        }
-        get ASSIST_PROJECT_ID() {
-            return this._.ASSIST_PROJECT_ID;
-        }
-        get SITEMAP() {
-            return this._.SITEMAP;
-        }
-        get STICKY_MOBILE_MENU() {
-            return this._.STICKY_MOBILE_MENU;
-        }
-        get FOOTER() {
-            return this._.FOOTER;
-        }
-        get PORTAL_DATA() {
-            return this._.PORTAL_DATA;
-        }
-        get CHAT_BOT() {
-            return this._.CHAT_BOT;
-        }
-        get CDN() {
-            return appendSlash(this._.CDN);
-        }
-        get BASE_PATH() {
-            return appendSlash(this._.BASE_PATH);
-        }
-        get YANDEX_MAP_API_KEY() {
-            return this._.YANDEX_MAP_API_KEY;
-        }
-        get YANDEX_METRIKA_ID() {
-            return this._.YANDEX_METRIKA_ID;
-        }
-    })();
-
-    const AUTH_PREFIX = 'guest';
-    const STORAGE_KEY = 'likesToken';
-    // eslint-disable-next-line max-lines-per-function
-    function LikeAPI() {
-        async function getLikeCount(...nodeIds) {
-            if (!nodeIds.length) {
-                return [];
-            }
-            const { token: Authorization } = await auth();
-            try {
-                const response = await fetch(`/assist/v1/public/projects/${projectSettings.ASSIST_PROJECT_ID}/nodes/likes`, {
-                    method: 'POST',
-                    mode: 'cors',
-                    headers: { 'Content-Type': 'application/json', Authorization },
-                    body: JSON.stringify({
-                        node_ids: nodeIds,
-                    }),
-                });
-                const { likes } = await response.json();
-                return likes || [];
-            }
-            catch (e) {
-                console.error(e);
-                return [];
-            }
-        }
-        async function like(nodeId) {
-            if (!nodeId) {
-                return 0;
-            }
-            const { token: Authorization, name } = await auth();
-            try {
-                const response = await fetch(`/assist/v1/public/projects/${projectSettings.ASSIST_PROJECT_ID}/nodes/like`, {
-                    method: 'POST',
-                    mode: 'cors',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        Authorization,
-                        UserID: name,
-                    },
-                    body: JSON.stringify({
-                        node_id: nodeId,
-                        user_name: name,
-                    }),
-                });
-                const { likes } = await response.json();
-                return likes || 0;
-            }
-            catch (e) {
-                console.error(e);
-                return 0;
-            }
-        }
-        async function dislike(nodeId) {
-            if (!nodeId) {
-                return 0;
-            }
-            const { token: Authorization, name } = await auth();
-            try {
-                const response = await fetch(`/assist/v1/public/projects/${projectSettings.ASSIST_PROJECT_ID}/nodes/unlike`, {
-                    method: 'POST',
-                    mode: 'cors',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        Authorization,
-                        UserID: name,
-                    },
-                    body: JSON.stringify({
-                        node_id: nodeId,
-                        user_name: name,
-                    }),
-                });
-                const { likes } = await response.json();
-                return likes || 0;
-            }
-            catch (e) {
-                console.error(e);
-                return 0;
-            }
-        }
-        async function auth() {
-            try {
-                const userData = JSON.parse(globalThis.localStorage?.getItem(STORAGE_KEY) || '');
-                if (userData?.token) {
-                    return userData;
-                }
-            }
-            catch (e) {
-                // do nothing
-            }
-            try {
-                const response = await fetch(`/assist/v1/public/auth`, {
-                    method: 'POST',
-                    mode: 'cors',
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify({
-                        prefix: AUTH_PREFIX,
-                    }),
-                });
-                const { token, name } = await response.json();
-                globalThis.localStorage?.setItem(STORAGE_KEY, JSON.stringify({ token, name }));
-                return { token, name };
-            }
-            catch (e) {
-                console.error(e);
-                return {};
-            }
-        }
-        return {
-            getLikeCount,
-            like,
-            dislike,
-        };
-    }
-
     const jsx = (...args) => globalThis._uni._jsx(...args);
     const jsxs = (...args) => globalThis._uni._jsxs(...args);
 
@@ -436,6 +267,21 @@
             : null;
     }
 
+    const appendSlash = (url) => url && !url.endsWith('/') ? `${url}/` : url;
+
+    const URI_KEYS = ['CDN', 'BASE_PATH'];
+    const projectSettings = new Proxy({
+        _: {},
+        setup(_) {
+            this._ = _;
+        },
+    }, {
+        get(target, p) {
+            const result = target._[p] || target[p];
+            return URI_KEYS.includes(p) ? appendSlash(result) : result;
+        },
+    });
+
     const dirname = (path) => path?.split('/').slice(0, -1).join('/');
 
     const isUUID = (src) => {
@@ -817,74 +663,75 @@
     const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
     const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
 
-    const ProductBlock = JSX(({ className, padding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
-    ProductBlock.childrenTypes = ['UnitBlock'];
+    const isJSONArray = (_) => Boolean(_ && Array.isArray(_));
+    const isJSONRecord = (_) => Boolean(_ && !Array.isArray(_) && typeof _ === 'object');
+    const isJSONRef = (_) => Boolean(isJSONRecord(_) && typeof _.$ref === 'string');
 
-    const isFilled = (_) => _ !== null && _ !== undefined;
+    const mapJSONNode = (json, handlers) => {
+        if (isJSONRef(json)) {
+            return handlers.ref(json);
+        }
+        else if (isJSONRecord(json)) {
+            return handlers.record(json);
+        }
+        else if (isJSONArray(json)) {
+            return handlers.array(json);
+        }
+        else {
+            return handlers.scalar ? handlers.scalar(json) : json;
+        }
+    };
 
-    const defaultCache = new Map();
-    const applyCache = (fetcher, cache = defaultCache) => (args) => {
-        const key = computeKey(args);
-        const cachedData = cache.get(key);
-        if (key && isFilled(cachedData)) {
-            return cachedData;
-        }
-        const data = fetcher(...args);
-        if (key && isFilled(data)) {
-            cache.set(key, Promise.resolve(data));
-        }
-        return data;
-    };
-    const isKey = (args) => Boolean(args?.every(_ => (Array.isArray(_) ? isKey(_) : !_ || typeof _ === 'string')));
-    const computeKey = (args) => (isKey(args) ? args.toString() : '');
+    const mergeRecords = (entries) => entries.reduce((acc, _) => Object.assign(acc, _), {});
 
-    const isFallbackKey = (args) => Boolean(args && Array.isArray(args) && args.length === 1 && typeof args[0] === 'string');
-    function useAsyncData(key, fetcher, { fallback, cache } = {}) {
-        const args = useMemo(() => keyToArgs(key), [key]);
-        const [data, setData] = useState(undefined);
-        const [error, setError] = useState(undefined);
-        useEffect(() => {
-            const isEmptyKey = !args.some(isFilled);
-            if (isEmptyKey) {
-                return;
-            }
-            let canceled = false;
-            const setResult = (newData, err) => {
-                if (!canceled) {
-                    setData(newData);
-                    setError(err);
-                }
-            };
-            (async () => {
-                try {
-                    setResult(await applyCache(fetcher, cache)(args));
-                }
-                catch (err) {
-                    setResult(undefined, err);
-                }
-            })();
-            return () => {
-                canceled = true;
-            };
-        }, [fetcher, cache, args]);
-        const fallbackData = fallback && isFallbackKey(args) && fallback[args[0]];
-        return {
-            data: !data && fallbackData ? fallbackData : data,
-            error,
-            mutate: () => Promise.resolve(undefined) // TODO Clean up cache
-        };
-    }
-    function keyToArgs(key) {
-        if (Array.isArray(key)) {
-            return key;
-        }
-        else if (key instanceof Function) {
-            return keyToArgs(key());
-        }
-        else {
-            return [key];
-        }
-    }
+    const parseJPointer = (uri) => uri.includes('#')
+        ? uri
+            .substring(uri.indexOf('#') + 1)
+            .split('/')
+            .filter(Boolean)
+        : [];
+
+    const resolveJPointer = (json, uri) => parseJPointer(uri).reduce(selectNodeByKey, json);
+    const selectNodeByKey = (json, key) => {
+        if (!json || !key) {
+            return json;
+        }
+        if (isJSONRecord(json)) {
+            return json[key];
+        }
+        else if (isJSONArray(json)) {
+            return json[parseInt(key, 10)];
+        }
+        else {
+            return json;
+        }
+    };
+
+    const resolveRef = (json, resolver) => mapJSONNode(json, {
+        ref: ({ $ref, ...rest }) => resolveRef($ref ? resolveJPointer(resolver($ref), $ref) : rest, resolver),
+        record: record => mergeRecords(Object.entries(record).map(([key, value]) => ({ [key]: resolveRef(value, resolver) }))),
+        array: list => list.map(_ => resolveRef(_, resolver))
+    });
+
+    const visitRef = (json, visitor, path = []) => {
+        mapJSONNode(json, {
+            ref: json => visitor(json.$ref, path),
+            record: record => {
+                for (const key in record)
+                    visitRef(record[key], visitor, [...path, key]);
+            },
+            array: list => {
+                for (let i = 0; i < list.length; i++)
+                    visitRef(list[i], visitor, [...path, i]);
+            }
+        });
+    };
+
+    const collectRef = (json) => {
+        const refs = [];
+        visitRef(json, _ => refs.push(_));
+        return refs;
+    };
 
     async function fetchJSON(url, options) {
         try {
@@ -906,27 +753,52 @@
         return response.json();
     };
 
-    const EMPTY_VALUE$4 = {};
-    const DEFAULT_PATH_DIR = '/wcms-resources';
-    function useSWRResource(filename, options = {}) {
-        const { fallback = EMPTY_VALUE$4, pathDir = DEFAULT_PATH_DIR } = options;
-        const { data } = useAsyncData(filename ? `${pathDir}/${filename}.json` : null, fetchJSONUnsafe, {
-            fallback,
+    const unique = (list) => [...new Set(list)];
+
+    const refsCache = {};
+    const EXCLUSIONS = ['/portal-resources']; // portal-resources are handled only at compile-time
+    const fetchRefs = async (refs) => Object.fromEntries((await Promise.allSettled(unique(refs)
+        .filter(($ref) => !EXCLUSIONS.some((_) => $ref.startsWith(_)))
+        .map(async ($ref) => [
+        $ref,
+        (refsCache[$ref] ||= await fetchJSONUnsafe($ref)),
+    ])))
+        .filter((res) => res.status === 'fulfilled')
+        .map(({ value }) => value));
+
+    const useJSONRef = (content, fallback) => {
+        const refs = collectRef(content);
+        const [refsMap, setRefsMap] = useState({});
+        useEffect(() => {
+            if (refs.length) {
+                fetchRefs(refs).then(setRefsMap);
+            }
+        }, [refs.join()]);
+        return refs.length
+            ? resolveRef(content, (_) => refsMap[_] || fallback?.[_])
+            : content;
+    };
+
+    const extractContent = ({ block, options, className, defaultPadding, padding, isTheme, version, children, ...content }) => content;
+
+    function UniBlock(InputComponent, meta = {}) {
+        const OutputComponent = JSX((props) => {
+            const content = useJSONRef(extractContent(props), props.options?.page?.fallback);
+            return jsx(InputComponent, { ...props, ...content });
         });
-        return data || EMPTY_VALUE$4;
+        Object.assign(OutputComponent, meta);
+        return OutputComponent;
     }
 
-    const useAdTile = (sourceBook = 'reklamnaya-plitka') => {
-        const data = useSWRResource(sourceBook);
-        const tileIndex = useMemo(() => randomNumInRange(0, data?.items?.length), [data]);
-        return data?.items?.[tileIndex];
-    };
-    const randomNumInRange = (min = 0, max = 0) => Math.floor(Math.random() * (max - min) + min);
+    const ProductBlock = UniBlock(({ className, padding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })), { childrenTypes: ['UnitBlock'] });
 
     const AdTile = JSX((props) => {
-        const content = useAdTile(props.options?.page?.adSourceBook);
+        const { items } = (props.options?.page?.adSourceBook ?? {});
+        const tileIndex = useMemo(() => randomNumber(0, items?.length), [items]);
+        const content = items?.[tileIndex];
         return content ? (jsx(ClientOnly, { children: jsx(ProductBlock, { ...content, ...props }) })) : null;
     });
+    const randomNumber = (min = 0, max = 0) => Math.floor(Math.random() * (max - min) + min);
 
     const formatPhone = (phone) => phone?.replace(/[^+\d]/g, '');
 
@@ -1128,6 +1000,72 @@
         },
     ];
 
+    const isFilled = (_) => _ !== null && _ !== undefined;
+
+    const defaultCache = new Map();
+    const applyCache = (fetcher, cache = defaultCache) => (args) => {
+        const key = computeKey(args);
+        const cachedData = cache.get(key);
+        if (key && isFilled(cachedData)) {
+            return cachedData;
+        }
+        const data = fetcher(...args);
+        if (key && isFilled(data)) {
+            cache.set(key, Promise.resolve(data));
+        }
+        return data;
+    };
+    const isKey = (args) => Boolean(args?.every(_ => (Array.isArray(_) ? isKey(_) : !_ || typeof _ === 'string')));
+    const computeKey = (args) => (isKey(args) ? args.toString() : '');
+
+    const isFallbackKey = (args) => Boolean(args && Array.isArray(args) && args.length === 1 && typeof args[0] === 'string');
+    function useAsyncData(key, fetcher, { fallback, cache } = {}) {
+        const args = useMemo(() => keyToArgs(key), [key]);
+        const [data, setData] = useState(undefined);
+        const [error, setError] = useState(undefined);
+        useEffect(() => {
+            const isEmptyKey = !args.some(isFilled);
+            if (isEmptyKey) {
+                return;
+            }
+            let canceled = false;
+            const setResult = (newData, err) => {
+                if (!canceled) {
+                    setData(newData);
+                    setError(err);
+                }
+            };
+            (async () => {
+                try {
+                    setResult(await applyCache(fetcher, cache)(args));
+                }
+                catch (err) {
+                    setResult(undefined, err);
+                }
+            })();
+            return () => {
+                canceled = true;
+            };
+        }, [fetcher, cache, args]);
+        const fallbackData = fallback && isFallbackKey(args) && fallback[args[0]];
+        return {
+            data: !data && fallbackData ? fallbackData : data,
+            error,
+            mutate: () => Promise.resolve(undefined) // TODO Clean up cache
+        };
+    }
+    function keyToArgs(key) {
+        if (Array.isArray(key)) {
+            return key;
+        }
+        else if (key instanceof Function) {
+            return keyToArgs(key());
+        }
+        else {
+            return [key];
+        }
+    }
+
     const REGIONS_URL$1 = '/api/v1/regions';
     function useRegions() {
         const { data } = useAsyncData(REGIONS_URL$1, fetchJSONUnsafe);
@@ -1585,14 +1523,14 @@
     });
 
     const BRANCHES_URL = '/api/v1/branches';
-    const EMPTY_VALUE$3 = [];
+    const EMPTY_VALUE$4 = [];
     function useBranches(regionCode) {
         const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
-        return data || EMPTY_VALUE$3;
+        return data || EMPTY_VALUE$4;
     }
     const fetchSafeBoxes$1 = async (url) => {
         const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE$3;
+        return result || EMPTY_VALUE$4;
     };
 
     const REGIONS_URL = '/api/v1/premiumBranchesByRegions';
@@ -1823,6 +1761,14 @@
     });
     const getLegalEntity = (typeFormKey = '', serviceDirectionKey = '') => typeFormKey === 'FEEDBACK_QS' && serviceDirectionKey === 'Юридическое лицо / ИП';
 
+    const EMPTY_VALUE$3 = {};
+    const DEFAULT_PATH_DIR = '/wcms-resources';
+    function useSWRResource(filename, options = {}) {
+        const { fallback = EMPTY_VALUE$3, pathDir = DEFAULT_PATH_DIR } = options;
+        const { data } = useAsyncData(filename ? `${pathDir}/${filename}.json` : null, fetchJSONUnsafe, { fallback });
+        return data || EMPTY_VALUE$3;
+    }
+
     const ApplicationFormGrantSupport = JSX((props) => {
         const { button, sourceBookDir } = props;
         const { regions } = useSWRResource(sourceBookDir || 'regions-grant-support');
@@ -2032,6 +1978,7 @@
     };
     const getFormatData = (data) => Object.fromEntries(Object.entries(data).map(([k, v]) => [k, (v?.region ? v?.text : v?.key) || v]));
 
+    /** @deprecated */
     const AlignStyles = 'text-center';
 
     const iconBgStyles = {
@@ -3184,7 +3131,7 @@
 
     const VISIBLE_ITEM_COUNT = 1;
 
-    const Carousel = JSX(({ className, itemCount, visibleItemCount = VISIBLE_ITEM_COUNT, noCardBorder, isAlignCenter, arrowsPadded = true, isGap = true, cardSize = 'normal', ...rest }) => {
+    const Carousel = UniBlock(({ className, itemCount, visibleItemCount = VISIBLE_ITEM_COUNT, noCardBorder, isAlignCenter, arrowsPadded = true, isGap = true, cardSize = 'normal', ...rest }) => {
         const { blocks: childBlocks = [] } = rest.block || {};
         const count = itemCount || childBlocks?.length;
         const [activeIndex, { inc: increaseActiveIndex, dec: decreaseActiveIndex }] = useCarouselControls({
@@ -3196,21 +3143,22 @@
         // TODO Remove
         const isBankHistoryCarousel = childBlocks && childBlocks[0]?.type === 'CarouselBankHistoryCard';
         return (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [jsxs("div", { className: style(isAlignCenter ? 'flex justify-center' : '', 'relative max-w-full'), children: [jsx(SwipeListContainer, { containerRef: containerRef, visibleItemCount: visibleItemCount, snapAlign: "snap-start", gap: isGap ? ITEMS_GAP : undefined, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: renderCarouselCards({ noCardBorder, activeIndex, cardSize, ...rest }) }), jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: arrowsPadded, onScrollLeft: decreaseActiveIndex, onScrollRight: increaseActiveIndex, hasEdgeBlocks: isBankHistoryCarousel, activeIndex: activeIndex, itemCount: count })] }), jsx(SwipeListControlDots, { className: "@5xl:hidden", containerRef: containerRef, activeIndex: dotsActiveIndex, dotCount: count, listType: "horizontal-list" })] }));
-    });
-    Carousel.childrenTypes = [
-        'CarouselCard',
-        'CarouselBankHistoryCard',
-        'CarouselCatalogCard',
-        'CarouselRecommendationCard',
-        'CarouselTariffsCard',
-        'RichTextBlock',
-        'ProductBlock',
-    ];
-    Carousel.childSchema = () => ({
-        isHighlighting: {
-            title: 'Выделить карточку',
-            type: 'boolean',
-        },
+    }, {
+        childrenTypes: [
+            'CarouselCard',
+            'CarouselBankHistoryCard',
+            'CarouselCatalogCard',
+            'CarouselRecommendationCard',
+            'CarouselTariffsCard',
+            'RichTextBlock',
+            'ProductBlock',
+        ],
+        childSchema: () => ({
+            isHighlighting: {
+                title: 'Выделить карточку',
+                type: 'boolean',
+            },
+        }),
     });
 
     const CarouselBankHistoryCard = JSX(({ className, title, description, blockIndex = 0, isActive, ...rest }) => (jsx(BlockWrapper, { className: style('relative flex h-[485px]', isActive ? 'w-[440px] z-10' : 'w-[340px]', className), defaultPadding: "p-0", ...rest, children: jsx("div", { className: style('basis-full self-center', getBackColor(blockIndex)), children: isActive ? (jsx(Headline, { headlineVersion: "M", title: title, description: description, padding: "p-3xl", align: "text-left", className: "h-96 text-white shadow-dark-blue" })) : (jsx("div", { className: "h-[300px] flex justify-center items-center font-mohave text-title-large", children: jsx("span", { className: getTextColor(blockIndex), children: title }) })) }) })));
@@ -3560,8 +3508,6 @@
         return (jsxs("div", { children: [item?.title ? (jsx("div", { className: "mb-m", children: jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: item.title }) })) : null, jsx(SlideCheckboxGroup, { items: options, multiple: !item?.single, ...field(key) })] }, key));
     };
 
-    const unique = (list) => [...new Set(list)];
-
     const isRateRow = (rateRow) => {
         return typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
     };
@@ -3608,7 +3554,7 @@
         },
         period: 3,
     };
-    const DepositFiltration = JSX(({ className, filtrationSchema = {}, resetButton, sumInput, periodInput, ...rest }) => {
+    const DepositFiltration = UniBlock(({ className, filtrationSchema = {}, resetButton, sumInput, periodInput, ...rest }) => {
         const { source, months } = useDepositsPeriods(rest.block?.blocks);
         const [filtrationState, { field, reset }] = useForm(initialFiltrationState$2);
         const blocksToRender = filtrationState === initialFiltrationState$2
@@ -3619,15 +3565,15 @@
                         format: ({ min }) => String(min),
                     }) }), jsx(InputRange, { title: periodInput?.title, items: ['От 3 мес', 'До 5 лет'], list: months, ...field('period') })] }));
         return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [renderFiltrationForm$1({ field, reset, filtrationSchema, resetButton, children: Inputs }), jsx(BaseFiltrationInner, { blocksToRender: blocksToRender, ...rest })] }));
-    });
-    const sourceBookSchema = {
-        type: 'string',
-        title: 'Адрес справочника',
-    };
-    DepositFiltration.childrenTypes = ['ProductTile'];
-    DepositFiltration.childSchema = (content) => ({
-        ...(content?.filtrationSchema || {}),
-        sourceBook: sourceBookSchema,
+    }, {
+        childrenTypes: ['ProductTile'],
+        childSchema: (content) => ({
+            ...(content?.filtrationSchema || {}),
+            sourceBook: {
+                type: 'string',
+                title: 'Адрес справочника',
+            },
+        }),
     });
 
     const DEFAULT_OPTIONS = [{ key: '10' }, { key: '50' }, { key: '100' }];
@@ -3717,7 +3663,7 @@
         endDate: undefined,
         query: '',
     };
-    const Depository = JSX(({ className, ...rest }) => {
+    const Depository = UniBlock(({ className, ...rest }) => {
         const [currentPage, setCurrentPage] = useState(0);
         const [itemCount, setItemCount] = useState(DEFAULT_ITEMS_COUNT);
         const [filtrationState, { field, reset }] = useForm(initialFiltrationState$1);
@@ -3942,8 +3888,6 @@
         return currencies?.filter((_) => _?.currency?.id === 1 || _?.currency?.id === 2) || [];
     };
 
-    const useSitemap = (fallback) => useSWRResource(projectSettings.SITEMAP || 'sitemap', { fallback });
-
     const ICON_SIZE = { width: '40', height: '45' };
 
     const logoTitleSizeStyle = '';
@@ -4144,15 +4088,13 @@
         return (jsx("a", { className: style('text-l font-light text-secondary-text hover:text-primary-main no-underline', 'overflow-x-hidden overflow-ellipsis whitespace-nowrap'), href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }));
     });
 
-    const SearchDialog = JSX(({ initialQuery }) => {
-        const { topItems } = useSitemap();
+    const SearchDialog = JSX(({ initialQuery, topItems }) => {
         const basePathList = useMemo(() => topItems?.map((_) => _.href || '/'), [topItems]);
         const [searchResult, searchInputProps] = useSearch({
             basePathList,
             initialQuery,
         });
         const searchItems = useMemo(() => combineTopItemsAndSearchResult(topItems)(searchResult), [topItems, searchResult]);
-        useEffect(() => printSearchItems(searchItems), [searchItems]); // Temp
         return (jsx(Dialog, { head: jsx(SearchInput, { autoFocus: true, ...searchInputProps }), children: jsx(Sitemap, { topItems: searchItems }) }));
     });
     const combineTopItemsAndSearchResult = (topItems) => (searchResult) => topItems?.length && searchResult?.length
@@ -4161,34 +4103,26 @@
             items: portalSearchResult?.map(({ title, uri }) => ({ text: title, href: joinPath('/', uri) })),
         }))
         : [];
-    // Temp
-    function printSearchItems(topItems) {
-        for (const _ of topItems.filter(({ items }) => items?.length)) {
-            console.group(_.text);
-            console.table(_.items, ['text', 'href']);
-            console.groupEnd();
-        }
-    }
 
-    const useSearchDialog = () => {
+    const useSearchDialog = (initialProps = {}) => {
         const { open, close } = useDialogManager();
         return {
-            open: (props = {}, options = {}) => open(jsx(SearchDialog, { ...props }), options),
+            open: (props = {}, options = {}) => open(jsx(SearchDialog, { ...initialProps, ...props }), options),
             close,
         };
     };
 
     const MIN_QUERY_LEN = 3;
-    const SearchBar$1 = JSX(({ className }) => {
+    const SearchBar$1 = JSX(({ className, ...rest }) => {
         const [value, setValue] = useState('');
         const resetQueryOnDialogClose = useCallback(() => setValue(''), []);
-        const { open } = useSearchDialog();
+        const searchDialog = useSearchDialog(rest);
         const handleInitialInputChange = useCallback((_) => {
             setValue(_);
             if (isQueryLongEnough(_)) {
-                open({ initialQuery: _ }, { onClose: resetQueryOnDialogClose });
+                searchDialog.open({ initialQuery: _ }, { onClose: resetQueryOnDialogClose });
             }
-        }, [resetQueryOnDialogClose]);
+        }, [resetQueryOnDialogClose, searchDialog]);
         return (jsxs("div", { className: style('relative', className), children: [jsx(SearchInput, { value: value, onChange: handleInitialInputChange }), jsx(CloseButton, { className: "absolute top-0 right-0 sm:hidden", onClose: resetQueryOnDialogClose })] }));
     });
     const isQueryLongEnough = (_) => _ && _.length >= MIN_QUERY_LEN;
@@ -4226,9 +4160,7 @@
         return (jsx("a", { className: style(horizontalNavigationLinkStyles, className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
     });
 
-    const HorizontalNavigation = JSX(({ className = '', links }) => {
-        return (jsx("div", { className: className, children: links?.length ? (jsx("div", { className: "flex justify-between items-center gap-lg py-lg border-solid border-x-0 border-y border-y-main-divider", children: links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light max-w-[292px]", ..._ }, String(i)))) })) : null }));
-    });
+    const HorizontalNavigation = JSX(({ className = '', links }) => (jsx("div", { className: className, children: links?.length ? (jsx("div", { className: "flex justify-between items-center gap-lg py-lg border-solid border-x-0 border-y border-y-main-divider", children: links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light max-w-[292px]", ..._ }, String(i)))) })) : null })));
 
     const TextInformationLink = JSX(({ className = '', index, ...rest }) => {
         const link = useLink({ isRemote: true });
@@ -4239,16 +4171,15 @@
     const TextInformation = JSX(({ className = '', links }) => (jsxs("div", { className: style('@container', className), children: [jsx("div", { className: "pt-lg", children: jsx(Text, { size: "text-xs", font: "font-light", color: "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 @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg", children: links.map((_, i) => (jsx(TextInformationLink, { index: i, ..._ }, String(i)))) })) : null] })));
 
     const LEFT_COL_WIDTH = 'w-52';
-    const Footer = JSX(({ className, ...rest }) => {
-        const { topItems, logo } = useSitemap(rest.options?.page?.fallback);
-        const { documents, relatedEnterprises, contacts, socialMedia, mobileApps } = useSWRResource(projectSettings.FOOTER || 'footer', {
-            fallback: rest.options?.page?.fallback,
-        });
+    const Footer = UniBlock(({ className, footer, ...rest }) => {
+        const sitemap = rest.options?.page?.sitemap ?? {};
+        const { logo } = sitemap;
+        const { documents, relatedEnterprises, contacts, socialMedia, mobileApps } = footer ?? {};
         const handleOnClick = useCallback(() => {
             const [name, oldValue, newValue] = COOKIE_REPLACE;
             mapCookie(name, (value) => value?.replace(oldValue, newValue));
         }, []);
-        return (jsxs(BlockWrapper, { tag: "footer", className: className, ...rest, children: [jsxs("div", { className: "flex items-stretch gap-3xl pb-3xl ", children: [jsx(Logo, { className: LEFT_COL_WIDTH, logo: logo }), jsx(SearchBar$1, { className: "grow" })] }), jsxs("div", { className: "flex items-stretch gap-6xl", children: [jsxs("div", { className: style(LEFT_COL_WIDTH, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), jsx(SocialMedia, { media: socialMedia, children: "\u0421\u043E\u0446\u0441\u0435\u0442\u0438" }), jsx(SocialMedia, { media: mobileApps, showButtonText: false, children: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), jsx(LinkButton, { version: "link", href: "https://old.rshb.ru", className: "!text-left text-s font-light", onClick: handleOnClick, children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u043F\u0440\u0435\u0436\u043D\u044E\u044E \u0432\u0435\u0440\u0441\u0438\u044E \u0441\u0430\u0439\u0442\u0430" })] }), jsx(Sitemap, { className: "flex-grow", topItems: topItems })] }), jsx(HorizontalNavigation, { className: "mt-xl", links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
+        return (jsxs(BlockWrapper, { tag: "footer", className: className, ...rest, children: [jsxs("div", { className: "flex items-stretch gap-3xl pb-3xl ", children: [jsx(Logo, { className: LEFT_COL_WIDTH, logo: logo }), jsx(SearchBar$1, { className: "grow", ...sitemap })] }), jsxs("div", { className: "flex items-stretch gap-6xl", children: [jsxs("div", { className: style(LEFT_COL_WIDTH, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), jsx(SocialMedia, { media: socialMedia, children: "\u0421\u043E\u0446\u0441\u0435\u0442\u0438" }), jsx(SocialMedia, { media: mobileApps, showButtonText: false, children: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), jsx(LinkButton, { version: "link", href: "https://old.rshb.ru", className: "!text-left text-s font-light", onClick: handleOnClick, children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u043F\u0440\u0435\u0436\u043D\u044E\u044E \u0432\u0435\u0440\u0441\u0438\u044E \u0441\u0430\u0439\u0442\u0430" })] }), jsx(Sitemap, { className: "flex-grow", ...sitemap })] }), jsx(HorizontalNavigation, { className: "mt-xl", links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
     });
 
     const GracePeriod = JSX(({ className = '', title, description, calendar, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-m', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true }), calendar ? renderCalendar(calendar) : null] })));
@@ -4319,8 +4250,7 @@
     });
 
     const SEARCH_TERM_MIN_LENGTH = 3;
-    const LocationDialog = JSX(() => {
-        const { defaultLocation, foreignOffices } = useSitemap();
+    const LocationDialog = JSX(({ foreignOffices, defaultLocation }) => {
         const [currentLocation, selectCurrentLocation] = useLocation(defaultLocation);
         const [query, setQuery] = useState('');
         const regions = cleanUpRegions(useRegions()).sort((a, b) => a.name.localeCompare(b.name));
@@ -4340,10 +4270,10 @@
         name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
     }));
 
-    const useLocationDialog = () => {
+    const useLocationDialog = (props) => {
         const { open, close } = useDialogManager();
         return {
-            open: (options = {}) => open(jsx(LocationDialog, {}), options),
+            open: (options = {}) => open(jsx(LocationDialog, { ...props }), options),
             close,
         };
     };
@@ -4356,14 +4286,12 @@
             ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
             : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, children: jsx(Img, { image: image, className: style('h-full', isRounded ? 'bg-main-divider/20 rounded-full' : ''), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" }) })));
 
-    const HeaderSecondaryMenu = JSX(({ className, version, officesLink, defaultLocation }) => {
+    const HeaderSecondaryMenu = JSX(({ className, version, ...rest }) => {
         const iconVersion = version === 'transparent' ? 'white' : 'black';
-        const [currentLocation] = useLocation(defaultLocation);
-        const searchDialog = useSearchDialog();
-        const openSearchDialog = useCallback(() => searchDialog.open(), []);
-        const locationDialog = useLocationDialog();
-        const openLocationDialog = useCallback(() => locationDialog.open(), []);
-        return (jsxs("div", { className: style('flex items-center gap-lg', className), children: [jsx(TopItem, { flat: true, href: "#", text: currentLocation?.name, onClick: openLocationDialog }), officesLink ? jsx(TopItem, { flat: true, href: officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: "\u041F\u043E\u0438\u0441\u043A", onClick: openSearchDialog })] }));
+        const [currentLocation] = useLocation(rest.defaultLocation);
+        const searchDialog = useSearchDialog(rest);
+        const locationDialog = useLocationDialog(rest);
+        return (jsxs("div", { className: style('flex items-center gap-lg', className), children: [jsx(TopItem, { flat: true, href: "#", text: currentLocation?.name, onClick: () => locationDialog.open() }), rest.officesLink ? (jsx(TopItem, { flat: true, href: rest.officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" })) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: "\u041F\u043E\u0438\u0441\u043A", onClick: () => searchDialog.open() })] }));
     });
 
     const DropdownMenu = JSX(({ className = '', items, activeItem }) => {
@@ -4493,14 +4421,12 @@
         'bg-white': 'primary',
         transparent: 'transparent',
     };
-    const Header = JSX(({ className, bgColor = 'bg-white', logo: customLogo, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
-        const { topItems, logo, officesLink, defaultLocation } = useSitemap(rest.options?.page?.fallback);
+    const Header = UniBlock(({ className, bgColor = 'bg-white', logo: customLogo, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], portal, ...rest }) => {
+        const sitemap = rest.options?.page?.sitemap ?? {};
+        const { topItems, logo } = sitemap;
         const [, activeTopItem] = useActiveRoute(topItems);
-        const { internetBankUrl } = useSWRResource(projectSettings.PORTAL_DATA || 'portal-data', {
-            fallback: rest.options?.page?.fallback,
-            pathDir: joinPath(projectSettings.BASE_PATH, 'portal-resources'),
-        });
-        return (jsx(BlockWrapper, { tag: "header", className: style('pt-3xl px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsxs("div", { className: "flex items-center", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: customLogo ?? logo }), topItems?.map((_, i) => (jsx(TopItem, { active: _ === activeTopItem, ..._ }, String(i)))), jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", officesLink: officesLink, defaultLocation: defaultLocation })] }), jsx("div", { className: style('mt-xl h-px bg-main-divider', version === 'transparent' ? 'opacity-30' : '') }), activeTopItem?.items?.length ? (jsx(HeaderSubMenu, { subItems: activeTopItem.items, version: version, internetBankUrl: internetBankUrl })) : null] }) }));
+        const { internetBankUrl } = portal || {};
+        return (jsx(BlockWrapper, { tag: "header", className: style('pt-3xl px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsxs("div", { className: "flex items-center", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: customLogo ?? logo }), topItems?.map((_, i) => (jsx(TopItem, { active: _ === activeTopItem, ..._ }, String(i)))), jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", ...sitemap })] }), jsx("div", { className: style('mt-xl h-px bg-main-divider', version === 'transparent' ? 'opacity-30' : '') }), activeTopItem?.items?.length ? (jsx(HeaderSubMenu, { subItems: activeTopItem.items, version: version, internetBankUrl: internetBankUrl })) : null] }) }));
     });
 
     const gapStyles = {
@@ -4513,15 +4439,14 @@
         '': '',
     };
 
-    const HorizontalLayout = JSX(({ className = '', padding = 'p-0', gap = 'XS', version = 'transparent', isTheme = false, isCardBorder, ...rest }) => (jsx(BlockWrapper, { className: style('relative', 'grid grid-cols-12', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
+    const HorizontalLayout = UniBlock(({ className = '', padding = 'p-0', gap = 'XS', version = 'transparent', isTheme = false, isCardBorder, ...rest }) => (jsx(BlockWrapper, { className: style('relative', 'grid grid-cols-12', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
             ...rest,
             extraProps: {
                 className: getBorderStyle(isCardBorder),
             },
-        }) })));
-    HorizontalLayout.childrenTypes = {
-        exclude: ['HorizontalLayout'],
-    };
+        }) })), {
+        childrenTypes: { exclude: ['HorizontalLayout'] },
+    });
 
     const ImgBlock = JSX((props) => {
         const { className, image, ...rest } = props;
@@ -4793,7 +4718,7 @@
         propertyType: [],
         stage: [],
     };
-    const MortgageFiltration = JSX(({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
+    const MortgageFiltration = UniBlock(({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
         const [filtrationState, { field, reset, update: replaceFiltrationState }] = useForm(initialFiltrationState);
         const blocksToRender = filtrationState === initialFiltrationState
             ? rest.block?.blocks
@@ -4806,9 +4731,10 @@
             onFiltrationStateChange: handleFiltrationStateChange,
         });
         return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [jsx(TabsControl, { ...tabsControlProps }), renderFiltrationForm$1({ field, reset, filtrationSchema, resetButton }), jsx(BaseFiltrationInner, { blocksToRender: blocksToRender, ...rest })] }));
+    }, {
+        childrenTypes: ['ProductTile'],
+        childSchema: (content) => content?.filtrationSchema || {},
     });
-    MortgageFiltration.childrenTypes = ['ProductTile'];
-    MortgageFiltration.childSchema = (content) => content?.filtrationSchema || {};
 
     function renderClusterer(yandexMaps, map, points) {
         map.geoObjects.removeAll();
@@ -5302,7 +5228,7 @@
 
     const rollupItemStyles = 'border-0 border-b border-solid border-main-divider last:border-b-0';
 
-    const RollupItem = JSX(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, foldButtonVersion = 'default', 
+    const RollupItem = UniBlock(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, foldButtonVersion = 'default', 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     version, ...rest }) => (jsx(BlockWrapper, { className: style('w-full', rollupItemStyles, className), defaultPadding: "p-0", tag: "div", version: "transparent", ...rest, children: jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: style('gap-lg', foldableSectionStyles), isUnfolded: isUnfolded, children: renderChildren({
                     ...rest,
@@ -5314,10 +5240,9 @@
                 labelIconBgVersion,
                 isUnfolded,
                 onToggle,
-            }) }) })));
-    RollupItem.childrenTypes = {
-        exclude: ['RollupItem'],
-    };
+            }) }) })), {
+        childrenTypes: { exclude: ['RollupItem'] },
+    });
     const renderFoldButton = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
         const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
         const icon = getIconName(isUnfolded);
@@ -5496,6 +5421,8 @@
     };
     const getIconSizeStyle = (size) => (size === 'normal' ? 'h-24 w-24' : 'h-16 w-16');
 
+    const StickyBottomMenu = JSX(() => (jsx("div", { className: "hidden", role: "none" })));
+
     const isShowDots = false;
 
     const DEFAULT_GAP = 14;
@@ -5515,10 +5442,7 @@
         return (jsxs("div", { className: style(className, listType === 'vertical-list' ? 'relative h-full' : ''), children: [jsx(SwipeListContainer, { containerRef: containerRef, activeIndex: activeIndex, visibleItemCount: 1, gap: gap, padding: padding, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, listType: listType, minHeight: minHeight, children: children }), showDots ? (jsx(SwipeListControlDots, { containerRef: containerRef, activeIndex: activeIndex, dotCount: itemCount, listType: listType, version: version })) : null] }));
     });
 
-    const SwipeListControlBlock = JSX(({ listType, showDots, options, version, ...rest }) => (jsx(BlockWrapper, { version: version, defaultPadding: "p-0", ...rest, children: jsx(SwipeListControl, { listType: listType, showDots: showDots, version: version, children: renderChildren({ ...rest, options }) }) })));
-    SwipeListControlBlock.childrenTypes = {
-        exclude: ['SwipeListControlBlock'],
-    };
+    const SwipeListControlBlock = UniBlock(({ listType, showDots, options, version, ...rest }) => (jsx(BlockWrapper, { version: version, defaultPadding: "p-0", ...rest, children: jsx(SwipeListControl, { listType: listType, showDots: showDots, version: version, children: renderChildren({ ...rest, options }) }) })), { childrenTypes: { exclude: ['SwipeListControlBlock'] } });
 
     const scrollButtonStyle = 'hidden sm:flex absolute z-40 top-0';
     const ScrollableTabsControl = JSX(({ className, items = [], value, onChange, tabsType }) => {
@@ -5658,7 +5582,7 @@
         }, [activeTabIndex, initState]);
     };
 
-    const TabsLayout = JSX(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
+    const TabsLayout = UniBlock(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
         const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
         const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
         const itemCount = tabs.length;
@@ -5670,9 +5594,10 @@
                         slotName,
                         parent: block,
                     })) })] }));
+    }, {
+        slots: ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [],
+        childrenTypes: { exclude: ['TabsLayout'] }, // TODO: fix this on wcms
     });
-    TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
-    TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
     const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
     const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
     const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => (jsx(TabsLayoutButton, { className: alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
@@ -5795,14 +5720,14 @@
         return `/wcms-resources/${directoryName || 'tariffs-inner-table-data'}.json`;
     }
 
-    const EMPTY_DATA = 'Данных нет';
+    const EMPTY_DATA$1 = 'Данных нет';
     const InnerTable = JSX(({ dataUrl, pdfUrl, onClick }) => {
         const { tableData } = useTariffsInnerTableData(dataUrl);
         const [activeTabIndex, setActiveTabIndex] = useState(0);
         const handleActiveTabIndex = useCallback((_) => setActiveTabIndex(_), []);
         const items = tableData?.[activeTabIndex]?.items ?? [];
         const currencies = tableData?.map((item) => item.currency ?? '');
-        return tableData ? (jsxs("div", { className: "bg-white z-10", children: [jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: handleActiveTabIndex, linkToPDF: pdfUrl }), jsx(InnerTableBody, { activeTabIndex: activeTabIndex, items: items }), jsx(TableInnerButton, { className: "mt-xl", onClick: onClick, isOpen: true })] })) : (jsxs("div", { className: "my-lg space-y-m text-center", children: [jsx(Text, { size: "text-h6", children: EMPTY_DATA }), jsx(TableInnerButton, { onClick: onClick, isOpen: true })] }));
+        return tableData ? (jsxs("div", { className: "bg-white z-10", children: [jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: handleActiveTabIndex, linkToPDF: pdfUrl }), jsx(InnerTableBody, { activeTabIndex: activeTabIndex, items: items }), jsx(TableInnerButton, { className: "mt-xl", onClick: onClick, isOpen: true })] })) : (jsxs("div", { className: "my-lg space-y-m text-center", children: [jsx(Text, { size: "text-h6", children: EMPTY_DATA$1 }), jsx(TableInnerButton, { onClick: onClick, isOpen: true })] }));
     });
 
     const TariffsTableRowContainer = JSX(({ children, tableInner, onHideContentClick }) => (jsxs("div", { className: "self-start flex flex-col", role: "row", children: [jsx("div", { className: style(dividerStyle, 'flex flex-col @4xl:flex-row gap-y-xs gap-x-5xl pb-lg @4xl:pt-lg'), children: children }), tableInner ? (jsx("div", { className: "origin-top animate-expansion", children: jsx(InnerTable, { ...tableInner, onClick: onHideContentClick }) })) : null] })));
@@ -5854,7 +5779,7 @@
         return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(Unit, { prefix: prefix, unit: unit, suffix: suffix }) }));
     });
 
-    const VerticalLayout = JSX(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
+    const VerticalLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
         const router = useRouter();
         return (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], image?.src ? 'bg-right-bottom bg-no-repeat' : '', className), ...(image?.src
                 ? { style: { backgroundImage: `url(${adjustSrc(router)(image?.src)})` } }
@@ -5865,8 +5790,7 @@
                     padding: isInnerPadding ? '' : 'p-0',
                 },
             }) }));
-    });
-    VerticalLayout.childrenTypes = [];
+    }, { childrenTypes: [] });
 
     const getColSpan = (className) => {
         const colSpanPrefix = 'col-span-';
@@ -5923,6 +5847,7 @@
         RollupItem,
         SafeDepositRental,
         StepsBlock,
+        StickyBottomMenu,
         SwipeListControlBlock,
         Tabs,
         TabsLayout,
@@ -6054,69 +5979,39 @@
             }, role: "dialog", children: popup.popup })) : null;
     });
 
-    const StickyBottomMenu = JSX(() => null);
-
-    const api = LikeAPI();
-    function useLikeService(pagePath) {
-        const [likeCount, setLikeCount] = useState(0);
-        useEffect(() => {
-            (async () => {
-                const [likeData] = await api.getLikeCount(pagePath);
-                setLikeCount(likeData?.value || 0);
-            })();
-        }, [pagePath]);
-        const like = useCallback(async () => {
-            setLikeCount(await api.like(pagePath));
-        }, [pagePath]);
-        const dislike = useCallback(async () => {
-            setLikeCount(await api.dislike(pagePath));
-        }, [pagePath]);
-        return {
-            likeCount,
-            like,
-            dislike,
-        };
-    }
-
-    /** @deprecated */
-    const LikeButton = JSX(({ className, onClick, ariaLabel }) => (jsx("button", { type: "button", className: `border-0 w-9 bg-inherit cursor-pointer ${className || ''}`, onClick: onClick, "aria-label": ariaLabel, children: renderLikeIcon() })));
-    const renderLikeIcon = () => {
-        const handPath = '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';
-        const cuffPath = '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';
-        return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [renderLinkIconPath(handPath), renderLinkIconPath(cuffPath)] }));
-    };
-    const renderLinkIconPath = (d) => (jsx("path", { stroke: "#292D32", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", strokeMiterlimit: "10", d: d }));
-
-    const LikeControl = JSX(({ className = '' }) => {
-        const router = useRouter();
-        const likeService = useLikeService(router.pathname);
-        return (jsxs("div", { className: `border-main border-2 border-solid bg-white flex w-32 items-center justify-center gap-s p-xs 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 ContentPage = JSX(({ className, blocksRegistry, blockDecorator, data = {} }) => {
-        const { style: pageStyle, slots, likeControl, colorPalette = 'pc' } = data;
+    const HEADER_SLOT = 'header';
+    const FOOTER_SLOT = 'footer';
+    const STICKY_FOOTER_SLOT = 'sticky-footer';
+    const EMPTY_DATA = {};
+    const ContentPage = JSX(({ className, data = EMPTY_DATA, blocksRegistry, blockDecorator }) => {
+        const { slots, blocks, ...pageContent } = data;
+        const resolvedPageContent = useJSONRef(pageContent);
         const options = {
             key: '',
-            page: data,
+            page: { slots, blocks, ...resolvedPageContent },
             blocksRegistry,
             blockDecorator,
             parent: data,
         };
-        return (jsxs("div", { "data-theme": colorPalette, children: [jsxs("section", { className: style('@container relative', pageStyle, className), children: [slots?.header ? (jsx("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.header, { ...options, slotName: 'header' }) })) : null, jsxs("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [renderChildren({ block: data, options, extraProps: { className: 'scroll-mt-12' } }), renderBlocksList(slots?.footer, { ...options, slotName: 'footer' })] }), likeControl ? renderLikeControl() : null] }), jsx(StickyBottomMenu, { options: options }), jsx(DialogManager, {}), jsx(PopupManager, {}), jsx(CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
+        return (jsxs("div", { "data-theme": data.colorPalette || 'pc', children: [jsxs("section", { className: style('@container relative', data.style, className), children: [slots?.[HEADER_SLOT]?.length ? (jsx("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT }) })) : null, jsxs("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [renderChildren({
+                                    block: data,
+                                    options,
+                                    extraProps: { className: 'scroll-mt-12' },
+                                }), renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }), slots?.[STICKY_FOOTER_SLOT]?.length ? (jsx("div", { className: "fixed w-full bottom-0 left-0 z-[100]", children: renderBlocksList(slots?.[STICKY_FOOTER_SLOT], {
+                        ...options,
+                        slotName: STICKY_FOOTER_SLOT,
+                    }) })) : null, jsx(DialogManager, {}), jsx(PopupManager, {}), jsx(CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
+    });
+    Object.assign(ContentPage, {
+        childrenTypes: [],
+        slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
-    ContentPage.childrenTypes = [];
-    ContentPage.slots = () => ['header', 'footer'];
-    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-3xl sticky bottom-0 pointer-events-auto" }) }));
-    }
 
-    const packageVersion = "0.14.161";
+    const packageVersion = "0.14.163";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;
     exports.DaDataAPI = DaDataAPI;
-    exports.LikeAPI = LikeAPI;
     exports.handlerDecorator = handlerDecorator;
     exports.joinList = joinList;
     exports.packageVersion = packageVersion;