@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.4-credit

package/mobile/src/components/Footer/LinkList.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type NavigationLinkProps } from '../../data/NavigationData';
 import { useLink } from '../../hooks/useLink';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
-interface LinkListProps {
+interface LinkListProps extends ComponentType {
   items?: LinkProps[];
-  className?: string;
 }
 
 export const LinkList = JSX<LinkListProps>(({ className = '', items }) => {

package/mobile/src/components/Footer/SocialMedia.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
@@ -8,8 +9,7 @@ import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { findIconByHref } from './findIconByHref';
 
-export interface SocialMediaProps {
-  className?: string;
+export interface SocialMediaProps extends ComponentType {
   media?: LinkButtonContent[];
   showButtonText?: boolean;
   stretched?: boolean;

package/mobile/src/components/Footer/TextInformationLink.tsx

@@ -17,7 +17,7 @@ export const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
     return (
       <a
         className={style(
-          'text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px]',
+          'text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-72',
           className,
         )}
         href={href}

package/mobile/src/components/GalleryLayout/GalleryLayout.tsx

@@ -3,8 +3,6 @@ import { renderBlock } from '../../BlockRenderer/renderBlock';
 import { type ChildRenderProps } from '../../BlockRenderer/renderBlockList';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { type BlockDecorator } from '../../model/BlockDecorator';
-import { type BlockDef } from '../../model/ContentPageDef';
-import { type LinkProps } from '../../model/LinkProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
 import { UniBlock } from '../../UniBlock/UniBlock';
@@ -13,11 +11,11 @@ import { getBorderStyle } from '../../utils/getBorderStyle';
 import { getInnerPadding } from '../../utils/getInnerPadding';
 import { style } from '../../utils/style';
 import { gapStyles } from '../HorizontalLayout/gapStyles';
-import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
 import { type GalleryLayoutContent } from './GalleryLayoutContent';
+import { useSortProductBlocks } from './useSortProductBlocks';
+import { getChildStyle, modifyBlock } from './utils';
 
 const MIN_LENGTH_CHILD = 5;
-const SHORT_TILE_INDEXES = [1, 2, 3, 4];
 const LINK_SCHEMA: Record<string, JSONSchema7Definition> = {
   link: {
     allOf: [
@@ -49,25 +47,31 @@ export const GalleryLayout = UniBlock<GalleryLayoutProps>(
     version = 'transparent',
     isTheme = false,
     isCardBorder = false,
+    block = {},
     ...rest
-  }) => (
-    <BlockWrapper
-      className={style(
-        'grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr',
-        gapStyles[gap],
-        className,
-      )}
-      padding={padding}
-      version={version}
-      isTheme={isTheme}
-      {...rest}
-    >
-      {renderChildren({
-        ...rest,
-        renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
-      })}
-    </BlockWrapper>
-  ),
+  }) => {
+    const blocks = useSortProductBlocks(block);
+
+    return (
+      <BlockWrapper
+        className={style(
+          'grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr',
+          gapStyles[gap],
+          className,
+        )}
+        padding={padding}
+        version={version}
+        isTheme={isTheme}
+        {...rest}
+      >
+        {renderChildren({
+          ...rest,
+          block: { ...block, blocks },
+          renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
+        })}
+      </BlockWrapper>
+    );
+  },
   {
     childrenTypes: ['ProductBlock'],
     childSchema: () => LINK_SCHEMA,
@@ -107,13 +111,19 @@ const blockDecoratorWrapper =
       `wrap_${i}`,
     ) ?? productBlockDecorator(idx)(props, i);
 
+const visibilityByIdx = (i?: number) => (Number(i) < 5 ? '' : 'hidden');
+
 const productBlockDecorator =
   (idx: number): BlockDecorator =>
   ({ blockClassName, block, render }, i) => {
     const modifiedBlock = modifyBlock(block, idx);
 
     return (
-      <LinkWrapper key={String(i)} {...modifiedBlock.content?.link} className={getChildStyle(idx)}>
+      <LinkWrapper
+        key={String(i)}
+        {...modifiedBlock.content?.link}
+        className={style(visibilityByIdx(idx), getChildStyle(idx))}
+      >
         {render({
           blockClassName: style(blockClassName, 'h-full'),
           block: modifiedBlock,
@@ -121,31 +131,3 @@ const productBlockDecorator =
       </LinkWrapper>
     );
   };
-
-const getChildStyle = (index: number) =>
-  SHORT_TILE_INDEXES.includes(index)
-    ? 'lg:col-span-1 lg:row-span-1'
-    : 'lg:col-span-2 lg:row-span-2';
-
-const modifyBlock = (block: BlockDef, i: number) => {
-  const content: ProductBlockContent & { link?: LinkProps } = { ...block.content };
-
-  const isSmallTile = SHORT_TILE_INDEXES.includes(i);
-
-  if (isSmallTile) {
-    delete content.description;
-    delete content.benefits;
-
-    if (content.link?.href) {
-      delete content.buttons;
-    }
-
-    content.imageOptions = { ...content.imageOptions, className: 'max-w-max !h-auto' };
-  } else {
-    if ((content.buttons ?? []).length) {
-      delete content.link;
-    }
-  }
-
-  return { ...block, content };
-};

package/mobile/src/components/GalleryLayout/useSortProductBlocks.ts

@@ -0,0 +1,25 @@
+import { useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
+import { type BlockDef } from '../../model/ContentPageDef';
+
+export const useSortProductBlocks = (parentBlock: BlockDef = {}): BlockDef[] => {
+  const [blocks, setBlocks] = useState(parentBlock.blocks ?? []);
+  const sessionStore = useSessionStore();
+  const offerIds: string[] = sessionStore?.offerIds || [];
+
+  const sortedBlocks = useMemo(() => {
+    const blocksMap = new Map(parentBlock.blocks?.map((block) => [block?.__id, block]) ?? []);
+
+    const blocksByOfferIds = offerIds
+      .map((id) => blocksMap.get(id))
+      .filter((block): block is BlockDef => Boolean(block));
+
+    const tailBlocks = blocks.filter(({ __id = '' }) => !offerIds.includes(__id));
+
+    return [...blocksByOfferIds, ...tailBlocks];
+  }, [blocks, offerIds]);
+
+  useEffect(() => setBlocks(sortedBlocks), []);
+
+  return blocks;
+};

package/mobile/src/components/GalleryLayout/utils.ts

@@ -0,0 +1,35 @@
+import { type BlockDef } from '../../model/ContentPageDef';
+import { type LinkProps } from '../../model/LinkProps';
+import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
+
+const SHORT_TILE_INDEXES = [1, 2, 3, 4];
+
+export const getChildStyle = (index: number) =>
+  SHORT_TILE_INDEXES.includes(index)
+    ? 'lg:col-span-1 lg:row-span-1'
+    : 'lg:col-span-2 lg:row-span-2';
+
+export const modifyBlock = (block: BlockDef, i: number) => {
+  const content: ProductBlockContent & { link?: LinkProps } = { ...block.content };
+
+  const isSmallTile = SHORT_TILE_INDEXES.includes(i);
+
+  if (isSmallTile) {
+    delete content.description;
+    delete content.benefits;
+
+    if (content.link?.href) {
+      delete content.buttons;
+    }
+
+    content.imageOptions = { ...content.imageOptions, className: 'max-w-max !h-auto' };
+    content.headlineVersion = 'S';
+  } else {
+    if ((content.buttons ?? []).length) {
+      delete content.link;
+    }
+    content.headlineVersion = 'L';
+  }
+
+  return { ...block, content };
+};

package/mobile/src/components/Header/DropdownMenu.tsx

@@ -4,12 +4,12 @@ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { useLink } from '../../hooks/useLink';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
-interface DropdownMenuProps {
-  className?: string;
+interface DropdownMenuProps extends ComponentType {
   items: LinkProps[];
   activeItem?: LinkProps;
   ariaLabel?: string;

package/mobile/src/components/Header/HeaderChatBotButton.tsx

@@ -1,14 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { type IconVersion } from '../../model/IconVersion';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
-import { useChatBot } from './useChatBot';
 
-interface HeaderChatBotButtonProps {
-  className?: string;
+const CHAT_BOT_ASPECT_NAME = 'openChatBot';
+
+interface HeaderChatBotButtonProps extends ComponentType {
   iconVersion?: IconVersion;
-  chat?: string;
   onClick?: (ev: PreventableEventWithTarget) => void;
   ariaLabel?: string;
   version?: BlockVersion;
@@ -16,26 +19,29 @@ interface HeaderChatBotButtonProps {
 }
 
 export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
-  ({
-    chat = 'personal',
-    iconVersion,
-    className,
-    ariaLabel = 'Чат',
-    version,
-    buttonSize = 'large',
-  }) => {
-    const { load, isLoading } = useChatBot(chat);
+  ({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
+    const [isLoading, { setTrue: startLoad, setFalse: endLoad }] = useBool(false);
+    const aspects = useAspects();
+
+    const handleClick = useCallback((ev: PreventableEventWithTarget) => {
+      const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+      if (openChatBot) {
+        startLoad();
+        openChatBot(ev).finally(endLoad);
+      }
+    }, []);
 
     return (
       <HeaderSecondaryMenuButton
         className={className}
         image={{ icon: 'ChatBotIcon', iconVersion }}
         ariaLabel={ariaLabel}
-        onClick={load}
+        onClick={handleClick}
         buttonSize={buttonSize}
         isGrayBg={true}
         version={version}
         isLoading={isLoading}
+        disabled={isLoading}
         dataTestId="chat icon"
       />
     );

package/mobile/src/components/Header/HeaderSecondaryMenu.tsx

@@ -6,16 +6,16 @@ import { type NavigationData } from '../../data/NavigationData';
 import { getAspectsWithInclude } from '../../hooks/useAspects/aspects/getAspectsWithInclude';
 import { useLocation } from '../../hooks/useLocation';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { type IconVersion } from '../../model/IconVersion';
-import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { LocationDialog } from '../../ui-kit/LocationDialog/LocationDialog';
 import { SearchDialog } from '../../ui-kit/SearchDialog/SearchDialog';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { style } from '../../utils/style';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
-export interface HeaderSecondaryMenuProps extends HeaderData, NavigationData {
-  className?: string;
+
+export interface HeaderSecondaryMenuProps extends HeaderData, NavigationData, ComponentType {
   search?: SearchHeaderProps;
   version?: BlockVersion;
 }
@@ -38,16 +38,14 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
         role="navigation"
       >
         {currentLocation?.name && rest?.branches?.visible ? (
-          <ClientOnly>
-            <TopItem
-              className="whitespace-nowrap text-ellipsis overflow-hidden"
-              flat={true}
-              href="#"
-              text={currentLocation?.name}
-              data={getAspectsWithInclude(rest?.branches?.dataClick, currentLocation?.name ?? '')}
-              onClick={openLocationDialog}
-            />
-          </ClientOnly>
+          <TopItem
+            className="whitespace-nowrap text-ellipsis overflow-hidden"
+            flat={true}
+            href="#"
+            text={currentLocation?.name}
+            data={getAspectsWithInclude(rest?.branches?.dataClick, currentLocation?.name ?? '')}
+            onClick={openLocationDialog}
+          />
         ) : null}
         {rest?.officesAtms?.href ? (
           <TopItem className="whitespace-nowrap" flat={true} {...rest.officesAtms} />

package/mobile/src/components/Header/HeaderSecondaryMenuButton.tsx

@@ -1,18 +1,22 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type AspectsProps } from '../../model/AspectsProps';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
+import { type DisabledProps } from '../../model/DisabledProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
-export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
-  className?: string;
+export interface HeaderSecondaryMenuButtonProps
+  extends ImageContent,
+    AspectsProps,
+    ComponentType,
+    DisabledProps {
   isRounded?: boolean;
   buttonSize?: 'default' | 'medium' | 'large';
   isGrayBg?: boolean;
-  disabled?: boolean;
   ariaLabel?: string;
   onClick?: (ev: PreventableEventWithTarget) => void;
   version?: BlockVersion;

package/mobile/src/components/Header/HeaderSubMenu.tsx

@@ -74,7 +74,6 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
           <HeaderChatBotButton
             version={version}
             iconVersion={iconVersion}
-            chat={projectSettings.CHAT_BOT}
             ariaLabel={chatBotAriaLabel}
           />
         ) : null}

package/mobile/src/components/Header/HeaderSubMenuItem.tsx

@@ -4,11 +4,11 @@ import {
   useIntersectionObserver,
   type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
 
-export interface HeaderSubMenuItemProps extends LinkProps {
-  className?: string;
+export interface HeaderSubMenuItemProps extends LinkProps, ComponentType {
   active?: boolean;
   observerOptions?: IntersectionObserverOptions;
   onVisibilityChange?: (isIntersecting: boolean) => void;

package/mobile/src/components/Header/HeaderTop.tsx

@@ -51,12 +51,7 @@ export const HeaderTop = JSX<HeaderTopProps>(
         )}
         <div className="flex gap-lg items-center">
           {projectSettings.CHAT_BOT ? (
-            <HeaderChatBotButton
-              version={version}
-              iconVersion={iconVersion}
-              chat={projectSettings.CHAT_BOT}
-              buttonSize="medium"
-            />
+            <HeaderChatBotButton version={version} iconVersion={iconVersion} buttonSize="medium" />
           ) : null}
           <InternetBankButton version={version} {...internetBankButton} />
         </div>

package/mobile/src/components/Header/HeaderTopMenu.tsx

@@ -7,14 +7,14 @@ import { type TopMenuItemProps } from '../../data/NavigationData';
 import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { type BgColorVersion } from '../../model/BgColorVersion';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LogoType } from '../../model/LogoType';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { DropdownMenu } from './DropdownMenu';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu';
 import { HeaderTopMenuItem } from './HeaderTopMenuItem';
 
-export interface HeaderMenuProps {
-  className?: string;
+export interface HeaderMenuProps extends ComponentType {
   navigationItems?: TopMenuItemProps[];
   activeTopItem?: TopMenuItemProps;
   dropdownMenuAriaLabel?: string;
@@ -66,11 +66,7 @@ export const HeaderTopMenu = JSX<HeaderMenuProps>(
           data={dataHeader}
           showTitle={false}
         />
-        <div
-          ref={topItemsListRef}
-          className="overflow-hidden min-w-[160px] pb-xs mt-xs"
-          role="menu"
-        >
+        <div ref={topItemsListRef} className="overflow-hidden min-w-40 pb-xs mt-xs" role="menu">
           {navigationItems.map((_, i) => (
             <HeaderTopMenuItem
               key={String(i)}

package/mobile/src/components/Header/HeaderTopMenuItem.tsx

@@ -4,11 +4,11 @@ import {
   useIntersectionObserver,
   type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 
-export interface HeaderTopMenuItemProps extends LinkProps {
-  className?: string;
+export interface HeaderTopMenuItemProps extends LinkProps, ComponentType {
   active?: boolean;
   observerOptions?: IntersectionObserverOptions;
   onVisibilityChange?: (isIntersecting: boolean) => void;

package/mobile/src/components/Headline/Headline.tsx

@@ -36,7 +36,7 @@ export const Headline = JSX<HeadlineProps>(
       >
         {title ? (
           <Heading
-            className={style('whitespace-pre-wrap', align)}
+            className={style('whitespace-normal', align)}
             {...versionStyle?.title}
             as={as || versionStyle?.title.as}
             title={title}

package/mobile/src/components/OfficesAtmsMap/AtmsMap.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLocation } from '../../hooks/useLocation';
+import { type ComponentType } from '../../model/ComponentType';
 import { type AtmsDef } from './OfficesAtmsMapContent';
 import { OfficesAtmsMapLayout } from './OfficesAtmsMapLayout';
 import { type Atm } from './OfficesAtmsMapProps';
@@ -24,9 +25,8 @@ const FILTRATION_PREDICATES = {
   designDisabledPeople: (item: Atm) => Boolean(item.designDisabledPeople),
 };
 
-export interface AtmsMapProps {
+export interface AtmsMapProps extends ComponentType {
   descriptionData?: AtmsDef;
-  className?: string;
 }
 
 export const AtmsMap = JSX<AtmsMapProps>(({ descriptionData, className }) => {

package/mobile/src/components/OfficesAtmsMap/Badge.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TextColor } from '../../ui-kit/Text/TextProps';
@@ -11,8 +12,7 @@ const colorStyle: Record<string, { border: string; text: TextColor }> = {
   red: { border: 'border-error/30', text: 'text-error' },
 };
 
-export interface BadgeProps {
-  className?: string;
+export interface BadgeProps extends ComponentType {
   color?: keyof typeof colorStyle;
 }
 

package/mobile/src/components/OfficesAtmsMap/CardCell.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
+import { type LabelProps } from '../../model/HeadlineType';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TextColor, type TextSize } from '../../ui-kit/Text/TextProps';
 import { style } from '../../utils/style';
 
-export interface CardCellProps {
-  className?: string;
-  label?: string;
+export interface CardCellProps extends ComponentType, LabelProps {
   labelSize?: TextSize;
   value?: string | string[];
   subText?: string;

package/mobile/src/components/OfficesAtmsMap/CardRow.tsx

@@ -1,11 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 
-export interface CardRowProps {
-  className?: string;
-}
-
-export const CardRow = JSX<CardRowProps>(({ className, children }) => (
+export const CardRow = JSX<ComponentType>(({ className, children }) => (
   <div
     className={style(
       'flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl',

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx

@@ -1,6 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm/useForm';
+import { type ComponentType } from '../../model/ComponentType';
+import { type TitleProps } from '../../model/HeadlineType';
 import { type VNode } from '../../model/VNode';
 import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
@@ -19,8 +21,7 @@ const defaultEmptyFunction = () => void 0;
 
 export type InitFilterState = Record<string, boolean>;
 
-export interface OfficesAtmsMapLayoutProps<T> {
-  className?: string;
+export interface OfficesAtmsMapLayoutProps<T> extends ComponentType, TitleProps {
   data?: T[];
   isLoad: boolean;
   remoteWorkplaces?: T[];
@@ -31,7 +32,6 @@ export interface OfficesAtmsMapLayoutProps<T> {
   getBalloonRemoteWorkplaces?: (item: T) => BalloonContent;
   initFilterState?: InitFilterState;
   descriptionData?: AtmsDef;
-  title?: string;
 }
 
 const filtersVisibleStyles = (activeButton: string) =>

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMapProps.tsx

@@ -1,3 +1,5 @@
+import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
+
 export interface Currency {
   buyExchangeRate?: number;
   saleExchangeRate?: number;
@@ -13,9 +15,8 @@ export interface ExchangeRate {
   currencies?: Currency[];
 }
 
-export type WorkScheduleWeek = {
+export type WorkScheduleWeek = TitleProps & {
   key?: string;
-  title?: string;
   short?: string;
   status?: boolean;
   workTime?: string;
@@ -83,7 +84,7 @@ export interface Branch {
   serviceDisabledPeople?: false;
 }
 
-export interface RemoteWorkplace {
+export interface RemoteWorkplace extends DescriptionProps {
   id?: number;
   region?: {
     id?: number;
@@ -93,11 +94,11 @@ export interface RemoteWorkplace {
   };
   landmark?: string;
   workScheduleDescription?: string;
-  description?: string;
   gpsLatitude?: number;
   gpsLongitude?: number;
   address?: string;
 }
+
 export interface Atm {
   location?: string;
   address?: string;

package/mobile/src/components/OfficesAtmsMap/OfficesMap.tsx

@@ -1,15 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLocation } from '../../hooks/useLocation';
+import { type ComponentType } from '../../model/ComponentType';
 import { OfficesAtmsMapLayout } from './OfficesAtmsMapLayout';
 import { getOfficePoint, renderOfficeCard } from './renderOfficeCard';
 import { getRemoteWorkplacePoint, renderRemoteWorkplaceCard } from './renderRemoteWorkplaceCard';
 import { useOffices } from './useOffices';
 
-export interface OfficesMapProps {
-  className?: string;
-}
-
-export const OfficesMap = JSX<OfficesMapProps>(({ className }) => {
+export const OfficesMap = JSX<ComponentType>(({ className }) => {
   const currentLocation = useLocation();
   const regionCode = currentLocation?.code ?? '000';
   const { data, isLoad } = useOffices(regionCode);

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

@@ -71,17 +71,7 @@
             }
           }
         ]
-      },
-      "blocks": [
-        {
-          "content": {
-            "prefix": "префикс",
-            "unit": 1,
-            "suffix": "суффикс"
-          },
-          "type": "UnitBlock"
-        }
-      ]
+      }
     }
   ]
 ]

package/mobile/src/components/ProductBlock/ProductBlock.tsx

@@ -22,5 +22,4 @@ export const ProductBlock = UniBlock<ProductBlockProps>(
       />
     </BlockWrapper>
   ),
-  { childrenTypes: ['UnitBlock'] },
 );