@redneckz/wildless-cms-uni-blocks 0.8.16 → 0.8.17

package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,4 +1,4 @@
-import type { AlignType } from '../../model/AlignType';
+import type { AlignTypeWithStretch } from '../../model/AlignType';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ColorPalette } from '../../model/ContentPageDef';
 import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
@@ -9,7 +9,7 @@ import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 export interface VerticalLayoutContent {
   colorPalette?: ColorPalette;
   version?: BlockVersion;
-  align?: AlignType;
+  align?: AlignTypeWithStretch;
   gap?: GapVersion;
   /** @title Внутренний отступ компоновщика */
   isPadding?: boolean;

package/mobile/src/components/Video/Video.tsx

@@ -1,6 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useRouter } from '../../hooks/useRouter';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { adjustHref } from '../../utils/adjustHref';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { getPaddings } from './getPaddings';
@@ -8,19 +10,23 @@ import type { VideoContent } from './VideoContent';
 
 interface VideoProps extends VideoContent, UniBlockProps {}
 
-export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...rest }) => (
-  <BlockWrapper className={style(getPaddings(className), className)} {...rest}>
-    <Headline title={title} headlineVersion="M" />
-    {src ? (
-      <video
-        className="m-auto w-full object-fill"
-        preload="metadata"
-        poster={previewImg?.src}
-        style={{ maxHeight: 524 }}
-        controls
-      >
-        <source src={src} />
-      </video>
-    ) : null}
-  </BlockWrapper>
-));
+export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...rest }) => {
+  const router = useRouter();
+
+  return (
+    <BlockWrapper className={style(getPaddings(className), className)} {...rest}>
+      <Headline title={title} headlineVersion="M" />
+      {src ? (
+        <video
+          className="m-auto w-full object-fill"
+          preload="metadata"
+          poster={adjustHref(router)(previewImg?.src)}
+          style={{ maxHeight: 524 }}
+          controls
+        >
+          <source src={adjustHref(router)(src)} />
+        </video>
+      ) : null}
+    </BlockWrapper>
+  );
+});

package/mobile/src/hooks/useLink.ts

@@ -12,7 +12,7 @@ interface Clickable {
   onClick(ev?: PreventableEvent): void;
 }
 
-export function useLink(isRemote?: boolean) {
+export function useLink(isRemote = false) {
   const router = useRouter();
 
   return <L extends Partial<LinkProps & Clickable>>(props: L): L & Clickable => ({

package/mobile/src/model/AlignType.ts

@@ -7,3 +7,14 @@
  * ]
  */
 export type AlignType = 'left' | 'center' | 'right';
+
+/**
+ * @title Выравнивание
+ * @enumNames [
+ *    "Во всю ширину",
+ *    "По левому краю",
+ *    "По центру",
+ *    "По правому краю"
+ * ]
+ */
+export type AlignTypeWithStretch = 'stretch' | 'left' | 'center' | 'right';

package/mobile/src/services/sitemap/isTopItemActive.ts

@@ -1,11 +1,6 @@
 import type { Router } from '../../hooks/useRouter';
 import { projectSettings } from '../../ProjectSettings';
 import { isHrefActive } from './isHrefActive';
-import { TopMenuItem } from './SitemapProps';
 
-export const isTopItemActive =
-  (router: Router) =>
-  (topItem: TopMenuItem): boolean =>
-    projectSettings.BASE_PATH
-      ? isHrefActive({ pathname: projectSettings.BASE_PATH })(topItem)
-      : topItem.items?.some(isHrefActive(router)) || isHrefActive(router)(topItem);
+export const isTopItemActive = (router: Router) =>
+  isHrefActive(projectSettings.BASE_PATH ? { pathname: projectSettings.BASE_PATH } : router);

package/mobile/src/wlc.json

@@ -2,5 +2,7 @@
   "PROD_BRANCH": "master",
   "FORCED_DRAFT_FLOW": false,
   "YANDEX_MAP_API_KEY": "f4b40c1e-1891-45f2-b307-90c481af210b",
-  "SITEMAP": "sayt-rshb"
+  "SITEMAP": "sayt-rshb",
+  "CHAT_BOT": "personal",
+  "BASE_PATH": "/natural/"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.8.16",
+  "version": "0.8.17",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/ProjectSettings.ts

@@ -6,6 +6,7 @@ export interface ProjectSettings {
   ASSIST_PROJECT_ID?: string;
   SITEMAP?: string;
   FOOTER?: string;
+  CHAT_BOT?: string; // "personal" or "business"
   CDN?: string; // Should ends with "/"
   BASE_PATH?: string; // Should ends with "/"
   YANDEX_MAP_API_KEY?: string;
@@ -42,6 +43,9 @@ export const projectSettings = new (class implements ProjectSettings {
   get FOOTER() {
     return this._.FOOTER;
   }
+  get CHAT_BOT() {
+    return this._.CHAT_BOT;
+  }
   get CDN() {
     return appendSlash(this._.CDN);
   }

package/src/components/Blocks.ts

@@ -13,6 +13,7 @@ import { Carousel } from './Carousel/Carousel';
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard/CarouselBankHistoryCard';
 import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
+import { CarouselEventCard } from './CarouselEventCard/CarouselEventCard';
 import { CarouselInvestmentCard } from './CarouselInvestmentCard/CarouselInvestmentCard';
 import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselProductCard } from './CarouselProductCard/CarouselProductCard';
@@ -72,6 +73,7 @@ export const Blocks: BlocksRegistry = {
   CarouselBankHistoryCard,
   CarouselCard,
   CarouselCatalogCard,
+  CarouselEventCard,
   CarouselInvestmentCard,
   CarouselLinks,
   CarouselProductCard,

package/src/components/Carousel/Carousel.fixture.tsx

@@ -4,6 +4,7 @@ import { Blocks } from '../Blocks';
 import { BANK_HISTORY_CARD } from '../CarouselBankHistoryCard/CarouselBankHistoryCard.fixture';
 import { CARD, CARD_MINI, CARD_NEW } from '../CarouselCard/CarouselCard.fixture';
 import { CATALOG_CARD } from '../CarouselCatalogCard/CarouselCatalogCard.fixture';
+import { CAROUSEL_EVENT_CARD } from '../CarouselEventCard/CarouselEventCard.fixture';
 import { INVESTMENT_CARD_WITH_SINGLE_COLUMN } from '../CarouselInvestmentCard/CarouselInvestmentCard.fixture';
 import { PRODUCT_CARD } from '../CarouselProductCard/CarouselProductCard.fixture';
 import { BUSINESS_CARD } from '../CarouselProgramsCard/CarouselProgramsCard.fixture';
@@ -176,6 +177,24 @@ export default {
       />
     </div>
   ),
+  events: (
+    <div className="container grid grid-cols-12">
+      <Carousel
+        className="col-span-12"
+        isBlur={false}
+        isCyclic={false}
+        block={{
+          type: 'Carousel',
+          blocks: new Array(6).fill({
+            type: 'CarouselEventCard',
+            content: CAROUSEL_EVENT_CARD,
+            style: ['col-span-4'],
+          }),
+        }}
+        options={options}
+      />
+    </div>
+  ),
   'bank-history': (
     <div className="container grid grid-cols-12">
       <Carousel

package/src/components/Carousel/Carousel.tsx

@@ -91,6 +91,7 @@ Carousel.childrenTypes = [
   'CarouselRecommendationCard',
   'CarouselTariffsCard',
   'CarouselInvestmentCard',
+  'CarouselEventCard',
 ];
 
 const getPaddingStyle = (isPadding: boolean): string => (isPadding ? 'p-12' : '');

package/src/components/CarouselCard/CarouselCard.fixture.tsx

@@ -27,7 +27,7 @@ export const CARD_MINI: CarouselCardContent = {
   title: 'Хочешь попасть на практику в РСХБ?',
   description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
   button,
-  carouselVersion: 'mini',
+  carouselVersion: 'small',
 };
 
 export default {

package/src/components/CarouselCard/CarouselCard.tsx

@@ -1,17 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { CarouselCardVersion } from '../../model/CarouselCardVersion';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Headline } from '../Headline/Headline';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { CarouselCardContent } from './CarouselCardContent';
+import type { SizeVersion } from '../../model/SizeVersion';
 
 export interface CarouselCardProps extends CarouselCardContent, UniBlockProps {}
 
 const BLOCK_CLASSES = 'absolute border border-solid border-gray w-full h-full';
 
-const CARD_WIDTH_MAP: Record<CarouselCardVersion, string> = {
+const CARD_WIDTH_MAP: Record<SizeVersion, string> = {
   normal: 'min-w-[970px]',
-  mini: 'min-w-[355px]',
+  small: 'min-w-[355px]',
 };
 
 export const CarouselCard = JSX<CarouselCardProps>(

package/src/components/CarouselCard/CarouselCardContent.ts

@@ -1,4 +1,4 @@
-import type { CarouselCardVersion } from '../../model/CarouselCardVersion';
+import type { SizeVersion } from '../../model/SizeVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -14,5 +14,5 @@ export interface CarouselCardContent extends HeadlineCommonProps {
    * }
    */
   button?: ButtonWithIconProps;
-  carouselVersion?: CarouselCardVersion;
+  carouselVersion?: SizeVersion;
 }

package/src/components/CarouselCard/constants.ts

@@ -1,11 +1,11 @@
-import type { CarouselCardVersion } from '../../model/CarouselCardVersion';
+import type { SizeVersion } from '../../model/SizeVersion';
 
-export const cardStyleMap: Record<CarouselCardVersion, string> = {
+export const cardStyleMap: Record<SizeVersion, string> = {
   normal: 'min-w-[100%] justify-center items-center m-7 col-span-12',
-  mini: 'min-w-auto justify-center items-center m-9 col-span-4',
+  small: 'min-w-auto justify-center items-center m-9 col-span-4',
 };
 
-export const cardWidthMap: Record<CarouselCardVersion, string> = {
+export const cardWidthMap: Record<SizeVersion, string> = {
   normal: 'w-[1007px]',
-  mini: 'w-[350px]',
+  small: 'w-[350px]',
 };

package/src/components/CarouselEventCard/CarouselEventCard.example.json

@@ -0,0 +1,14 @@
+{
+  "icon": {
+    "icon": "SignDocsIcon",
+    "format": "webp",
+    "size": {
+      "width": 365,
+      "height": 195
+    }
+  },
+  "title": "Заголовок",
+  "description": "Описание",
+  "target": null,
+  "href": null
+}

package/src/components/CarouselEventCard/CarouselEventCard.fixture.tsx

@@ -0,0 +1,21 @@
+import { CarouselEventCard } from './CarouselEventCard';
+import type { Picture } from '../../model/Picture';
+import type { CarouselEventCardContent } from './CarouselEventCardContent';
+
+const image: Picture = {
+  src: 'event.png',
+  format: 'webp',
+  title: 'business',
+};
+
+export const CAROUSEL_EVENT_CARD: CarouselEventCardContent = {
+  title: 'ПЕРСОНАЛ В АПК',
+  description: '22-23 ноября 2022',
+  icon: image,
+};
+
+const CAROUSEL_EVENT = <CarouselEventCard {...CAROUSEL_EVENT_CARD} />;
+
+export default {
+  default: <div className="container grid grid-cols-12">{CAROUSEL_EVENT}</div>,
+};

package/src/components/CarouselEventCard/CarouselEventCard.tsx

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { Text } from '../../ui-kit/Text/Text';
+import { getIconWithVersion } from '../../utils/getIconWithVersion';
+import { style } from '../../utils/style';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { CarouselEventCardContent } from './CarouselEventCardContent';
+
+export interface CarouselEventCardProps extends CarouselEventCardContent, UniBlockProps {}
+
+export const CarouselEventCard = JSX<CarouselEventCardProps>(
+  ({ className = '', icon, title, description, href, target, ...rest }) => (
+    <BlockWrapper className={style('flex flex-col w-[365px]', className)} {...rest}>
+      <a href={href} target={target} role="link">
+        {icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
+        {icon?.src ? <Img image={icon} /> : null}
+        {title ? (
+          <Heading headingType="h6" as="h4" className="text-left mb-2" title={title} />
+        ) : null}
+        {description ? (
+          <div className="mb-4">
+            <Text font="font-light" size="text-s" color="text-secondary-text">
+              {description}
+            </Text>
+          </div>
+        ) : null}
+      </a>
+    </BlockWrapper>
+  ),
+);

package/src/components/CarouselEventCard/CarouselEventCard.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/CarouselEventCard/CarouselEventCardContent.ts

@@ -0,0 +1,12 @@
+import type { DescriptionProps, TitleProps } from '../../model/HeadlineType';
+import type { LinkCommonProps } from '../../model/LinkProps';
+import type { Picture } from '../../model/Picture';
+
+/**
+ * @title Карточка мероприятия в карусели
+ */
+export type CarouselEventCardContent = TitleProps &
+  DescriptionProps &
+  LinkCommonProps & {
+    icon?: Picture;
+  };

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json

@@ -1,22 +1,22 @@
 {
   "content": {
-   "image": {
-    "format": "webp",
-    "size": {
-      "width": 180,
-      "height": 180
-    }
-  },
-  "title": "Заголовок 1",
-  "description": "Описание 1",
-  "socialMedia": [
-    {
-      "href": "https://t.me",
-      "target": "_blank",
-      "version": "gray",
-      "rounded": false
-    }
-  ],
-  "version": "primary"
+    "image": {
+      "format": "webp",
+      "size": {
+        "width": 180,
+        "height": 180
+      }
+    },
+    "title": "Заголовок 1",
+    "description": "Описание 1",
+    "socialMedia": [
+      {
+        "href": "https://t.me",
+        "target": "_blank",
+        "version": "gray",
+        "rounded": false
+      }
+    ],
+    "version": "primary"
   }
 }

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.tsx

@@ -1,8 +1,10 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
-import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
+import type {
+  CarouselRecommendationCardContent,
+  RecommendationSocialMedia,
+} from './CarouselRecommendationCardContent';
 
 const image: Picture = {
   src: 'product-basket.png',
@@ -14,7 +16,7 @@ const image: Picture = {
   title: 'product-basket',
 };
 
-const socialMedia: ButtonWithIconProps[] = [
+const socialMedia: RecommendationSocialMedia[] = [
   {
     href: 'https://t.me',
     target: '_blank',
@@ -32,6 +34,9 @@ const socialMedia: ButtonWithIconProps[] = [
     target: '_blank',
     version: 'gray',
     rounded: false,
+    icon: {
+      icon: 'OkIcon',
+    },
   },
 ];
 

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -1,20 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
+import { style } from '../../utils/style';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { SocialMedia } from '../Footer/SocialMedia';
 import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
-import { style } from '../../utils/style';
 
 export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
 
 export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
   ({
-    button,
     className = '',
     description,
     image,
@@ -57,7 +55,6 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
               />
             ) : null}
             {socialMedia.length ? <SocialMedia className="pt-10 pb-0" media={socialMedia} /> : null}
-            {renderButtonsSection([button], { className: 'pt-2 mt-16' })}
           </div>
         </BaseTile>
       </BlockWrapper>

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.ui.json

@@ -2,14 +2,11 @@
   "content": {
     "image": {
       "ui:field": "picture"
-    }, 
+    },
     "socialMedia": {
       "items": {
         "icon": {
           "ui:field": "icon"
-        },
-        "iconRight": {
-          "ui:field": "icon"
         }
       }
     }

package/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -1,9 +1,16 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { LinkCommonProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
-import type { ButtonWithIconProps, ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
 
+export type RecommendationSocialMedia = LinkCommonProps & {
+  version: ButtonVersion;
+  icon?: Picture;
+  rounded?: boolean;
+};
+
 /**
  * @title Карточка рекомендаций
  */
@@ -11,7 +18,7 @@ export interface CarouselRecommendationCardContent extends HeadlineCommonProps,
   /**
    * @title Соц сети
    */
-  socialMedia?: ButtonWithIconProps[];
+  socialMedia?: RecommendationSocialMedia[];
   /**
    * @default {
    *   "format": "webp",
@@ -27,12 +34,5 @@ export interface CarouselRecommendationCardContent extends HeadlineCommonProps,
    * }
    */
   image?: Picture;
-  /**
-   * @default {
-   * "text": "",
-   * "version": "secondary"
-   * }
-   */
-  button?: ButtonProps;
   version?: BlockVersion;
 }

package/src/components/Footer/MediaButton.tsx

@@ -1,45 +1,45 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import { style } from '../../utils/style';
-import type { Picture } from '../../model/Picture';
 import type { IconVersion } from '../../model/IconVersion';
+import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { Img } from '../../ui-kit/Img/Img';
+import { getIconWithVersion } from '../../utils/getIconWithVersion';
+import { style } from '../../utils/style';
 
 const ICONS_MAP: Array<{
   origins: string[];
-  icon: Picture;
+  iconMapped: Picture;
   label: string;
 }> = [
   {
     origins: ['t.me', 'telegram.org'],
-    icon: { icon: 'TelegramIcon' },
+    iconMapped: { icon: 'TelegramIcon' },
     label: 'Телеграм',
   },
   {
     origins: ['vk.com'],
-    icon: { icon: 'VKIcon' },
+    iconMapped: { icon: 'VKIcon' },
     label: 'ВКонтакте',
   },
   {
     origins: ['ok.ru'],
-    icon: { icon: 'OkIcon' },
+    iconMapped: { icon: 'OkIcon' },
     label: 'Одноклассники',
   },
   {
     origins: ['apps.apple.com'],
-    icon: { icon: 'AppleIcon' },
+    iconMapped: { icon: 'AppleIcon' },
     label: 'App Store',
   },
   {
     origins: ['play.google.com'],
-    icon: { icon: 'PlayMarketIcon' },
+    iconMapped: { icon: 'PlayMarketIcon' },
     label: 'Google Play',
   },
   {
     origins: ['youtube.com'],
-    icon: { icon: 'YoutubeIcon' },
+    iconMapped: { icon: 'YoutubeIcon' },
     label: 'Youtube',
   },
 ];
@@ -57,12 +57,17 @@ const buttonSizeStyles = {
 };
 
 export const MediaButton = JSX<MediaButtonProps>(
-  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, ...rest }) => {
+  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
     const { href, version } = rest;
 
-    const { icon, label } =
+    const { iconMapped, label } =
       ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
-    const iconWithVersion = icon ? { ...getIconWithVersion(icon), iconVersion } : null;
+
+    const iconCustom = icon ?? iconMapped;
+
+    const iconWithVersion = iconCustom
+      ? { ...getIconWithVersion(iconCustom), iconVersion }
+      : undefined;
 
     return (
       <Button

package/src/components/Header/Header.fixture.tsx

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 import { Header } from './Header';
 
 export default {
-  default: <Header chat="personal" />,
-  transparent: <Header bgColor="transparent" chat="personal" />,
-  'no submenu': <Header showSubMenu={false} chat="personal" />,
+  default: <Header />,
+  transparent: <Header bgColor="transparent" />,
+  'no submenu': <Header showSubMenu={false} />,
 };

package/src/components/Header/Header.tsx

@@ -28,7 +28,6 @@ export const Header = JSX<HeaderProps>(
     className,
     showSubMenu = true,
     version = BG_COLOR_TO_BLOCK_VERSION[bgColor],
-    chat,
     ...rest
   }) => {
     const router = useRouter();
@@ -64,7 +63,6 @@ export const Header = JSX<HeaderProps>(
               foreignOffices={foreignOffices}
               defaultLocation={defaultLocation}
               officesLink={officesLink}
-              chat={chat}
             />
           </div>
           <div

package/src/components/Header/HeaderChatBotButton.tsx

@@ -2,16 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useBool } from '../../hooks/useBool';
 import type { IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
-import type { ChatBot as ChatBotWithEmptyOption } from './HeaderContent';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
 import { useChatBot } from './useChatBot';
 
-export type ChatBot = Exclude<ChatBotWithEmptyOption, ''>;
-
 interface HeaderChatBotButtonProps {
   className?: string;
   iconVersion?: IconVersion;
-  chat?: ChatBot;
+  chat?: string;
   onClick?: () => void;
 }