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

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/Contacts.tsx

@@ -2,45 +2,41 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../../ui-kit/Button/Button';
 import { Text } from '../../ui-kit/Text/Text';
 import type { ContactGroup, ContactInfo } from './FooterContent';
-import { style } from '../../utils/style';
 
 export interface ContactsProps {
   className?: string;
   items?: ContactGroup[];
-  hasButton?: boolean;
 }
 
-export const Contacts = JSX<ContactsProps>(({ className = '', items, hasButton }) => (
-  <div className={style('space-y-xl', className)}>
+export const Contacts = JSX<ContactsProps>(({ className = '', items }) => (
+  <div className={className}>
     {items?.length ? items.map(renderContactsGroup) : null}
-    {hasButton ? (
-      <Button
-        version="primary"
-        className="mb-6 w-full"
-        href="https://www.rshb.ru/feedback/question/"
-        target="_blank"
-        ariaLabel="Обратная связь"
-        text="Обратная связь"
-      />
-    ) : null}
+    <Button
+      version="primary"
+      className="w-full"
+      href="https://www.rshb.ru/feedback/question/"
+      target="_blank"
+      ariaLabel="Обратная связь"
+      text="Обратная связь"
+    />
   </div>
 ));
 
 const renderContactsGroup = (item: ContactGroup, i: number) => (
-  <div className="space-y-m" key={String(i)}>
-    <div className="">
+  <div className="mb-m" key={String(i)}>
+    <div className="mb-m">
       <Text size="text-l" font="font-medium">
         {item?.title}
       </Text>
     </div>
-    <div className="space-y-m">{item.items?.map(renderContact)}</div>
+    <div>{item.items?.map(renderContact)}</div>
   </div>
 );
 
 const renderContact = (item: ContactInfo, index: number) => (
-  <div className="space-y-2xs" key={String(index)}>
+  <div className="mb-m" key={String(index)}>
     <div>{renderText(item.type, item.text)}</div>
-    <div className="text-s font-light text-secondary-text">{item.description}</div>
+    <div className="mt-2xs text-s font-light text-secondary-text">{item.description}</div>
   </div>
 );
 

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';
@@ -14,31 +16,43 @@ import { HorizontalNavigation } from './HorizontalNavigation';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
 
-export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
-  const { relatedEnterprises, contacts, socialMedia, mobileApps, horizontalNavigationTitle } =
-    useSWRResource<FooterDataProps>(
-      projectSettings.FOOTER || 'footer',
-      rest.options?.page?.fallback,
-    );
+export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
+  const fallback = rest.options?.page?.fallback;
+  const { topItems } = useSitemap(fallback);
+  const {
+    relatedEnterprises,
+    contacts,
+    socialMedia,
+    mobileApps,
+    horizontalNavigationTitle,
+    documents,
+  } = useSWRResource<FooterDataProps>(projectSettings.FOOTER || 'footer', fallback);
 
   return (
-    <BlockWrapper tag="footer" className={className} defaultPadding="px-4 py-6" {...rest}>
-      <div className="mb-4 pb-5 border-b border-main-divider">
-        {sitemap?.topItems?.map((item, i) => (
+    <BlockWrapper tag="footer" className={className} {...rest}>
+      <div className="mb-lg pb-xs border-b border-main-divider">
+        {topItems?.map((item, i) => (
           <RollupItem key={String(i)} label={item?.text} labelIcon={item?.icon}>
-            <LinkList items={item.items} className="my-3" />
+            <LinkList items={item.items} />
           </RollupItem>
         ))}
       </div>
       <Contacts className="overflow-hidden" items={contacts} />
-      <SocialMedia className="mb-4" media={socialMedia} />
-      {mobileApps?.map(renderButton)}
+      <div className="mt-xl">
+        <SocialMedia className="mb-xl" media={socialMedia} buttonSize="stretched">
+          Соцсети
+        </SocialMedia>
+        <Text size="text-s" font="font-light" color="text-secondary-text">
+          Мобильное приложение
+        </Text>
+        <div className="mt-xs">{mobileApps?.map(renderButton)}</div>
+      </div>
       <HorizontalNavigation
-        className="pt-m pb-2xl border-y border-main-divider"
+        className="py-lg border-y border-main-divider"
         title={horizontalNavigationTitle}
         links={relatedEnterprises}
       />
-      <TextInformation />
+      <TextInformation links={documents} />
     </BlockWrapper>
   );
 });
@@ -49,7 +63,7 @@ const renderButton = ({ href = '/' }: LinkCommonProps, i: number) => {
   return (
     <Button
       key={String(i)}
-      className="w-full mb-4"
+      className="w-full mb-lg"
       text={label}
       version="secondary"
       href={href}

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';
@@ -12,9 +13,10 @@ import { HorizontalNavigation } from './HorizontalNavigation';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
 
-const LEFT_COL_WIDTH_FULL_HD = 'w-[204px]';
+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',
@@ -23,21 +25,19 @@ export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
 
   return (
     <BlockWrapper tag="footer" className={className} {...rest}>
-      <div className="flex items-stretch gap-6xl xl:gap-3xl pb-3xl ">
-        <Logo className={LEFT_COL_WIDTH_FULL_HD} logo={logo} />
+      <div className="flex items-stretch gap-3xl pb-3xl ">
+        <Logo className={LEFT_COL_WIDTH} logo={logo} />
         <SearchBar className="grow" />
       </div>
-      <div className="flex items-stretch gap-6xl xl:gap-3xl">
-        <div
-          className={`${LEFT_COL_WIDTH_FULL_HD} flex flex-col shrink-0 overflow-hidden space-y-xl`}
-        >
-          <Contacts items={contacts} hasButton />
+      <div className="flex items-stretch gap-6xl">
+        <div className={`${LEFT_COL_WIDTH} flex flex-col shrink-0 overflow-hidden space-y-xl`}>
+          <Contacts items={contacts} />
           <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/HorizontalNavigation.mobile.tsx

@@ -9,11 +9,18 @@ export interface HorizontalNavigationProps extends FooterLink, TitleProps {}
 export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
   ({ title, links, className = '' }) => (
     <div className={className}>
-      <Text size="text-h6">{title}</Text>
+      <Text size="text-l" font="font-normal">
+        {title}
+      </Text>
       {links?.length ? (
-        <div className="flex flex-col gap-6 mt-7">
+        <div className="flex flex-col gap-lg mt-lg">
           {links.map((_, i) => (
-            <HorizontalNavigationLink key={String(i)} index={i} {..._} />
+            <HorizontalNavigationLink
+              className="text-l font-light"
+              key={String(i)}
+              index={i}
+              {..._}
+            />
           ))}
         </div>
       ) : null}

package/src/components/Footer/HorizontalNavigation.tsx

@@ -9,7 +9,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(({ className
   return (
     <div className={className}>
       {links?.length ? (
-        <div className="flex justify-between items-center gap-5 py-5 border-solid border-x-0 border-y border-y-main-divider">
+        <div className="flex justify-between items-center gap-lg py-lg border-solid border-x-0 border-y border-y-main-divider">
           {links.map((_, i) => (
             <HorizontalNavigationLink
               key={String(i)}

package/src/components/Footer/MediaButton.tsx

@@ -7,7 +7,7 @@ import { style } from '../../utils/style';
 import { buttonStylesWithText } from './buttonStylesWithText';
 import { findIconByHref } from './findIconByHref';
 
-export type ButtonSize = 'default' | 'small';
+export type ButtonSize = 'default' | 'stretched';
 
 interface MediaButtonProps extends ButtonProps, IconProps {
   buttonSize?: ButtonSize;

package/src/components/Footer/SocialMedia.tsx

@@ -1,26 +1,29 @@
 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 type { ButtonSize } from './MediaButton';
 import { MediaButton } from './MediaButton';
+import type { ButtonSize } from './MediaButton';
+import { style } from '../../utils/style';
 
 export interface SocialMediaProps {
   className?: string;
-  media?: ButtonWithIconProps[];
+  media?: ButtonContent[];
   buttonSize?: ButtonSize;
 }
 
 export const SocialMedia = JSX<SocialMediaProps>(
   ({ className = '', media, children, buttonSize }) => (
-    <div className="font-sans">
-      <div className={`flex gap-1 ${className}`}>
+    <div className="flex flex-col sm:flex-col-reverse gap-xs">
+      {children ? (
+        <Text size="text-s" font="font-light" color="text-secondary-text">
+          {children}
+        </Text>
+      ) : null}
+      <div className={style('flex gap-xs', className)}>
         {media?.map((_, index) => (
           <MediaButton key={String(index)} buttonSize={buttonSize} {..._} />
         ))}
       </div>
-      <Text size="text-s" font="font-light" color="text-secondary-text">
-        {children}
-      </Text>
     </div>
   ),
 );

package/src/components/Footer/TextInformation.tsx

@@ -5,13 +5,13 @@ import { TextInformationLink } from './TextInformationLink';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
   <div className={className}>
-    <div className="pt-4 xl:pt-5">
+    <div className="pt-lg">
       <Text size="text-xs" font="font-light" color="text-secondary-text">
         {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.`}
       </Text>
     </div>
     {links?.length ? (
-      <div className="flex justify-start items-start gap-5 pt-4">
+      <div className="flex flex-col sm:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

package/src/components/Footer/buttonSizeStyles.mobile.ts

@@ -0,0 +1,6 @@
+import { ButtonSize } from './MediaButton';
+
+export const buttonSizeStyles: { [key in ButtonSize]: string } = {
+  default: 'w-24 h-14',
+  stretched: 'flex-1 h-14',
+};

package/src/components/Footer/buttonSizeStyles.ts

@@ -0,0 +1,6 @@
+import { ButtonSize } from './MediaButton';
+
+export const buttonSizeStyles: { [key in ButtonSize]: string } = {
+  default: 'w-14 h-14',
+  stretched: 'flex-1 h-14',
+};

package/src/components/Footer/buttonStylesWithText.ts

@@ -1,10 +1,6 @@
 import { style } from '../../utils/style';
 import { ButtonSize } from './MediaButton';
-
-const buttonSizeStyles = {
-  default: 'w-14 h-14',
-  small: 'w-12 h-12',
-};
+import { buttonSizeStyles } from './buttonSizeStyles';
 
 export const buttonStylesWithText = (text: string, buttonSize: ButtonSize) =>
   text

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 {}