@redneckz/wildless-cms-uni-blocks 0.12.13 → 0.12.14

package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.tsx

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
-import type { ButtonProps, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { CarouselTariffsCard } from './CarouselTariffsCard';
 import type { CarouselTariffsCardContent } from './CarouselTariffsCardContent';
 
@@ -15,21 +15,21 @@ const imageMonth: Picture = {
   title: 'money',
 };
 
-const button: ButtonProps = {
+const button: ButtonContent = {
   href: '/',
   text: 'Открыть расчетный счет',
   target: '_blank',
   version: 'primary',
 };
 
-const buttonSecondary: ButtonProps = {
+const buttonSecondary: ButtonContent = {
   href: '/',
   text: 'Открыть расчетный счет',
   target: '_blank',
   version: 'secondary',
 };
 
-const buttonIcon: ButtonWithIconProps = {
+const buttonIcon: ButtonContent = {
   text: 'App Store',
   icon: { icon: 'DocIconMonoColor', iconVersion: 'color' },
   href: 'rshb.ru',

package/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts

@@ -1,15 +1,10 @@
-import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import { AlignProps } from '../../model/HeadlineType';
+import type { AlignProps, HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
-import type { ButtonProps, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 export type TariffsCardCellProps = HeadlineCommonProps & {
-  /**
-   * @title Кнопка
-   * @maxItems 1
-   */
-  buttons?: ButtonWithIconProps[];
+  buttons?: ButtonContent[];
 };
 
 /**
@@ -22,7 +17,7 @@ export type CarouselTariffsCardContent = UniBlockContent &
     /** @title Выделить карточку */
     isHighlighting?: boolean;
     /** @title Кнопка */
-    button?: ButtonProps;
+    button?: ButtonContent;
     /** @title Ячейка */
     cardCells?: TariffsCardCellProps[];
   };

package/src/components/ContactsBlock/ContactsBlockContent.ts

@@ -1,6 +1,6 @@
 import type { AdditionalDescriptionProps, HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Элемент плитки
@@ -8,7 +8,7 @@ import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 export type ContactBlockProps = HeadlineCommonProps &
   AdditionalDescriptionProps & {
     /** @title Кнопка */
-    button?: ButtonProps;
+    button?: ButtonContent;
   };
 
 /**

package/src/components/ContentPage/ContentPage.tsx

@@ -2,20 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
-import { useBool } from '../../hooks/useBool';
-import { useLocation } from '../../hooks/useLocation';
-import { useSWRResource } from '../../hooks/useSWRResource';
 import type { BlockDecorator } from '../../model/BlockDecorator';
 import type { BlocksRegistry } from '../../model/BlocksRegistry';
 import type { ContentPageDef } from '../../model/ContentPageDef';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
-import { projectSettings } from '../../ProjectSettings';
 import { useBlockRouterProvider } from '../../services/BlockRouter/useBlockRouterProvider';
-import type { SitemapData } from '../../services/sitemap/SitemapData';
 import { CookiePopup } from '../../ui-kit/CookiePopup/CookiePopup';
-import { useDialogHandlers } from '../../ui-kit/Dialog/useDialogHandlers';
-import { LocationDialog } from '../../ui-kit/LocationDialog/LocationDialog';
-import { SearchDialog } from '../../ui-kit/SearchDialog/SearchDialog';
+import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { style } from '../../utils/style';
 import { LikeControl } from '../LikeControl/LikeControl';
 
@@ -37,60 +30,31 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
       parent: data,
     };
 
-    const sitemap = useSWRResource<SitemapData>(
-      projectSettings.SITEMAP || 'sitemap',
-      data?.fallback,
-    );
-    const [location, onChangeLocation] = useLocation(sitemap?.defaultLocation);
-
     useBlockRouterProvider();
-    const [isSomeDialogOpened, { setTrue: setSomeDialogOpened, setFalse: resetSomeDialogOpened }] =
-      useBool();
-
-    useDialogHandlers({
-      onOpen: setSomeDialogOpened,
-      onClose: resetSomeDialogOpened,
-    });
 
     return (
-      <section
-        className={style(
-          'relative @container',
-          pageStyle,
-          className,
-          isSomeDialogOpened ? 'overflow-hidden h-screen' : '',
-        )}
-        data-theme={colorPalette}
-      >
-        {slots?.header ? (
-          <div className="relative z-10 mb-5 shadow-[0_8px_32px_0px_#00000014]">
-            {renderBlocksList(slots?.header, {
-              ...options,
-              slotName: 'header',
-              extraProps: { sitemap, location },
-            })}
+      <div>
+        <section
+          className={style('relative @container', pageStyle, className)}
+          data-theme={colorPalette}
+        >
+          {slots?.header ? (
+            <div className="relative z-10 mb-5 shadow-[0_8px_32px_0px_#00000014]">
+              {renderBlocksList(slots?.header, { ...options, slotName: 'header' })}
+            </div>
+          ) : null}
+          <div className="container @lg:grid @lg:grid-cols-12 @lg:gap-1">
+            {renderChildren({ block: data, options, extraProps: { className: 'scroll-mt-12' } })}
+            {renderBlocksList(slots?.footer, { ...options, slotName: 'footer' })}
           </div>
-        ) : null}
-        <div className="container @lg:grid @lg:grid-cols-12 @lg:gap-1">
-          {renderChildren({ block: data, options, extraProps: { className: 'scroll-mt-12' } })}
-          {renderBlocksList(slots?.footer, {
-            ...options,
-            slotName: 'footer',
-            extraProps: { sitemap, location },
-          })}
-        </div>
-        {likeControl ? renderLikeControl() : null}
+          {likeControl ? renderLikeControl() : null}
+        </section>
+        <DialogManager />
         <CookiePopup
           termLink={{ href: '/pd-policy#cookie', target: '_blank' }}
           personalDataPolicyLink={{ href: '/pd-policy', target: '_blank' }}
         />
-        <SearchDialog topItems={sitemap?.topItems} />
-        <LocationDialog
-          currentLocation={location}
-          foreignOffices={sitemap?.foreignOffices}
-          onChangeLocation={onChangeLocation}
-        />
-      </section>
+      </div>
     );
   },
 );

package/src/components/ContentPage/computeAPIFallback.ts

@@ -8,26 +8,18 @@ interface FallbackData {
 
 export const computeAPIFallback = async (blocksRegistry: BlocksRegistry): Promise<Fallback> => {
   const blocksFallbackMap = await Promise.all(Object.keys(blocksRegistry).map(loadBlockFallback));
+
   const pageFallbackMap = getPageFallbackMap(blocksFallbackMap);
   const fallbackData = await Promise.allSettled(
-    Object.entries(pageFallbackMap).map(async ([key, fetcher]) => {
-      const data = await fetcher();
-
-      return { key, data };
-    }),
+    Object.entries(pageFallbackMap).map(async ([key, fetcher]) => ({ key, data: await fetcher() })),
   );
 
   return fallbackData
-    .filter((d): d is PromiseFulfilledResult<FallbackData> => d.status === 'fulfilled')
-    .reduce((res, item) => {
-      return {
-        ...res,
-        [item.value.key]: item.value.data,
-      };
-    }, {});
+    .filter((_): _ is PromiseFulfilledResult<FallbackData> => _.status === 'fulfilled')
+    .reduce((result, { value }) => ({ ...result, [value.key]: value.data }), {});
 };
 
-export async function loadBlockFallback(blockName: string): Promise<FallbackMap | undefined> {
+export const loadBlockFallback = async (blockName: string): Promise<FallbackMap | undefined> => {
   try {
     const blockFallback = await import(`../${blockName}/${blockName}.fallback`);
 
@@ -37,18 +29,9 @@ export async function loadBlockFallback(blockName: string): Promise<FallbackMap
   } catch (error) {
     return undefined;
   }
-}
-
-export function getPageFallbackMap(blocksFallbackMap: Array<FallbackMap | undefined>): FallbackMap {
-  return blocksFallbackMap
-    .filter((m): m is FallbackMap => Boolean(m))
-    .reduce((result, fallbackMap) => {
-      for (const [key, fetcher] of Object.entries(fallbackMap)) {
-        if (!result[key]) {
-          result[key] = fetcher;
-        }
-      }
+};
 
-      return result;
-    }, {});
-}
+export const getPageFallbackMap = (fallbackMap: Array<FallbackMap | undefined>): FallbackMap =>
+  fallbackMap
+    .filter((_): _ is FallbackMap => Boolean(_))
+    .reduce((result, _) => ({ ...result, ..._ }), {});

package/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,7 +1,7 @@
 import type { SubtitleProps, TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Изображение
@@ -45,5 +45,5 @@ export type ErrorBlockContent = UniBlockContent &
   SubtitleProps & {
     error?: ErrorContentDef;
     /** @title Кнопка */
-    button?: ButtonProps;
+    button?: ButtonContent;
   };

package/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Button } from '../../ui-kit/Button/Button';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { calculateResult, formatValue } from './calculateResult';
 import { callbackCurrencySelect } from './callbackCurrencySelect';
 import { Currency } from './CurrencyProps';
 import { renderInput } from './renderInput';
+import type { ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
 
 export interface ExchangeCurrencyItem {
   currency?: {
@@ -20,7 +20,7 @@ export interface ExchangeCurrencyCalculatorProps {
   className?: string;
   currencyRatesBuy: ExchangeCurrencyItem[];
   currencyRatesSell: ExchangeCurrencyItem[];
-  button?: ButtonProps;
+  button?: ButtonCommonContent;
 }
 export interface CalcState {
   inputSell: string;

package/src/components/ExchangeRateTile/ExchangeRateTileContent.ts

@@ -1,11 +1,11 @@
 import type { TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Курсы обмена валют
  */
 export type ExchangeRateTileContent = UniBlockContent &
   TitleProps & {
-    button?: ButtonProps;
+    button?: ButtonContent;
   };

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

@@ -1,13 +1,13 @@
 import '../../setup-fixture';
 
-import type { SitemapData } from '../../services/sitemap/SitemapData';
-import sitemap from '../Header/sitemap.wcms-resource.json';
+import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { Footer } from './Footer';
 
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <Footer className="col-span-12" sitemap={sitemap as SitemapData} />
+      <Footer className="col-span-12" />
+      <DialogManager />
     </div>
   ),
 };

package/src/components/Footer/Footer.fixture.tsx

@@ -1,15 +1,13 @@
 import '../../setup-fixture';
 
-import type { SitemapData } from '../../services/sitemap/SitemapData';
-import { SearchDialog } from '../../ui-kit/SearchDialog/SearchDialog';
-import sitemap from '../Header/sitemap.wcms-resource.json';
+import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { Footer } from './Footer';
 
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <Footer className="col-span-12" sitemap={sitemap as SitemapData} />
-      <SearchDialog topItems={(sitemap as SitemapData).topItems} />
+      <Footer className="col-span-12" />
+      <DialogManager />
     </div>
   ),
 };

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

@@ -1,10 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useSWRResource } from '../../hooks/useSWRResource';
-import { LinkCommonProps } from '../../model/LinkProps';
+import type { LinkCommonProps } from '../../model/LinkProps';
 import { projectSettings } from '../../ProjectSettings';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { LinkList } from '../../ui-kit/LinkList/LinkList';
+import { Text } from '../../ui-kit/Text/Text';
 import { RollupItem } from '../RollupItem/RollupItem';
 import { Contacts } from './Contacts';
 import { findIconByHref } from './findIconByHref';
@@ -13,9 +15,10 @@ import type { FooterProps } from './FooterProps';
 import { HorizontalNavigation } from './HorizontalNavigation';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
-import { Text } from '../../ui-kit/Text/Text';
 
-export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
+export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
+  const fallback = rest.options?.page?.fallback;
+  const { topItems } = useSitemap(fallback);
   const {
     relatedEnterprises,
     contacts,
@@ -23,15 +26,12 @@ export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
     mobileApps,
     horizontalNavigationTitle,
     documents,
-  } = useSWRResource<FooterDataProps>(
-    projectSettings.FOOTER || 'footer',
-    rest.options?.page?.fallback,
-  );
+  } = useSWRResource<FooterDataProps>(projectSettings.FOOTER || 'footer', fallback);
 
   return (
     <BlockWrapper tag="footer" className={className} {...rest}>
       <div className="mb-lg pb-xs border-b border-main-divider">
-        {sitemap?.topItems?.map((item, i) => (
+        {topItems?.map((item, i) => (
           <RollupItem key={String(i)} label={item?.text} labelIcon={item?.icon}>
             <LinkList items={item.items} />
           </RollupItem>

package/src/components/Footer/Footer.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import { projectSettings } from '../../ProjectSettings';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
@@ -14,7 +15,8 @@ import { TextInformation } from './TextInformation';
 
 const LEFT_COL_WIDTH = 'w-52';
 
-export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
+export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
+  const { topItems } = useSitemap(rest.options?.page?.fallback);
   const { documents, relatedEnterprises, contacts, socialMedia, mobileApps, logo } =
     useSWRResource<FooterDataProps>(
       projectSettings.FOOTER || 'footer',
@@ -33,9 +35,9 @@ export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
           <SocialMedia media={socialMedia}>Соцсети</SocialMedia>
           <SocialMedia media={mobileApps}>Мобильное приложение</SocialMedia>
         </div>
-        <Sitemap className="flex-grow" topItems={sitemap?.topItems} />
+        <Sitemap className="flex-grow" topItems={topItems} />
       </div>
-      <HorizontalNavigation className="mt-24" links={relatedEnterprises} />
+      <HorizontalNavigation className="mt-xl" links={relatedEnterprises} />
       <TextInformation links={documents} />
     </BlockWrapper>
   );

package/src/components/Footer/FooterProps.ts

@@ -1,7 +1,4 @@
 import type { UniBlockProps } from '../../model/JSXBlock';
-import type { SitemapData } from '../../services/sitemap/SitemapData';
 import type { FooterContent } from './FooterContent';
 
-export interface FooterProps extends FooterContent, UniBlockProps {
-  sitemap?: SitemapData;
-}
+export interface FooterProps extends FooterContent, UniBlockProps {}

package/src/components/Footer/SocialMedia.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { Text } from '../../ui-kit/Text/Text';
 import { MediaButton } from './MediaButton';
 import type { ButtonSize } from './MediaButton';
@@ -7,7 +7,7 @@ import { style } from '../../utils/style';
 
 export interface SocialMediaProps {
   className?: string;
-  media?: ButtonWithIconProps[];
+  media?: ButtonContent[];
   buttonSize?: ButtonSize;
 }
 

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

@@ -1,10 +1,19 @@
 import '../../setup-fixture';
 
-import type { SitemapData } from '../../services/sitemap/SitemapData';
-import { Header } from './Header.mobile';
-import sitemap from './sitemap.wcms-resource.json';
+import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
+import { Header } from './Header';
 
 export default {
-  default: <Header sitemap={sitemap as SitemapData} />,
-  transparent: <Header bgColor="transparent" sitemap={sitemap as SitemapData} />,
+  default: (
+    <div>
+      <Header />
+      <DialogManager />
+    </div>
+  ),
+  transparent: (
+    <div>
+      <Header bgColor="transparent" />
+      <DialogManager />
+    </div>
+  ),
 };

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

@@ -1,10 +1,19 @@
 import '../../setup-fixture';
 
-import type { SitemapData } from '../../services/sitemap/SitemapData';
+import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { Header } from './Header';
-import sitemap from './sitemap.wcms-resource.json';
 
 export default {
-  default: <Header sitemap={sitemap as SitemapData} />,
-  transparent: <Header bgColor="transparent" sitemap={sitemap as SitemapData} />,
+  default: (
+    <div>
+      <Header />
+      <DialogManager />
+    </div>
+  ),
+  transparent: (
+    <div>
+      <Header bgColor="transparent" />
+      <DialogManager />
+    </div>
+  ),
 };

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { BlockVersion } from '../../model/BlockVersion';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { HeaderProps } from './HeaderProps';
 import { HeaderTop } from './HeaderTop';
@@ -11,8 +12,8 @@ const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
 };
 
 export const Header = JSX<HeaderProps>(
-  ({ bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], sitemap, ...rest }) => {
-    const { logo, internetBankUrl } = sitemap || {};
+  ({ bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
+    const { logo, internetBankUrl } = useSitemap(rest.options?.page?.fallback);
 
     return (
       <BlockWrapper tag="header" defaultPadding="" version={version} {...rest}>

package/src/components/Header/Header.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useRouter } from '../../hooks/useRouter';
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { BlockVersion } from '../../model/BlockVersion';
-import { isTopItemActive } from '../../services/sitemap/isTopItemActive';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
@@ -10,6 +10,7 @@ import { style } from '../../utils/style';
 import type { HeaderProps } from './HeaderProps';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu';
 import { HeaderSubMenu } from './HeaderSubMenu';
+import { isTopItemActive } from './isTopItemActive';
 
 const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
   'bg-white': 'primary',
@@ -17,17 +18,12 @@ const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
 };
 
 export const Header = JSX<HeaderProps>(
-  ({
-    className,
-    bgColor = 'bg-white',
-    version = BG_COLOR_TO_BLOCK_VERSION[bgColor],
-    sitemap,
-    location,
-    ...rest
-  }) => {
+  ({ className, bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
     const router = useRouter();
 
-    const { topItems, logo, officesLink, internetBankUrl } = sitemap || {};
+    const { topItems, logo, officesLink, internetBankUrl, defaultLocation } = useSitemap(
+      rest.options?.page?.fallback,
+    );
     const activeTopItem = topItems?.find(isTopItemActive(router));
 
     return (
@@ -51,8 +47,8 @@ export const Header = JSX<HeaderProps>(
             <HeaderSecondaryMenu
               version={version}
               className="ml-auto"
-              locationName={location?.name}
               officesLink={officesLink}
+              defaultLocation={defaultLocation}
             />
           </div>
           <div

package/src/components/Header/HeaderProps.ts

@@ -1,9 +1,4 @@
-import { RegionData } from '../../hooks/useLocation';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import type { SitemapData } from '../../services/sitemap/SitemapData';
 import type { HeaderContent } from './HeaderContent';
 
-export interface HeaderProps extends HeaderContent, UniBlockProps {
-  sitemap?: SitemapData;
-  location?: RegionData;
-}
+export interface HeaderProps extends HeaderContent, UniBlockProps {}

package/src/components/Header/HeaderSecondaryMenu.tsx

@@ -1,18 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useLocation } from '../../hooks/useLocation';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { IconVersion } from '../../model/IconVersion';
-import { useDialog } from '../../ui-kit/Dialog/useDialog';
-import { LOCATION_DIALOG_ID } from '../../ui-kit/LocationDialog/LocationDialog';
-import { SEARCH_DIALOG_ID } from '../../ui-kit/SearchDialog/SearchDialog';
+import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog';
+import { useSearchDialog } from '../../ui-kit/SearchDialog/useSearchDialog';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { style } from '../../utils/style';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
 
 interface HeaderSecondaryMenuContent {
   version?: BlockVersion;
-  locationName?: string;
   officesLink?: string;
+  defaultLocation?: string;
 }
 
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
@@ -20,23 +20,25 @@ export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
 }
 
 export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
-  ({ className, version, locationName: location, officesLink }) => {
+  ({ className, version, officesLink, defaultLocation }) => {
     const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
 
-    const { open: openLocationModal } = useDialog(LOCATION_DIALOG_ID);
-    const handleOpenLocationModal = useCallback(() => openLocationModal(), []);
+    const [currentLocation] = useLocation(defaultLocation);
 
-    const { open: openSearchModal } = useDialog(SEARCH_DIALOG_ID);
-    const handleOpenSearchModal = useCallback(() => openSearchModal(), []);
+    const searchDialog = useSearchDialog();
+    const openSearchDialog = useCallback(() => searchDialog.open(), []);
+
+    const locationDialog = useLocationDialog();
+    const openLocationDialog = useCallback(() => locationDialog.open(), []);
 
     return (
       <div className={style('flex items-center gap-5', className)}>
-        <TopItem flat={true} href="#" text={location} onClick={handleOpenLocationModal} />
+        <TopItem flat={true} href="#" text={currentLocation?.name} onClick={openLocationDialog} />
         {officesLink ? <TopItem flat={true} href={officesLink} text="Офисы и банкоматы" /> : null}
         <HeaderSecondaryMenuButton
           image={{ icon: 'LoupeIcon', iconVersion }}
           ariaLabel="Поиск"
-          onClick={handleOpenSearchModal}
+          onClick={openSearchDialog}
         />
       </div>
     );

package/src/components/Header/HeaderSubMenu.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useRouter } from '../../hooks/useRouter';
-import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem';
+import { findActiveSubItem } from './findActiveSubItem';
 import { style } from '../../utils/style';
 import { DropdownMenu } from './DropdownMenu';
 import { HeaderSubMenuItem } from './HeaderSubMenuItem';

package/src/components/InsuranceAmountBlock/InsuranceAmountBlock.fixture.tsx

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { InsuranceAmountBlock } from './InsuranceAmountBlock';
 
-const buttonPrimary: ButtonWithIconProps = {
+const buttonPrimary: ButtonContent = {
   href: '/insurance',
   text: 'Выбрать программу',
   target: '_blank',