@redneckz/wildless-cms-uni-blocks 0.7.5 → 0.7.7

package/mobile/lib/icons/IconName.js.map

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

package/mobile/lib/model/ButtonVersion.d.ts

@@ -1,6 +1,6 @@
 /**
  * @title Тема кнопки
- * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Наследуемая"]
+ * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Серая", "Наследуемая"]
  * @default primary
  */
-export declare type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link' | 'transparent' | '';
+export declare type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link' | 'transparent' | 'gray' | '';

package/mobile/lib/setup-fixture.js

@@ -23,7 +23,6 @@ useRouter.setup(() => {
 });
 handlerDecorator.setup((handler, targetContent) => (ev) => {
     ev.preventDefault();
-    console.log(ev.target, ev, targetContent);
     handler(ev);
 });
 //# sourceMappingURL=setup-fixture.js.map

package/mobile/lib/setup-fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO;QACL,IAAI,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,GAAG,eAAe,CAAC,SAAS,cAAc;QAC7E,QAAQ,EAAE,eAAe;QACzB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAC5C,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/C,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,aAAa,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC7D,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC"}
+{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO;QACL,IAAI,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,GAAG,eAAe,CAAC,SAAS,cAAc;QAC7E,QAAQ,EAAE,eAAe;QACzB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAC5C,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/C,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,aAAa,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC7D,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Button/buttonClassNameConstants.js

@@ -4,6 +4,7 @@ export const buttonStyleMap = {
     white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white active:text-primary-main',
     link: '',
     transparent: '',
+    gray: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
     '': '',
 };
 const DisabledStyle = 'bg-main-divider text-main-disabled';
@@ -13,6 +14,7 @@ export const buttonDisabledStyleMap = {
     white: DisabledStyle,
     link: '',
     transparent: '',
+    gray: DisabledStyle,
     '': '',
 };
 export const buttonStyle = 'text-center font-sans select-none';
@@ -22,6 +24,7 @@ export const iconStyleMap = {
     white: 'group-hover/btn:brightness-0 group-hover/btn:invert',
     link: '',
     transparent: '',
+    gray: 'group-hover/btn:brightness-0 group-hover/btn:invert',
     '': '',
 };
 //# sourceMappingURL=buttonClassNameConstants.js.map

package/mobile/lib/ui-kit/Button/buttonClassNameConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonClassNameConstants.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/buttonClassNameConstants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,KAAK,EACH,6GAA6G;IAC/G,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;IACf,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,aAAa,GAAG,oCAAoC,CAAC;AAE3D,MAAM,CAAC,MAAM,sBAAsB,GAAkC;IACnE,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;IACf,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAE/D,MAAM,CAAC,MAAM,YAAY,GAAkC;IACzD,OAAO,EAAE,qDAAqD;IAC9D,SAAS,EAAE,qDAAqD;IAChE,KAAK,EAAE,qDAAqD;IAC5D,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;IACf,EAAE,EAAE,EAAE;CACP,CAAC"}
+{"version":3,"file":"buttonClassNameConstants.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/buttonClassNameConstants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;IACtG,KAAK,EACH,6GAA6G;IAC/G,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;IACf,IAAI,EAAE,oGAAoG;IAC1G,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,aAAa,GAAG,oCAAoC,CAAC;AAE3D,MAAM,CAAC,MAAM,sBAAsB,GAAkC;IACnE,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;IACf,IAAI,EAAE,aAAa;IACnB,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAE/D,MAAM,CAAC,MAAM,YAAY,GAAkC;IACzD,OAAO,EAAE,qDAAqD;IAC9D,SAAS,EAAE,qDAAqD;IAChE,KAAK,EAAE,qDAAqD;IAC5D,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;IACf,IAAI,EAAE,qDAAqD;IAC3D,EAAE,EAAE,EAAE;CACP,CAAC"}

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx

@@ -20,7 +20,6 @@ export const CarouselCatalogCard = JSX<CarouselCatalogCardProps>(
   ({ className = '', title, description, image, price, button, colors, ...rest }) => (
     <BlockWrapper
       className={`border box-border border-gray p-7 min-w-[392px] flex flex-col justify-left ${className}`}
-      role="listitem"
       {...rest}
     >
       {image?.src ? <Img className="mb-5 flex justify-center" image={image} /> : null}

package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx

@@ -37,7 +37,6 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
           align,
           className,
         )}
-        role="listitem"
         version={version}
         {...rest}
       >

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

@@ -10,9 +10,12 @@
   "title": "Заголовок 1",
   "description": "Описание 1",
   "socialMedia": [
-    { "href": "https://t.me" },
-    { "href": "https://vk.com" },
-    { "href": "https://ok.ru" }
+    {
+      "href": "https://t.me",
+      "target": "_blank",
+      "version": "gray",
+      "rounded": false
+    }
   ],
   "version": "primary"
   }

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -21,6 +21,7 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
     items = [],
     socialMedia = [],
     title,
+    version = 'primary',
     ...rest
   }) => {
     const tileTitle = title ? (
@@ -39,6 +40,7 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
           BORDER_STYLE,
           className,
         )}
+        version={version}
         {...rest}
       >
         <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>

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

@@ -3,6 +3,13 @@
     "items": {
       "image": {
         "ui:field": "picture"
+      }, 
+      "socialMedia": {
+        "items": {
+          "icon": {
+            "ui:field": "picture"
+          }
+        }
       }
     }
   }

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -1,7 +1,7 @@
+import type { BlockVersion } from '../../model/BlockVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
-import type { LinkCommonProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonWithIconProps, ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
 
 /**
@@ -10,14 +10,9 @@ import type { ListContent } from '../../ui-kit/List/ListContent';
 export interface CarouselRecommendationCardContent extends HeadlineCommonProps, ListContent {
   /**
    * @title Соц сети
-   * @minItems 3
-   * @default [
-   * { "href": "https://t.me" },
-   * { "href": "https://vk.com" },
-   * { "href": "https://ok.ru" },
-   * ]
+   * @minItems 1
    */
-  socialMedia?: LinkCommonProps[];
+  socialMedia?: ButtonWithIconProps[];
   /**
    * @default {
    *   "format": "webp",
@@ -40,4 +35,5 @@ export interface CarouselRecommendationCardContent extends HeadlineCommonProps,
    * }
    */
   button?: ButtonProps;
+  version?: BlockVersion;
 }

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import { projectSettings } from '../../ProjectSettings';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { SitemapDataProps } from '../../services/sitemap/SitemapProps';
 import { useSWRResource } from '../../services/sitemap/useSWRResource';
 import { Button } from '../../ui-kit/Button/Button';

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

@@ -1,10 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
 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 { Button } from '../../ui-kit/Button/Button';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
 const ICONS_MAP: Array<{
   origins: string[];
@@ -45,11 +46,9 @@ const ICONS_MAP: Array<{
 
 export type ButtonSize = 'default' | 'small';
 
-interface MediaButtonProps {
-  href?: string;
-  isRounded?: boolean;
-  buttonSize?: ButtonSize;
+interface MediaButtonProps extends ButtonProps {
   iconVersion?: IconVersion;
+  buttonSize?: ButtonSize;
 }
 
 const buttonSizeStyles = {
@@ -58,29 +57,32 @@ const buttonSizeStyles = {
 };
 
 export const MediaButton = JSX<MediaButtonProps>(
-  ({ isRounded = false, buttonSize = 'default', iconVersion = 'color', ...rest }) => {
-    const link = useLink();
-    const { href, onClick } = link(rest);
+  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, ...rest }) => {
+    const { href, version } = rest;
 
     const { icon, label } =
       ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
     const iconWithVersion = icon ? { ...getIconWithVersion(icon), iconVersion } : null;
 
-    return icon ? (
-      <a
+    return (
+      <Button
         className={style(
           'group/media flex items-center justify-center box-border',
           buttonSizeStyles[buttonSize],
-          isRounded ? 'rounded-full' : 'rounded-md',
-          'border-solid border border-main-divider hover:border-transparent',
+          rounded ? 'rounded-full' : 'rounded-md',
+          'border border-solid hover:border-transparent',
+          'group-data-primary:border-main-divider',
           'hover:bg-primary-main hover:text-black',
-          'group-data-secondary:bg-white group-data-secondary:hover:bg-secondary-hover',
+          'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover',
+          'group-data-gray:border-green',
+
+          buttonSizeStyles[buttonSize],
         )}
-        href={href}
         aria-label={label}
         target="_blank"
         rel="noopener noreferrer"
-        onClick={onClick}
+        version={version}
+        {...rest}
       >
         {iconWithVersion ? (
           <Img
@@ -91,7 +93,7 @@ export const MediaButton = JSX<MediaButtonProps>(
             asSVG
           />
         ) : null}
-      </a>
-    ) : null;
+      </Button>
+    );
   },
 );

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

@@ -3,6 +3,7 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLink } from '../../hooks/useLink';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import type { LinkProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
 
 interface DropdownMenuProps {
   className?: string;
@@ -21,7 +22,7 @@ export const DropdownMenu = JSX<DropdownMenuProps>(({ className = '', items, act
 
   return (
     <div
-      className={`${visible ? 'bg-white rounded-md shadow-blue-gray' : ''} ${className}`}
+      className={style(visible ? 'bg-white rounded-md shadow-blue-gray' : '', className)}
       ref={ref}
     >
       <button
@@ -39,15 +40,16 @@ export const DropdownMenu = JSX<DropdownMenuProps>(({ className = '', items, act
           ))}
       </button>
       <div
-        className={`flex flex-col rounded-md bg-white p-6 pb-2 ${visible ? '' : 'hidden'}`}
+        className={style('flex flex-col rounded-md bg-white p-6 pb-2', visible ? '' : 'hidden')}
         aria-hidden={!visible}
       >
         {items?.map((item, i) => (
           <a
             key={item.href || String(i)}
-            className={`text-l-light pb-4 hover:text-primary-main ${
-              item === activeItem ? 'text-primary-main' : ''
-            }`}
+            className={style(
+              'text-l-light pb-4 hover:text-primary-main',
+              item === activeItem ? 'text-primary-main' : '',
+            )}
             {...link(item)}
           >
             {item.text}

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

@@ -0,0 +1,45 @@
+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;
+  onClick?: () => void;
+}
+
+const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
+
+export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>((props) => {
+  const [loadRequested, { setTrue: load }] = useBool();
+
+  return loadRequested ? (
+    <HeaderChatBotButtonWithLoader {...props} />
+  ) : (
+    renderChatBotButton({ ...props, onClick: load })
+  );
+});
+
+const HeaderChatBotButtonWithLoader = JSX<HeaderChatBotButtonProps>(
+  ({ chat = 'personal', ...rest }) => {
+    useChatBot(chat);
+
+    return renderChatBotButton(rest);
+  },
+);
+
+const renderChatBotButton = ({ className, iconVersion, onClick }: HeaderChatBotButtonProps) => (
+  <HeaderSecondaryMenuButton
+    className={style(CHAT_BUTTON_EXTERNAL_NAME, className)}
+    image={{ icon: 'HeadphonesIcon', iconVersion }}
+    ariaLabel="Чат"
+    onClick={onClick}
+  />
+);

package/mobile/src/components/Header/HeaderContent.ts

@@ -7,6 +7,12 @@ import type { IconProps, Picture } from '../../model/Picture';
  */
 export type SubMenuItem = LinkProps & IconProps;
 
+/**
+ * @title Чат-бот
+ * @enumNames ["", "Для физических лиц", "Для юридических лиц"]
+ */
+export type ChatBot = '' | 'personal' | 'business';
+
 /**
  * @title Ссылка дополнительного меню
  * @required ["text", "href"]
@@ -28,11 +34,11 @@ export interface Logo {
 
 /**
  * @title Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)
- * @required ["defaultLocation", "topItems"]
  */
 export interface HeaderContent {
   /** @hidden */
   showSubMenu?: boolean;
   /** @hidden */
   bgColor?: BgColorVersion;
+  chat?: ChatBot;
 }

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

@@ -1,12 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '../../hooks/useBool';
 import { useLocation } from '../../hooks/useLocation';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { IconVersion } from '../../model/IconVersion';
 import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
-import { Img } from '../../ui-kit/Img/Img';
 import { Location } from '../../ui-kit/Location/Location';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
+import { style } from '../../utils/style';
+import { HeaderChatBotButton } from './HeaderChatBotButton';
+import type { ChatBot } from './HeaderContent';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
 
 interface HeaderSecondaryMenuContent {
@@ -14,6 +16,7 @@ interface HeaderSecondaryMenuContent {
   defaultLocation?: string;
   officesLink?: string;
   foreignOffices?: ForeignOffice[];
+  chat?: ChatBot;
 }
 
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
@@ -21,22 +24,16 @@ export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
 }
 
 export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
-  ({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices }) => {
-    const [isShowLocationModal, setShowLocationModal] = useState<boolean>(false);
+  ({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices, chat }) => {
+    const [isShowLocationModal, { setTrue: showLocationModal, setFalse: hideLocationModal }] =
+      useBool();
 
     const [location, onChangeLocation] = useLocation(defaultLocation);
 
-    const showLocationModal = useCallback(() => {
-      setShowLocationModal(true);
-    }, []);
-    const hideLocationModal = useCallback(() => {
-      setShowLocationModal(false);
-    }, []);
-
     const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
 
     return (
-      <div className={`flex items-center ${className || ''}`}>
+      <div className={style('flex items-center', className)}>
         <TopItem
           className="mr-5"
           flat={true}
@@ -54,28 +51,21 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
             ariaLabel="Список всех доступных офисов и банкоматов"
           />
         ) : null}
+        {chat ? (
+          <HeaderChatBotButton className="mr-5" iconVersion={iconVersion} chat={chat} />
+        ) : null}
         <HeaderSecondaryMenuButton
-          className="mr-5 group/btn text-primary-text hover:text-primary-main group-data-transparent:text-white"
+          className="mr-5"
+          image={{ icon: 'LoupeIcon', iconVersion }}
           ariaLabel="Поиск по сайту"
-        >
-          <Img
-            image={{ icon: 'LoupeIcon', iconVersion }}
-            className="h-full pointer-events-none"
-            imageClassName="group-hover/btn:text-primary-hover group-hover/btn:invert-0 pointer-events-none"
-            asSVG
-          />
-        </HeaderSecondaryMenuButton>
+          disabled={true}
+        />
         <HeaderSecondaryMenuButton
-          className="group/btn min-w-8 min-h-8 text-secondary-light hover:text-secondary-hover group-data-transparent:text-white"
+          image={{ icon: 'GridIcon', iconVersion }}
           ariaLabel="Дополнительные ссылки"
-        >
-          <Img
-            image={{ icon: 'GridIcon', iconVersion }}
-            className="h-full bg-main-divider/20 rounded-full pointer-events-none"
-            imageClassName="group-hover/btn:text-primary-hover group-hover/btn:invert-0"
-            asSVG
-          />
-        </HeaderSecondaryMenuButton>
+          isRounded={true}
+          disabled={true}
+        />
         {isShowLocationModal ? (
           <Location
             currentLocation={location}

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

@@ -1,19 +1,38 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { Img } from '../../ui-kit/Img/Img';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import { style } from '../../utils/style';
 
-interface HeaderSecondaryMenuButtonProps {
+export interface HeaderSecondaryMenuButtonProps extends ImageContent {
   className?: string;
+  isRounded?: boolean;
+  disabled?: boolean;
   ariaLabel?: string;
+  onClick?: (ev?: { preventDefault: () => void }) => void;
 }
 
 export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
-  ({ className = '', children, ariaLabel }) => (
+  ({ className, isRounded, disabled, ariaLabel, image, onClick }) => (
     <button
+      className={style(
+        'group/btn border-0 p-0 flex items-center bg-inherit',
+        isRounded
+          ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
+          : 'w-6 h-6 text-primary-text hover:text-primary-main',
+        'group-data-transparent:text-white',
+        className,
+      )}
       type="button"
-      className={`border-0 p-0 w-6 h-6 flex items-center bg-inherit cursor-pointer ${className}`}
-      disabled={true}
+      disabled={disabled}
       aria-label={ariaLabel}
+      onClick={onClick}
     >
-      {children}
+      <Img
+        image={image}
+        className={style('h-full', isRounded ? 'bg-main-divider/20 rounded-full' : '')}
+        imageClassName="group-hover/btn:text-primary-hover group-hover/btn:invert-0"
+        asSVG
+      />
     </button>
   ),
 );

package/mobile/src/components/Header/useChatBot.ts

@@ -0,0 +1,16 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useExternalNS } from '../../hooks/useExternalNS';
+import { ChatBot } from './HeaderChatBotButton';
+
+const CHATBOT_NAMESPACE = 'chatbot';
+
+const CHATBOT_URL: Record<ChatBot, string> = {
+  personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
+  business: '', //TODO: add url business chat
+};
+
+export const useChatBot = (chat: ChatBot) => {
+  useEffect(() => globalThis.localStorage?.setItem('webchat-keep-open', String(Date.now())), []);
+
+  return useExternalNS(CHATBOT_NAMESPACE, CHATBOT_URL[chat]);
+};

package/mobile/src/components/Tabs/LinkTab.tsx

@@ -1,22 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import {
-  ACTIVE_LINK_CLASSES,
-  ACTIVE_TEXT_CLASSES,
-  INACTIVE_LINK_CLASSES,
-  INACTIVE_TEXT_CLASSES,
-  LINK_CLASSES,
-  TEXT_CLASSES,
-} from './tabItemClasses';
+import { getLinkTabClassName } from './tabItemClasses';
 import type { LinkTabData, TabData } from './TabsContent';
 
 interface LinkTabProps {
   tab: LinkTabData;
   currentTab?: TabData;
+  isScrollable?: boolean;
 }
 
 export const LinkTab = JSX<LinkTabProps>((props) => {
-  const { tab, currentTab } = props;
+  const { tab, currentTab, isScrollable = false } = props;
   const active = currentTab?.type === 'link' && currentTab.href === tab.href;
 
   const link = useLink();
@@ -25,14 +19,12 @@ export const LinkTab = JSX<LinkTabProps>((props) => {
   return (
     <a
       role="tab"
-      className={`${LINK_CLASSES} ${active ? ACTIVE_LINK_CLASSES : INACTIVE_LINK_CLASSES}`}
+      className={getLinkTabClassName('link', active, isScrollable)}
       target={tab.target}
       href={adjustedProps.href}
       onClick={adjustedProps.onClick}
     >
-      <span className={`${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`}>
-        {tab.text}
-      </span>
+      <span className={getLinkTabClassName('text', active, isScrollable)}>{tab.text}</span>
     </a>
   );
 });

package/mobile/src/components/Tabs/ScrollableTabs.tsx

@@ -0,0 +1,55 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { RenderTabProps } from './renderTab';
+import type { TabData } from './TabsContent';
+import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer';
+import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+import { ScrollLeftButton, ScrollRightButton } from '../../ui-kit/Button/ArrowButton';
+import { renderTab } from './renderTab';
+
+interface ScrollableTabsProps extends RenderTabProps {
+  tabs?: TabData[];
+}
+
+export type IsScrollButtonsShown = boolean[];
+
+const scrollButtonStyle = 'absolute z-50 top-0';
+
+export const ScrollableTabs = JSX<ScrollableTabsProps>((props) => {
+  const { tabs, onClick, currentTab, page, showCounter } = props;
+
+  const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({
+    itemCount: tabs?.length || 0,
+    isCyclic: false,
+  });
+
+  return (
+    <div className="relative max-w-full m-auto">
+      <div className={`font-sans max-w-full w-full overflow-hidden relative bg-white`}>
+        <SwipeListContainer
+          containerRef={containerRef}
+          snapAlign="snap-start"
+          onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
+        >
+          {tabs?.map(
+            renderTab({
+              onClick,
+              currentTab,
+              showCounter,
+              page,
+              isScrollable: true,
+            }),
+          )}
+        </SwipeListContainer>
+      </div>
+      {scroll.canScrollLeft ? (
+        <ScrollLeftButton className={`${scrollButtonStyle} left-6`} onClick={scroll.scrollLeft} />
+      ) : null}
+      {scroll.canScrollRight ? (
+        <ScrollRightButton
+          className={`${scrollButtonStyle} rotate-180 right-6`}
+          onClick={scroll.scrollRight}
+        />
+      ) : null}
+    </div>
+  );
+});