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

package/src/components/ButtonsBlock/ButtonsBlock.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { AlignJustifyStyle } from '../../model/AlignJustifyStyle';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { type ButtonsBlockContent } from './ButtonsBlockContent';
 

package/src/components/Calculator/Calculator.mobile.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
@@ -7,6 +6,7 @@ import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Text } from '../../ui-kit/Text/Text';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type CalculatorContent, type CalculatorTab } from './CalculatorContent';
 import { EmbeddableCalcBlocks } from './EmbeddableCalcBlocks';
 

package/src/components/Calculator/Calculator.tsx

@@ -3,10 +3,10 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
 import { type Align } from '../../model/Align';
 import { AlignJustifyStyle } from '../../model/AlignJustifyStyle';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import {
   type CalculatorBlockDef,

package/src/components/CardTransfer/CardTransfer.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { type CardTransferContent } from './CardTransferContent';
 

package/src/components/CardTransfer/CardTransferContent.ts

@@ -1,6 +1,6 @@
 import { type LabelProps, type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Перевод с карты на карту

package/src/components/Carousel/Carousel.tsx

@@ -1,10 +1,10 @@
-import { JSX } from '@redneckz/uni-jsx';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
-import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer';
 import { SwipeListControlDots } from '../../ui-kit/SwipeListControl/SwipeListControlDots';
 import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { type CarouselContent } from './CarouselContent';
 import { CarouselScrollButtons } from './CarouselScrollButtons';
@@ -16,7 +16,7 @@ export interface CarouselProps extends CarouselContent, UniBlockProps {
   itemCount?: number;
 }
 
-export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
+export const Carousel = UniBlock<CarouselProps>(
   ({
     className,
     itemCount,
@@ -77,21 +77,21 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
       </BlockWrapper>
     );
   },
-);
-
-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',
+      },
+    }),
   },
-});
+);

package/src/components/Carousel/CarouselContent.ts

@@ -1,4 +1,4 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Размер карточек

package/src/components/Carousel/renderCarouselCards.tsx

@@ -2,7 +2,7 @@ import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOpti
 import { renderBlock } from '../../BlockRenderer/renderBlock';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { type BlockDef } from '../../model/ContentPageDef';
-import { type UniBlockProps } from '../../model/JSXBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type CardSizeMode } from './CarouselContent';

package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.mobile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { Headline } from '../Headline/Headline';
 import { type CarouselBankHistoryCardContent } from './CarouselBankHistoryCardContent';
 

package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { type CarouselBankHistoryCardContent } from './CarouselBankHistoryCardContent';

package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.ts

@@ -1,5 +1,5 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Карточка карусели истории банка

package/src/components/CarouselCard/CarouselCard.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { type CarouselCardContent } from './CarouselCardContent';

package/src/components/CarouselCard/CarouselCardContent.ts

@@ -1,7 +1,7 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type SizeVersion } from '../../model/SizeVersion';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Карточка карусели

package/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type ProductColorVersion } from '../../model/ProductColorVersion';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { Text } from '../../ui-kit/Text/Text';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { type CarouselCatalogCardContent } from './CarouselCatalogCardContent';

package/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts

@@ -1,8 +1,8 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type ProductColorVersion } from '../../model/ProductColorVersion';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Карточка каталога

package/src/components/CarouselLinks/CarouselLinks.mobile.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type LinkProps } from '../../model/LinkProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { Headline } from '../Headline/Headline';
 import { CarouselLinkButton } from './CarouselLinkButton';
 import { type CarouselLinksContent } from './CarouselLinksContent';

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type LinkProps } from '../../model/LinkProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Carousel } from '../Carousel/Carousel';
 import { Headline } from '../Headline/Headline';

package/src/components/CarouselLinks/CarouselLinksContent.ts

@@ -2,9 +2,9 @@ import {
   type AdditionalDescriptionProps,
   type HeadlineCommonProps,
 } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Шапка колонки

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { leftOrRightImage } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BenefitsList } from '../../ui-kit/BenefitsList/BenefitsList';
@@ -9,6 +8,7 @@ import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
 import { List } from '../../ui-kit/List/List';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { type TextAlign } from '../../ui-kit/Text/TextProps';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { SocialMedia } from '../Footer/SocialMedia';

package/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -4,13 +4,13 @@ import {
   type AlignProps,
   type HeadlineCommonProps,
 } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkCommonProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
 import { type TileImageOptions } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
 import { type BenefitsListContent } from '../../ui-kit/BenefitsList/BenefitsListContent';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { type ListContent } from '../../ui-kit/List/ListContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Карточка рекомендаций

package/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
@@ -9,6 +8,7 @@ import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { type CarouselTariffsCardContent } from './CarouselTariffsCardContent';

package/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts

@@ -3,9 +3,9 @@ import {
   type HeadlineCommonProps,
   type TitleProps,
 } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 export type TariffsCardCellProps = HeadlineCommonProps & {
   buttons?: LinkButtonContent[];

package/src/components/ComparisonTable/ComparisonTable.mobile.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type CellData, type ComparisonTableContent } from './ComparisonTableContent';
 import { TableColumn } from './TableColumn';
 

package/src/components/ComparisonTable/ComparisonTable.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Text } from '../../ui-kit/Text/Text';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { ComparisonTableBody } from './ComparisonTableBody';
 import { type ComparisonTableContent } from './ComparisonTableContent';

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -4,11 +4,11 @@ import {
   type SubtitleProps,
   type TitleProps,
 } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkProps } from '../../model/LinkProps';
 import { type ListOrientation } from '../../model/ListOrientation';
 import { type IconProps, type Picture } from '../../model/Picture';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Ячейка

package/src/components/ComparisonTable/TableColumn.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { type CellData, type ColumnHeader } from './ComparisonTableContent';
 import { gradientStyle } from './constants';

package/src/components/ContactsBlock/ContactsBlock.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type BlockVersion } from '../../model/BlockVersion';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { type ContactBlockProps, type ContactsBlockContent } from './ContactsBlockContent';

package/src/components/ContactsBlock/ContactsBlockContent.ts

@@ -2,8 +2,8 @@ import {
   type AdditionalDescriptionProps,
   type HeadlineCommonProps,
 } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Элемент плитки

package/src/components/ContentPage/ContentPage.page.json

@@ -15,17 +15,33 @@
     "card": "summary_large_image"
   },
   "jsonLd": "json",
-  "date": "2022-04-08",
   "style": ["bg-main-divider"],
+  "sitemap": {
+    "$ref": "/wcms-resources/sitemap.json"
+  },
   "slots": {
     "header": [
       {
-        "type": "Header"
+        "type": "Header",
+        "content": {
+          "portal": { "$ref": "/portal-resources/portal-data.json" }
+        }
+      }
+    ],
+    "sticky-footer": [
+      {
+        "type": "StickyBottomMenu",
+        "content": {
+          "sticky": { "$ref": "/portal-resources/sticky-mobile-menu.json" }
+        }
       }
     ],
     "footer": [
       {
         "type": "Footer",
+        "content": {
+          "footer": { "$ref": "/wcms-resources/footer.json" }
+        },
         "style": ["col-span-12"]
       }
     ]

package/src/components/ContentPage/ContentPage.tsx

@@ -2,50 +2,66 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
+import { useJSONRef } from '../../hooks/useJSONRef/useJSONRef';
 import { type BlockDecorator } from '../../model/BlockDecorator';
 import { type BlocksRegistry } from '../../model/BlocksRegistry';
 import { type ContentPageDef } from '../../model/ContentPageDef';
-import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { CookiePopup } from '../../ui-kit/CookiePopup/CookiePopup';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-import { StickyBottomMenu } from '../../ui-kit/StickyBottomMenu/StickyBottomMenu';
+import { type UniBlockMeta } from '../../UniBlock/UniBlock';
 import { style } from '../../utils/style';
-import { LikeControl } from '../LikeControl/LikeControl';
 
-interface ContentPageProps extends UniBlockProps {
-  blocksRegistry: BlocksRegistry;
+interface ContentPageProps {
+  className?: string;
   data?: ContentPageDef;
+  blocksRegistry: BlocksRegistry;
   blockDecorator?: BlockDecorator;
 }
 
-export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
-  ({ 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 = {} as ContentPageDef;
+
+export const ContentPage = JSX<ContentPageProps>(
+  ({ className, data = EMPTY_DATA, blocksRegistry, blockDecorator }) => {
+    const { slots, blocks, ...pageContent } = data;
+    const resolvedPageContent = useJSONRef(pageContent);
 
     const options: BlockRendererOptions = {
       key: '',
-      page: data,
+      page: { slots, blocks, ...resolvedPageContent },
       blocksRegistry,
       blockDecorator,
       parent: data,
     };
 
     return (
-      <div data-theme={colorPalette}>
-        <section className={style('@container relative', pageStyle, className)}>
-          {slots?.header ? (
+      <div data-theme={data.colorPalette || 'pc'}>
+        <section className={style('@container relative', data.style, className)}>
+          {slots?.[HEADER_SLOT]?.length ? (
             <div className="relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]">
-              {renderBlocksList(slots?.header, { ...options, slotName: 'header' })}
+              {renderBlocksList(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT })}
             </div>
           ) : null}
           <div className="container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs">
-            {renderChildren({ block: data, options, extraProps: { className: 'scroll-mt-12' } })}
-            {renderBlocksList(slots?.footer, { ...options, slotName: 'footer' })}
+            {renderChildren({
+              block: data,
+              options,
+              extraProps: { className: 'scroll-mt-12' },
+            })}
+            {renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })}
           </div>
-          {likeControl ? renderLikeControl() : null}
         </section>
-        <StickyBottomMenu options={options} />
+        {slots?.[STICKY_FOOTER_SLOT]?.length ? (
+          <div className="fixed w-full bottom-0 left-0 z-[100]">
+            {renderBlocksList(slots?.[STICKY_FOOTER_SLOT], {
+              ...options,
+              slotName: STICKY_FOOTER_SLOT,
+            })}
+          </div>
+        ) : null}
         <DialogManager />
         <PopupManager />
         <CookiePopup
@@ -57,13 +73,7 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
   },
 );
 
-ContentPage.childrenTypes = [];
-ContentPage.slots = () => ['header', 'footer'];
-
-function renderLikeControl() {
-  return (
-    <div className="flex items-end absolute bottom-0 right-0 h-full pointer-events-none">
-      <LikeControl className="rounded-tl-3xl sticky bottom-0 pointer-events-auto" />
-    </div>
-  );
-}
+Object.assign(ContentPage, {
+  childrenTypes: [],
+  slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
+} as UniBlockMeta);

package/src/components/ContentPage/computeAPIFallback.ts

@@ -1,39 +1,63 @@
+import { collectRef, resolveJPointer, type JSONNode } from '@redneckz/json-ref';
+import { readFile } from 'fs/promises';
 import { type BlocksRegistry } from '../../model/BlocksRegistry';
+import { type ContentPageDef } from '../../model/ContentPageDef';
 import { type Fallback, type FallbackMap } from '../../model/Fallback';
+import { unique } from '../../utils/unique';
+import { joinPath } from '../../utils/url';
+import { loadModuleFallback } from './loadModuleFallback';
 
-interface FallbackData {
-  key: string;
-  data: unknown;
-}
+type FallbackEntry = [key: string, data: JSONNode];
 
-export const computeAPIFallback = async (blocksRegistry: BlocksRegistry): Promise<Fallback> => {
-  const blocksFallbackMap = await Promise.all(
-    ['ContentPage', ...Object.keys(blocksRegistry)].map(loadBlockFallback),
-  );
+const BASE_DIR = 'content';
 
-  const pageFallbackMap = getPageFallbackMap(blocksFallbackMap);
-  const fallbackData = await Promise.allSettled(
-    Object.entries(pageFallbackMap).map(async ([key, fetcher]) => ({ key, data: await fetcher() })),
+export const computeAPIFallback = async (
+  blocksRegistry: BlocksRegistry,
+  contentPageData: ContentPageDef,
+): Promise<Fallback> => {
+  return Object.fromEntries(
+    (
+      await Promise.all([
+        computeFallbackFromModules(blocksRegistry),
+        computeFallbackFromContentRefs(contentPageData),
+      ])
+    )
+      .flatMap((_) => _)
+      .filter(([key, data]) => key && data),
   );
-
-  return fallbackData
-    .filter((_): _ is PromiseFulfilledResult<FallbackData> => _.status === 'fulfilled')
-    .reduce((result, { value }) => ({ ...result, [value.key]: value.data }), {});
 };
 
-export const loadBlockFallback = async (blockName: string): Promise<FallbackMap | undefined> => {
-  try {
-    const blockFallback = await import(`../${blockName}/${blockName}.fallback`);
+const computeFallbackFromModules = async (
+  blocksRegistry: BlocksRegistry,
+): Promise<FallbackEntry[]> => {
+  const fallbackMap: FallbackMap = (
+    await Promise.all(Object.keys(blocksRegistry).map(loadModuleFallback))
+  )
+    .filter((_): _ is FallbackMap => Boolean(_))
+    .reduce((acc, _) => ({ ...acc, ..._ }), {});
 
-    return blockFallback && blockFallback['fallback']
-      ? await blockFallback['fallback']()
-      : undefined;
-  } catch (error) {
-    return undefined;
-  }
+  return (
+    await Promise.allSettled(
+      Object.entries(fallbackMap).map(
+        async ([key, fetcher]): Promise<FallbackEntry> => [key, await fetcher()],
+      ),
+    )
+  )
+    .filter((_): _ is PromiseFulfilledResult<FallbackEntry> => _.status === 'fulfilled')
+    .map(({ value }) => value);
 };
 
-export const getPageFallbackMap = (fallbackMap: Array<FallbackMap | undefined>): FallbackMap =>
-  fallbackMap
-    .filter((_): _ is FallbackMap => Boolean(_))
-    .reduce((result, _) => ({ ...result, ..._ }), {});
+const computeFallbackFromContentRefs = async (
+  contentPageData: ContentPageDef,
+): Promise<FallbackEntry[]> => {
+  const refs = unique(collectRef(contentPageData as JSONNode));
+
+  return (
+    await Promise.allSettled(
+      refs.map(async (_) => [_, JSON.parse(await readFile(joinPath(BASE_DIR, _), 'utf-8'))]),
+    )
+  )
+    .filter((_): _ is PromiseFulfilledResult<FallbackEntry> => _.status === 'fulfilled')
+    .map(({ value }) => value)
+    .map(([ref, data]) => [ref, resolveJPointer(data, ref)]);
+};

package/src/components/ContentPage/loadModuleFallback.ts

@@ -0,0 +1,11 @@
+import { type FallbackMap } from '../../model/Fallback';
+
+export const loadModuleFallback = async (blockName: string): Promise<FallbackMap | undefined> => {
+  try {
+    const blockFallback = await import(`../${blockName}/${blockName}.fallback`);
+
+    return blockFallback?.fallback ? await blockFallback.fallback() : undefined;
+  } catch (error) {
+    return undefined;
+  }
+};