@redneckz/wildless-cms-uni-blocks 0.3.55 → 0.3.57

package/mobile/lib/components/GroupBlock/GroupBlockContent.d.ts

@@ -0,0 +1,21 @@
+import type { GroupBlockDef } from './BlocksTypeProps';
+/**
+ *  @title Таб
+ */
+export interface GroupBlockTab {
+    /** @title Название */
+    title?: string;
+    /** @title Tег */
+    tag?: string;
+}
+/**
+ * @title Блок-группировки
+ */
+export interface GroupBlockContent {
+    /** @title Блоки */
+    groupBlocks?: GroupBlockDef[];
+    /** @title Табы */
+    tabs?: GroupBlockTab[];
+    /** @title Показывать счетчик блоков во вкладках */
+    isShowCounter?: boolean;
+}

package/mobile/lib/components/GroupBlock/GroupBlockContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GroupBlockContent.js.map

package/mobile/lib/components/GroupBlock/GroupBlockContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupBlockContent.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockContent.ts"],"names":[],"mappings":""}

package/mobile/lib/components/GroupBlock/GroupBlockTabs.d.ts

@@ -0,0 +1,10 @@
+import type { TabsItemProps } from './GroupBlock';
+export declare type TabClickHandler = (tag: any) => void;
+export interface GroupBlockTabsProps {
+    onTabClick: TabClickHandler;
+    currentTag?: string;
+    className?: string;
+    tabs?: TabsItemProps[];
+    isShowCounter?: boolean;
+}
+export declare const GroupBlockTabs: (props: import("@redneckz/uni-jsx").PropsWithChildren<GroupBlockTabsProps, any>, context?: any) => any;

package/mobile/lib/components/GroupBlock/GroupBlockTabs.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+export const GroupBlockTabs = JSX((props) => {
+    const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
+    return (_jsx("div", { className: `mb-2 box-border flex gap-x-1 h-12 ${className}`, role: "tablist", children: tabs?.map(renderTab(onTabClick, isShowCounter, currentTag)) }));
+});
+const badgeStyle = 'w-[22px] h-[22px] rounded-full text-m-sm';
+const renderTab = (onTabClick, isShowCounter, currentTag) => (tab, i) => {
+    const isActive = currentTag === tab.tag;
+    const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
+    const tabText = isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main';
+    const counterBlockStyle = `${badgeStyle} 
+      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-text/10 text-secondary-text'}`;
+    return (_jsx("div", { className: `flex h-full w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": String(isActive), tag: tab?.tag, children: _jsxs("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? _jsx("h3", { className: `mr-8 ${tabText}`, children: tab?.title }) : null, isShowCounter ? (_jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: _jsx("span", { children: tab.count }) })) : null] }) }, String(i)));
+};
+//# sourceMappingURL=GroupBlockTabs.js.map

package/mobile/lib/components/GroupBlock/GroupBlockTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupBlockTabs.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErF,OAAO,CACL,cAAK,SAAS,EAAE,qCAAqC,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YAC7E,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,0CAA0C,CAAC;AAE9D,MAAM,SAAS,GACb,CAAC,UAA2B,EAAE,aAAsB,EAAE,UAAmB,EAAE,EAAE,CAC7E,CAAC,GAAkB,EAAE,CAAS,EAAE,EAAE;IAChC,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAAmD,CAAC;IAC9F,MAAM,iBAAiB,GAAG,GAAG,UAAU;QACnC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,0CAA0C,EAAE,CAAC;IAEvF,OAAO,CACL,cAEE,SAAS,EAAE,uEAAuE,KAAK,EAAE,EACzF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mBACnB,MAAM,CAAC,QAAQ,CAAC,EAC/B,GAAG,EAAE,GAAG,EAAE,GAAG,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,QAAQ,OAAO,EAAE,YAAG,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACvE,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,oCAAoC,iBAAiB,EAAE,YACrE,yBAAO,GAAG,CAAC,KAAK,GAAQ,GACpB,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IAdD,MAAM,CAAC,CAAC,CAAC,CAeV,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/GroupBlock/GroupBlocksItem.d.ts

@@ -0,0 +1,8 @@
+import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { UniBlockProps } from '../../types';
+import type { GroupBlockDef } from './BlocksTypeProps';
+import { GroupBlockContent } from './GroupBlockContent';
+export interface GroupBlocksProps extends GroupBlockContent, UniBlockProps {
+}
+export declare const GroupBlocksItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<GroupBlocksProps, any>, context?: any) => any;
+export declare const renderBlock: (context: ContentPageContext) => (block: GroupBlockDef, i: number) => any;

package/mobile/lib/components/GroupBlock/GroupBlocksItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { style2className } from '../../utils/style2className.js';
+import { EmbeddableGroupBlocks } from './EmbeddableGroupBlocks.js';
+export const GroupBlocksItem = JSX(({ groupBlocks, context }) => {
+    return (_jsx("div", { className: 'grid grid-cols-12 gap-2 box-border', children: groupBlocks?.length ? groupBlocks.map(renderBlock(context)) : null }));
+});
+export const renderBlock = (context) => (block, i) => {
+    const type = block?.blockType;
+    if (!type || !(type in EmbeddableGroupBlocks)) {
+        return null;
+    }
+    const classNameBlock = style2className(block?.style);
+    const EmbeddedBlock = EmbeddableGroupBlocks[type];
+    return (_jsx(EmbeddedBlock, { context: context, ...block, className: classNameBlock }, `block_${i}`));
+};
+//# sourceMappingURL=GroupBlocksItem.js.map

package/mobile/lib/components/GroupBlock/GroupBlocksItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupBlocksItem.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlocksItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAKhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAmB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,cAAK,SAAS,EAAE,oCAAoC,YACjD,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,CAAC,KAAoB,EAAE,CAAS,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,KAAK,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,qBAAqB,CAAC,EAAE;QAC7C,OAAO,IAAI,CAAC;KACb;IACD,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,aAAa,GAAa,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC5D,OAAO,CACL,KAAC,aAAa,IAAoB,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,SAAS,EAAE,cAAc,IAApE,SAAS,CAAC,EAAE,CAA4D,CAC7F,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/GroupBlock/filterBlocksByTag.d.ts

@@ -0,0 +1,2 @@
+import { GroupBlockDef } from './BlocksTypeProps';
+export declare const filterBlocksByTag: (blocks: GroupBlockDef[], tag?: string) => GroupBlockDef[];

package/mobile/lib/components/GroupBlock/filterBlocksByTag.js

@@ -0,0 +1,4 @@
+export const filterBlocksByTag = (blocks, tag) => {
+    return tag ? blocks.filter((block) => block?.tags?.includes(tag)) : blocks;
+};
+//# sourceMappingURL=filterBlocksByTag.js.map

package/mobile/lib/components/GroupBlock/filterBlocksByTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterBlocksByTag.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/filterBlocksByTag.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAuB,EAAE,GAAY,EAAE,EAAE;IACzE,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAC7E,CAAC,CAAC"}

package/mobile/lib/components/GroupBlock/renderBlocksTypes.d.ts

@@ -0,0 +1,9 @@
+import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { GroupBlockDef } from './BlocksTypeProps';
+declare type EmbeddableBlocksProps = {
+    groupBlocks?: GroupBlockDef[];
+    context: ContentPageContext;
+    className?: string;
+};
+export declare const renderBlock: ({ context, className }: EmbeddableBlocksProps) => (block: GroupBlockDef, i: number) => any;
+export {};

package/mobile/lib/components/GroupBlock/renderBlocksTypes.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { EmbeddableGroupBlocks } from './EmbeddableGroupBlocks.js';
+import { style2className } from '../../utils/style2className.js';
+export const renderBlock = ({ context, className }) => (block, i) => {
+    const type = block?.blockType;
+    if (!type || !(type in EmbeddableGroupBlocks)) {
+        return null;
+    }
+    const classNameBlock = style2className(block?.style);
+    const EmbeddedBlock = EmbeddableGroupBlocks[type];
+    return (_jsx("div", { className: className, children: _jsx(EmbeddedBlock, { context: context, ...block, className: classNameBlock }) }, `block_${i}`));
+};
+//# sourceMappingURL=renderBlocksTypes.js.map

package/mobile/lib/components/GroupBlock/renderBlocksTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBlocksTypes.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/renderBlocksTypes.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAQ9D,MAAM,CAAC,MAAM,WAAW,GACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAyB,EAAE,EAAE,CAClD,CAAC,KAAoB,EAAE,CAAS,EAAE,EAAE;IAClC,MAAM,IAAI,GAAG,KAAK,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,qBAAqB,CAAC,EAAE;QAC7C,OAAO,IAAI,CAAC;KACb;IACD,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,aAAa,GAAa,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC5D,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,SAAS,EAAE,cAAc,GAAI,IAD3C,SAAS,CAAC,EAAE,CAEtC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/OtherProducts/OtherProductsContent.d.ts

@@ -13,7 +13,10 @@ export interface BlockItemCommonProps {
      * @title Отображать в раскрытом виде
      */
     isExpanded?: boolean;
-    /** @title Блоки */
+    /**
+     * @title Блоки
+     * @maxItems 10
+     */
     blocks?: BlockDef[];
     columns?: ColumnsCount;
 }
@@ -25,7 +28,6 @@ export interface OtherProductsContent {
     title?: string;
     /**
      * @title Список
-     * @maxItems 10
      */
     blockItems?: BlockItemCommonProps[];
     colorPalette?: ColorPalette;

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.js

@@ -13,7 +13,7 @@ const productSlideStyleMap = {
     primary: 'bg-white text-primary-text',
     secondary: 'bg-primary-main text-white',
 };
-export const ProductGalleryGreen = JSX(({ className = '', context, slides = [], version = 'primary', duration = 0, anchor = null }) => {
+export const ProductGalleryGreen = JSX(({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
     const galleryNav = slides.map((s) => s.nav);
     const galleryBlocks = slides.map((s) => s.productBlock);
     const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
@@ -24,19 +24,18 @@ export const ProductGalleryGreen = JSX(({ className = '', context, slides = [],
                     activeSlideIndex,
                     onClick: () => setActiveSlideIndex(i),
                     version,
-                    duration,
                 })) })] }));
 });
 function renderProductBlock(block, i, context) {
     const { version } = block;
     const additionalClass = version ? productBlockStyleMap[version].title : '';
-    return (_jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { className: `pl-[50px] pr-2 z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
+    return (_jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { className: `pl-[50px] z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
 }
-function renderNavButton({ slide, i, activeSlideIndex, onClick, version, duration }) {
+function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
     const isActiveBtn = i === activeSlideIndex;
     const btnClassName = isActiveBtn
-        ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] max-w-[354px] p-0 border-none'
-        : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300
+        ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
+        : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
       ${productSlideStyleMap[version]}`;
     const btnTitleClassName = isActiveBtn
         ? 'text-primary-text text-title-2xs'
@@ -44,10 +43,9 @@ function renderNavButton({ slide, i, activeSlideIndex, onClick, version, duratio
     const btnDescClassName = isActiveBtn
         ? 'text-secondary-text text-m-title-xs mt-2.5'
         : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
-    const additionalBorder = version === 'secondary' ? 'border-white/50' : '';
-    const progressBarClassName = isActiveBtn ? 'animate-slide' : '';
-    return (_jsxs("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans group relative overflow-hidden border-[1px] cursor-pointer text-left mx-1 grow basis-0 backdrop-blur-sm
-      ${btnClassName} ${additionalBorder}
-      `, children: [_jsxs("div", { className: "border-0 px-6", children: [_jsx("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), _jsx("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }), _jsx("div", { className: `absolute bottom-0 left-0 w-full h-[3px] bg-primary-main -translate-x-full ${progressBarClassName}`, style: { animationDuration: `${duration}s`, animationFillMode: 'forwards' } })] }, String(i)));
+    const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
+        ${btnClassName} ${additionalBorder}
+      `, children: _jsxs("div", { className: "border-0 px-6", children: [_jsx("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), _jsx("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
 }
 //# sourceMappingURL=ProductGalleryGreen.js.map

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/types.d.ts

@@ -37,10 +37,15 @@ export interface ContentPageMeta {
     twitter?: Record<string, string>;
     jsonLd?: string;
 }
+export interface CustomPageTemplate {
+    content?: Record<string, any>;
+    type?: string;
+}
 export interface ContentPageDef extends ContentPageMeta {
     style?: string[];
     blocks?: BlockDef[];
     slots?: SlotsMap;
+    customPageTmpl?: CustomPageTemplate;
     likeControl?: boolean;
     colorPalette?: ColorPalette;
 }

package/mobile/lib/utils/style2className.d.ts

@@ -0,0 +1 @@
+export declare function style2className(style: string[] | undefined | null): string;

package/mobile/lib/utils/style2className.js

@@ -0,0 +1,4 @@
+export function style2className(style) {
+    return style ? style.filter(Boolean).join(' ') : '';
+}
+//# sourceMappingURL=style2className.js.map

package/mobile/lib/utils/style2className.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style2className.js","sourceRoot":"","sources":["../../src/utils/style2className.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,KAAkC;IAChE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtD,CAAC"}

package/mobile/src/components/BlockContent.ts

@@ -5,6 +5,7 @@ import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTil
 import type { FooterContent } from './Footer/FooterContent';
 import type { GalleryContent } from './Gallery/GalleryContent';
 import type { GracePeriodContent } from './GracePeriod/GracePeriodContent';
+import type { GroupBlockContent } from './GroupBlock/GroupBlockContent';
 import type { HeaderContent } from './Header/HeaderContent';
 import type { LinkDocsContent } from './LinkDocs/LinkDocsContent';
 import type { LinkListContent } from './LinkList/LinkListContent';
@@ -48,4 +49,5 @@ export type BlockContent =
   | TextBlockContent
   | TileContent
   | NavigationContent
-  | LinkListContent;
+  | LinkListContent
+  | GroupBlockContent;

package/mobile/src/components/ContentPage/ContentPage.tsx

@@ -2,6 +2,7 @@ import { JSX, PropsWithChildren } from '@redneckz/uni-jsx';
 import type { BlockDef, ContentPageDef, UniBlockProps } from '../../types';
 import { changeHashOnScroll } from '../../utils/changeHashOnScroll';
 import { isSSR } from '../../utils/isSSR';
+import { style2className } from '../../utils/style2className';
 import type { BlockContent } from '../BlockContent';
 import { LikeControl } from '../LikeControl/LikeControl';
 import { Placeholder } from '../Placeholder/Placeholder';
@@ -128,7 +129,3 @@ function renderBlock(
     `block-${i}`,
   );
 }
-
-function style2className(style: string[] | undefined | null): string {
-  return style ? style.join(' ') : '';
-}

package/mobile/src/components/ContentPage/CustomContentPage.tsx

@@ -0,0 +1,82 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
+import { style2className } from '../../utils/style2className';
+import { ContentPageContext } from './ContentPageContext';
+
+interface PageDecoratorProps<VNode> {
+  pageClassName: string;
+  pageTemplate: CustomPageTemplate;
+  render: (props: { pageClassName: string; pageTemplate: CustomPageTemplate }) => VNode;
+}
+
+export type PageDecorator<VNode = any> = (
+  props: PageDecoratorProps<VNode>,
+  index?: number | string,
+) => any;
+
+export interface PageTemplate {
+  name: string;
+  template: any;
+}
+
+export type PageTemplatesRegistry = Record<string, PageTemplate>;
+
+export interface CustomContentPageProps extends UniBlockProps {
+  pageTemplatesRegistry: PageTemplatesRegistry;
+  data: ContentPageDef;
+  pageDecorator?: PageDecorator;
+}
+
+export interface RenderPageFunc {
+  pageTemplate: CustomPageTemplate;
+  pageClassName: string;
+  pageDecorator: PageDecorator;
+  pageTemplatesRegistry: PageTemplatesRegistry;
+  context: ContentPageContext;
+}
+
+const defaultPageDecorator: PageDecorator = ({ pageClassName, pageTemplate, render }) =>
+  render({ pageClassName, pageTemplate });
+
+export const CustomContentPage = JSX<CustomContentPageProps>(
+  ({
+    className = '',
+    context,
+    pageTemplatesRegistry,
+    data: { style: pageStyle, customPageTmpl: pageTemplate },
+    pageDecorator = defaultPageDecorator,
+  }) => {
+    return pageTemplate
+      ? renderPage({
+          pageTemplate,
+          pageClassName: `${style2className(pageStyle)} ${className}`,
+          pageDecorator,
+          pageTemplatesRegistry,
+          context,
+        })
+      : null;
+  },
+);
+
+function renderPage({
+  pageTemplate,
+  pageClassName,
+  pageDecorator,
+  pageTemplatesRegistry,
+  context,
+}: RenderPageFunc) {
+  const { type } = pageTemplate;
+  if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
+    throw new Error(`No page template with "${type}" is registered`);
+  }
+
+  const { template: PageComponent } = pageTemplatesRegistry[type];
+  return pageDecorator({
+    pageClassName,
+    pageTemplate,
+    render: (props) => {
+      const { content } = props.pageTemplate;
+      return <PageComponent className={props.pageClassName} context={context} {...content} />;
+    },
+  });
+}

package/mobile/src/components/GroupBlock/BlocksTypeProps.ts

@@ -0,0 +1,40 @@
+import type { ProductBlockContent } from '../../components/ProductBlock/ProductBlockContent';
+import type { ProductTileContent } from '../../components/ProductTile/ProductTileContent';
+import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+
+export interface ActiveHandler {
+  context: ContentPageContext;
+  blocks?: GroupBlockDef[];
+  initialState?: boolean;
+}
+
+export interface GroupBlockCommonProps {
+  /** @title Стиль */
+  style?: string[];
+  /** @title Теги */
+  tags?: string[];
+}
+
+/**
+ * @title Продуктовый блок
+ * @default {"blockType": "ProductBlock"}
+ */
+export type ProductBlockDef = ProductBlockContent &
+  GroupBlockCommonProps & { blockType: 'ProductBlock' };
+
+/**
+ * @title Продуктовая плитка
+ * @default {"blockType": "ProductTile"}
+ */
+export type ProductTileDef = ProductTileContent &
+  GroupBlockCommonProps & { blockType: 'ProductTile' };
+
+/**
+ * @title Выберите блок
+ */
+export type EmptyOption = null;
+
+/**
+ * @title Содержимое блока
+ */
+export type GroupBlockDef = EmptyOption | ProductBlockDef | ProductTileDef;

package/mobile/src/components/GroupBlock/EmbeddableGroupBlocks.tsx

@@ -0,0 +1,7 @@
+import { ProductBlock } from '../ProductBlock/ProductBlock';
+import { ProductTile } from '../ProductTile/ProductTile';
+
+export const EmbeddableGroupBlocks = {
+  ProductBlock,
+  ProductTile,
+};

package/mobile/src/components/GroupBlock/GroupBlock.example.json

@@ -0,0 +1,27 @@
+{
+  "tabs": [
+    { "title": "Еще программы", "index": 0 },
+    { "title": "Страхование жизни", "index": 1, "tag": "tag1" },
+    { "title": "Страхование здоровья", "index": 2, "tag": "tag2" }
+  ],
+  "blocks": [
+    {
+      "blockType": "ProductBlock",
+      "title": "Продуктовый блок",
+      "description": "Описание текстового блока",
+      "tags":["tag2"]
+    },
+    {
+      "blockType": "ProductTile",
+      "title": "Продуктовая плитка",
+      "description": "Описание текстового блока",
+      "tags":["tag1"]
+    },
+    {
+      "blockType": "ProductBlock",
+      "title": "Продуктовый блок",
+      "description": "Описание текстового блока",
+      "tags":["tag2"]
+    }
+  ]
+}

package/mobile/src/components/GroupBlock/GroupBlock.tsx

@@ -0,0 +1,43 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import type { GroupBlockContent, GroupBlockTab } from './GroupBlockContent';
+import { GroupBlockTabs } from './GroupBlockTabs';
+import { GroupBlocksItem } from './GroupBlocksItem';
+import { filterBlocksByTag } from './filterBlocksByTag';
+
+export interface TabsItemProps extends GroupBlockTab {
+  count?: number;
+}
+
+export interface GroupBlockProps extends GroupBlockContent, UniBlockProps {
+  tabs?: TabsItemProps[];
+}
+
+export const GroupBlock = JSX<GroupBlockProps>(
+  ({ className = '', tabs, context, anchor = null, groupBlocks = [] }) => {
+    const [currentTag, setCurrentTag] = context.useState(tabs?.[0]?.tag);
+
+    const filteredBlocks = filterBlocksByTag(groupBlocks, currentTag);
+
+    const tabsNewMap = tabs?.map((tab) => {
+      const count = tab.tag
+        ? groupBlocks.filter((block) => block?.tags?.includes(`${tab.tag}`)).length
+        : groupBlocks.length;
+
+      return { ...tab, count };
+    });
+
+    return (
+      <section id={anchor} className={`box-border gap-1 h-12 ${className}`}>
+        {tabsNewMap?.length ? (
+          <GroupBlockTabs currentTag={currentTag} onTabClick={setCurrentTag} tabs={tabsNewMap} />
+        ) : null}
+        {groupBlocks.length ? (
+          <div className="list-none">
+            <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
+          </div>
+        ) : null}
+      </section>
+    );
+  },
+);

package/mobile/src/components/GroupBlock/GroupBlockContent.ts

@@ -0,0 +1,23 @@
+import type { GroupBlockDef } from './BlocksTypeProps';
+
+/**
+ *  @title Таб
+ */
+export interface GroupBlockTab {
+  /** @title Название */
+  title?: string;
+  /** @title Tег */
+  tag?: string;
+}
+
+/**
+ * @title Блок-группировки
+ */
+export interface GroupBlockContent {
+  /** @title Блоки */
+  groupBlocks?: GroupBlockDef[];
+  /** @title Табы */
+  tabs?: GroupBlockTab[];
+  /** @title Показывать счетчик блоков во вкладках */
+  isShowCounter?: boolean;
+}

package/mobile/src/components/GroupBlock/GroupBlockTabs.tsx

@@ -0,0 +1,54 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { TabsItemProps } from './GroupBlock';
+
+export type TabClickHandler = (tag) => void;
+
+export interface GroupBlockTabsProps {
+  onTabClick: TabClickHandler;
+  currentTag?: string;
+  className?: string;
+  tabs?: TabsItemProps[];
+  isShowCounter?: boolean;
+}
+
+export const GroupBlockTabs = JSX<GroupBlockTabsProps>((props) => {
+  const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
+
+  return (
+    <div className={`mb-2 box-border flex gap-x-1 h-12 ${className}`} role="tablist">
+      {tabs?.map(renderTab(onTabClick, isShowCounter, currentTag))}
+    </div>
+  );
+});
+
+const badgeStyle = 'w-[22px] h-[22px] rounded-full text-m-sm';
+
+const renderTab =
+  (onTabClick: TabClickHandler, isShowCounter: boolean, currentTag?: string) =>
+  (tab: TabsItemProps, i: number) => {
+    const isActive = currentTag === tab.tag;
+    const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
+    const tabText = isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main';
+    const counterBlockStyle = `${badgeStyle} 
+      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-text/10 text-secondary-text'}`;
+
+    return (
+      <div
+        key={String(i)}
+        className={`flex h-full w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
+        role="tab"
+        onClick={() => onTabClick(tab.tag)}
+        aria-selected={String(isActive)}
+        tag={tab?.tag}
+      >
+        <div className="flex flex-1 items-center justify-center">
+          {tab?.title ? <h3 className={`mr-8 ${tabText}`}>{tab?.title}</h3> : null}
+          {isShowCounter ? (
+            <div className={`flex items-center justify-center ${counterBlockStyle}`}>
+              <span>{tab.count}</span>
+            </div>
+          ) : null}
+        </div>
+      </div>
+    );
+  };

package/mobile/src/components/GroupBlock/GroupBlocksItem.tsx

@@ -0,0 +1,30 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { JSXBlock } from '../../components/ContentPage/ContentPage';
+import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { UniBlockProps } from '../../types';
+import { style2className } from '../../utils/style2className';
+import type { GroupBlockDef } from './BlocksTypeProps';
+import { EmbeddableGroupBlocks } from './EmbeddableGroupBlocks';
+import { GroupBlockContent } from './GroupBlockContent';
+
+export interface GroupBlocksProps extends GroupBlockContent, UniBlockProps {}
+
+export const GroupBlocksItem = JSX<GroupBlocksProps>(({ groupBlocks, context }) => {
+  return (
+    <div className={'grid grid-cols-12 gap-2 box-border'}>
+      {groupBlocks?.length ? groupBlocks.map(renderBlock(context)) : null}
+    </div>
+  );
+});
+
+export const renderBlock = (context: ContentPageContext) => (block: GroupBlockDef, i: number) => {
+  const type = block?.blockType;
+  if (!type || !(type in EmbeddableGroupBlocks)) {
+    return null;
+  }
+  const classNameBlock = style2className(block?.style);
+  const EmbeddedBlock: JSXBlock = EmbeddableGroupBlocks[type];
+  return (
+    <EmbeddedBlock key={`block_${i}`} context={context} {...block} className={classNameBlock} />
+  );
+};

package/mobile/src/components/GroupBlock/filterBlocksByTag.ts

@@ -0,0 +1,5 @@
+import { GroupBlockDef } from './BlocksTypeProps';
+
+export const filterBlocksByTag = (blocks: GroupBlockDef[], tag?: string) => {
+  return tag ? blocks.filter((block) => block?.tags?.includes(tag)) : blocks;
+};