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

package/mobile/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -1,14 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
 import { type ComponentType } from '../../model/ComponentType';
+import { type OnClickProps } from '../../model/onClick';
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton';
 import { type TariffsTableInnerContent } from './InnerTableProps';
 
 export interface InnerTableButtonProps
-  extends Partial<TariffsTableCellIndexProps>,
-    TariffsTableInnerContent,
-    ComponentType {
-  onClick?: () => void;
+  extends TariffsTableInnerContent,
+    ComponentType,
+    OnClickProps {
   isOpen?: boolean;
 }
 

package/mobile/src/ui-kit/InnerTable/InnerTableProps.ts

@@ -19,9 +19,7 @@ export type TableFetchData = {
   tableData?: TableData[];
 };
 
-export interface TariffsTableInnerContent {
+export type TariffsTableInnerContent = {
   /** @title Справочник */
   tableSource?: JSONRefObject;
-  /** @title Ссылка PDF-файл */
-  pdfUrl?: string;
-}
+};

package/mobile/src/ui-kit/InnerTable/renderInnerTableRow.tsx

@@ -17,7 +17,7 @@ export const renderInnerTableRow =
     return (
       <div key={String(rowIdx)} className="flex border-main-divider border-b border-solid h-full">
         {headerColumn?.data ? (
-          <div className="whitespace-pre-wrap sm:whitespace-normal w-48 sm:w-56 sm:min-w-56 py-lg pr-lg sm:pr-0">
+          <div className="whitespace-pre-wrap sm:whitespace-normal w-48 min-w-48 sm:w-56 sm:min-w-56 py-lg pr-lg sm:pr-0">
             <Text size="text-xl" font="font-light">
               {headerColumn.data}
             </Text>

package/mobile/src/ui-kit/LinkButton/LinkButtonProps.ts

@@ -1,7 +1,7 @@
 import { type ComponentType } from '../../model/ComponentType';
 import { type DisabledProps } from '../../model/DisabledProps';
 import { type VNode } from '../../model/VNode';
-import { type PreventableEvent } from '../PreventableEvent';
+import { type PreventableEventWithTarget } from '../PreventableEvent';
 import { type LinkButtonContent } from './LinkButtonContent'; /** @deprecated */
 
 /** @deprecated */
@@ -13,6 +13,6 @@ export interface LinkButtonProps extends LinkButtonContent, ComponentType, Disab
   ariaLabel?: string;
   appendLeft?: VNode;
   appendRight?: VNode;
-  onClick?: (ev?: PreventableEvent) => void;
+  onClick?: (ev?: PreventableEventWithTarget) => void;
   type?: string;
 }

package/mobile/src/ui-kit/LinkWrapper/LinkWrapper.tsx

@@ -1,16 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import { type AspectsProps } from '../../model/AspectsProps';
 import { type ComponentType } from '../../model/ComponentType';
-import { type Target } from '../../model/LinkProps';
+import { type LinkProps } from '../../model/LinkProps';
+import type { OnClickProps } from '../../model/OnClickProps';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
-interface LinkWrapperProps extends AspectsProps, ComponentType {
-  href?: string;
-  target?: Target;
-  onClick?: () => void;
-}
+interface LinkWrapperProps extends ComponentType, OnClickProps, LinkProps {}
 
 export const LinkWrapper = JSX<LinkWrapperProps>(
   ({ className = '', href, target, onClick, data, children }) => {

package/mobile/src/ui-kit/LocationDialog/LocationDialog.tsx

@@ -3,6 +3,7 @@ import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type BranchesHeader, type ForeignOfficeProps } from '../../data/HeaderData';
 import { useDefaultLocation } from '../../hooks/useLocation';
 import { useRegions, type Region } from '../../hooks/useRegions';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { groupBy } from '../../utils/groupBy';
 import { jaroWinklerDistance } from '../../utils/jaroWinklerDistance';
 import { Dialog } from '../DialogManager/Dialog';
@@ -15,10 +16,9 @@ import { SelectedLocation } from './SelectedLocation';
 
 const SEARCH_TERM_MIN_LENGTH = 3;
 
-export interface LocationDialogProps {
+export interface LocationDialogProps extends OnCloseProps {
   foreignOffices?: ForeignOfficeProps[];
   branches?: BranchesHeader;
-  onClose?: () => void;
 }
 
 export const LocationDialog = JSX<LocationDialogProps>(({ foreignOffices, branches, onClose }) => {

package/mobile/src/ui-kit/ProgressBar/ProgressBar.tsx

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { JSX } from '@redneckz/uni-jsx';
+import type { DescriptionProps } from '../../model/HeadlineType';
 
-interface ProgressBarProps {
+interface ProgressBarProps extends DescriptionProps {
   step?: number;
-  description?: string;
   showPercentage?: boolean;
 }
 

package/mobile/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ControlProps } from '../../model/ControlProps';
 import { type DefaultControlType } from '../../model/DefaultControlType';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { type ListOrientation } from '../../model/ListOrientation';
 import { style } from '../../utils/style';
 import { Checkbox } from '../Checkbox/Checkbox';

package/mobile/src/ui-kit/ReportDialog/ReportDialog.tsx

@@ -1,15 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type LinkDoc } from '../../components/LinkDocs/LinkDocsContent';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { type Picture } from '../../model/Picture';
 import { Button } from '../Button/Button';
 import { Dialog } from '../DialogManager/Dialog';
 import { Link } from '../Link/Link';
 import { RichText } from '../RichText/RichText';
 
-export interface ReportDialogProps extends LinkDoc {
+export interface ReportDialogProps extends LinkDoc, OnCloseProps {
   __html?: string;
   icon?: Picture;
-  onClose?: () => void;
 }
 
 export const ReportDialog = JSX<ReportDialogProps>(({ href, __html, target, onClose }) => (

package/mobile/src/ui-kit/ResponseTypeDialog/ResponseTypeDialog.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Headline } from '../../components/Headline/Headline';
+import { type OnCloseProps } from '../../model/onClose';
 import { Button } from '../Button/Button';
 import { Dialog } from '../DialogManager/Dialog';
 import { Img } from '../Img/Img';
 
-export interface ResponseNotificationProps {
+export interface ResponseNotificationProps extends OnCloseProps {
   ok?: boolean;
   typeForm?: string;
-  onClose?: () => void;
 }
 
 export const ResponseTypeDialog = JSX<ResponseNotificationProps>(({ ok, typeForm, onClose }) => {

package/mobile/src/ui-kit/SearchDialog/SearchDialog.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { type TopMenuItemProps } from '../../data/NavigationData';
 import { type LinkProps } from '../../model/LinkProps';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { useSearch, type SearchResult } from '../../services/search/useSearch';
 import { zip } from '../../utils/fp/zip';
 import { joinPath } from '../../utils/url';
@@ -9,10 +10,9 @@ import { Dialog } from '../DialogManager/Dialog';
 import { Sitemap } from '../Sitemap/Sitemap';
 import { SearchInput } from './SearchInput';
 
-export interface SearchDialogProps {
+export interface SearchDialogProps extends OnCloseProps {
   initialQuery?: string;
   navigationItems?: TopMenuItemProps[];
-  onClose?: () => void;
 }
 
 export const SearchDialog = JSX<SearchDialogProps>(({ initialQuery, navigationItems, onClose }) => {

package/mobile/src/ui-kit/Select/Option.ts

@@ -1,4 +1,4 @@
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 
 export type Option = TextProps & {
   key: string;

package/mobile/src/ui-kit/Select/useSelectPopup.tsx

@@ -1,12 +1,12 @@
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { usePopupManager } from '../PopupManager/usePopupManager';
 import { type Option } from './Option';
 import { SelectPopup, type SelectPopupProps } from './SelectPopup';
 
-interface SelectPopupOptions extends SelectPopupProps {
+interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
   isOpen?: boolean;
-  onClose?: () => void;
 }
 
 export function useSelectPopup({

package/mobile/src/ui-kit/SlideCheckbox/SlideCheckbox.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ControlProps } from '../../model/ControlProps';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { style } from '../../utils/style';
 import { Text } from '../Text/Text';
 

package/mobile/src/ui-kit/SlideCheckboxGroup/SlideCheckboxGroup.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ControlProps } from '../../model/ControlProps';
+import { type TitleProps } from '../../model/HeadlineType';
 import { SlideCheckbox } from '../SlideCheckbox/SlideCheckbox';
 
-type SlideCheckboxGroupItem = {
+type SlideCheckboxGroupItem = TitleProps & {
   value: string;
-  title: string;
 };
 
 interface SlideCheckboxGroupProps extends ControlProps<string[]> {

package/mobile/src/ui-kit/TabsControl/TabItem.tsx

@@ -6,6 +6,7 @@ import { type LinkProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
 import { TabItemInner } from './TabItemInner';
 import { type TabsControlProps, type TabsType } from './TabsControlProps';
+
 export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
   name?: string;
   count?: number;
@@ -38,9 +39,13 @@ const LinkTabItem = JSX<TabItemProps>((props) => {
 
 // TODO: Update handlerDecorator (support buttons?)
 const ButtonTabItem = JSX<TabItemProps>(({ item = {}, onClick, ...rest }) => {
-  const handleClick = useCallback(() => {
-    onClick && onClick(item);
-  }, [onClick, item]);
+  const handleClick = useCallback(
+    (e) => {
+      e.target.scrollIntoView({ block: 'nearest' });
+      onClick?.(item);
+    },
+    [onClick, item],
+  );
 
   return <TabItemInner item={item} onClick={handleClick} {...rest} />;
 });

package/mobile/src/ui-kit/TabsControl/renderTabItemInner.tsx

@@ -1,3 +1,4 @@
+import { type DescriptionProps, type TextProps } from '../../model/HeadlineType';
 import { type IconVersion } from '../../model/IconVersion';
 import { type Picture } from '../../model/Picture';
 import { style } from '../../utils/style';
@@ -15,12 +16,10 @@ const getButtonClassNames = (isActive: boolean) => ({
   oldDesc: 'text-m-light',
 });
 
-interface TabsLayoutButtonProps {
+interface TabsLayoutButtonProps extends DescriptionProps, TextProps {
   isActive: boolean;
-  description?: string;
   icon?: Picture;
   type: string;
-  text?: string;
 }
 
 export const renderTabItemInner = ({

package/mobile/src/ui-kit/TimerCircle/TimerCircle.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Headline } from '../../components/Headline/Headline';
+import { type TitleProps } from '../../model/HeadlineType';
 import { noop } from '../../utils/noop';
 import { Timer } from './Timer';
 import { useCountDownTimer } from './useCountDownTimer';
 
-interface TimerCircleProps {
-  title?: string;
+interface TimerCircleProps extends TitleProps {
   interval?: number; // В секундах
   onEnd?: () => void;
 }

package/mobile/src/ui-kit/TopItem/TopItem.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
+import type { OnClickProps } from '../../model/OnClickProps';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
@@ -9,10 +10,9 @@ export interface TopItemContent extends LinkProps {
   active?: boolean;
 }
 
-export interface TopItemProps extends TopItemContent, ComponentType {
+export interface TopItemProps extends TopItemContent, ComponentType, OnClickProps {
   flat?: boolean;
   dataItemName?: string;
-  onClick?: () => void;
 }
 
 export const TopItem = JSX<TopItemProps>(

package/mobile/src/utils/adjustBase.ts

@@ -1 +1,6 @@
-export const adjustBase = (href?: string, basePath = '') => href?.replace(basePath, '') || '/';
+const FORWARD_SLASH = '/';
+
+export const adjustBase = (href: string = FORWARD_SLASH, basePath: string = FORWARD_SLASH) =>
+  [href, basePath].some((_) => _ === FORWARD_SLASH)
+    ? href
+    : href.replace(basePath, '') || FORWARD_SLASH;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.16.3-credit",
+  "version": "0.16.4-credit",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -116,6 +116,14 @@
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@redneckz/json-op": "^0.0.12",
     "@redneckz/json-ref": "^0.0.14",
@@ -233,13 +241,5 @@
         "Infinity"
       ]
     }
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
   }
 }

package/src/components/ApplicationForm/Footnote.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
 import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';

package/src/components/ApplicationLeadForm/Footnote.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
 import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';

package/src/components/ApplicationLeadForm/applicationFormData.tsx

@@ -12,7 +12,6 @@ export const getApplicationFormData = (productType: ProductType): SectionsRetail
     { name: 'consentInformFlg' },
     { name: 'consentPfrFlg' },
     { name: 'consentInformMaterialsFlg' },
-    { name: 'consentPhotoFlg' },
     { name: 'consentFATCA', required: true },
   ];
 

package/src/components/ApplicationLeadForm/consents.ts

@@ -1,11 +1,11 @@
+import type { TextProps } from '../../model/HeadlineType';
 import {
   type CreditCardFormConsents,
   type CreditFormConsents,
   type DebitCardFormConsents,
 } from '../../retail/model/LeadFormState';
 
-interface ConsentData {
-  text: string;
+interface ConsentData extends TextProps {
   docId?: number;
 }
 
@@ -53,10 +53,6 @@ const CREDIT_CARD_CONSENTS: Record<keyof CreditCardFormConsents, ConsentData> =
     text: 'Согласие на получение информационных материалов',
     docId: 18,
   },
-  consentPhotoFlg: {
-    text: 'Согласие на фотографирование',
-    docId: 17,
-  },
 };
 
 const DEBIT_CARD_CONSENTS: Record<keyof DebitCardFormConsents, ConsentData> = {

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -187,7 +187,6 @@ const transformConsentsFields = (
     consentInformFlg,
     consentProviderFlg,
     consentInformMaterialsFlg,
-    consentPhotoFlg,
     consentFATCA,
   } = formData;
 
@@ -195,14 +194,14 @@ const transformConsentsFields = (
 
   if (productType === 'credit') {
     consents = {
-      consentPhotoFlg: consentOthersFlg,
       consentPfrFlg: consentPfrFlg,
       consentInformMaterialsFlg: consentOthersFlg,
+      consentPhotoFlg: false,
     };
   } else if (productType === 'creditCard') {
     consents = {
       consentInformMaterialsFlg,
-      consentPhotoFlg,
+      consentPhotoFlg: false,
     };
   } else {
     consents = {

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,4 +1,4 @@
-import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
 import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
 import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';

package/src/components/CardTransfer/SubmitFailedDialog.tsx

@@ -1,9 +1,9 @@
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { Dialog } from '../../ui-kit/DialogManager/Dialog';
 import { Img } from '../../ui-kit/Img/Img';
 import { Headline } from '../Headline/Headline';
 
-export interface FormResponseDialogProps {
-  onClose?: () => void;
+export interface FormResponseDialogProps extends OnCloseProps {
   errorCode?: number;
   errorMessage?: string;
 }

package/src/components/Carousel/renderCardHighlight.tsx

@@ -1,5 +1,5 @@
 import { type ComponentType } from '../../model/ComponentType';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { style } from '../../utils/style';

package/src/components/DebitForm/DebitFormStatus.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type DescriptionProps, type LabelProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
@@ -7,13 +7,13 @@ import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 
-type DebitFormStatusProps = UniBlockProps & {
-  title?: string;
-  description?: string;
-  sectionInfo?: (LabelProps & DescriptionProps)[];
-  buttonText?: string;
-  isDboClient?: boolean;
-};
+type DebitFormStatusProps = UniBlockProps &
+  TitleProps &
+  DescriptionProps & {
+    sectionInfo?: (LabelProps & DescriptionProps)[];
+    buttonText?: string;
+    isDboClient?: boolean;
+  };
 
 const INTERNET_BANK_LINK = 'https://online.rshb.ru/ib6/wf2/retail/ib/loginretaildefault';
 
@@ -64,8 +64,7 @@ export const DebitFormStatus = JSX<DebitFormStatusProps>(
 const SectionInfo = ({
   title,
   items,
-}: {
-  title?: string;
+}: TitleProps & {
   items?: (LabelProps & DescriptionProps)[];
   countColumns?: boolean;
 }) => {

package/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';
+
+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 extends ComponentType {
 }
 
 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/src/components/Header/HeaderSecondaryMenu.tsx

@@ -8,7 +8,6 @@ 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';
@@ -39,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/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/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/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}