@redneckz/wildless-cms-uni-blocks 0.6.26 → 0.6.28

package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,7 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useLink } from '../../hooks/useLink';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { calculateResult, formatValue } from './calculateResult';
@@ -18,7 +16,7 @@ export interface ExchangeCurrencyItem {
   buyExchangeRate?: number;
   saleExchangeRate?: number;
 }
-export interface ExchangeCurrencyCalculatorProps extends UniBlockProps {
+export interface ExchangeCurrencyCalculatorProps {
   className?: string;
   currencyRatesBuy: ExchangeCurrencyItem[];
   currencyRatesSell: ExchangeCurrencyItem[];
@@ -32,10 +30,7 @@ export interface CalcState {
 }
 
 export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
-  ({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
-    const { useRouter, handlerDecorator } = context;
-    const router = useRouter();
-
+  ({ className = '', currencyRatesBuy, currencyRatesSell, button }) => {
     const [calcState, setCalcState] = useState<CalcState>({
       inputSell: '',
       inputBuy: '',
@@ -76,11 +71,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
             ),
         })}
         {button?.text ? (
-          <Button
-            className="py-4 mr-1"
-            version={button?.version}
-            {...useLink({ router, handlerDecorator }, button)}
-          >
+          <Button className="py-4 mr-1" version={button?.version} {...button}>
             {button.text}
           </Button>
         ) : null}

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -13,7 +13,7 @@ import { useFetchExchangeRateData } from './useFetchExchangeRateData';
 export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
 
 export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
-  ({ className = '', context, title = 'Курсы обмена валют', button, ...rest }) => {
+  ({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
     const { exchangeRates } = useFetchExchangeRateData();
 
     const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);
@@ -26,12 +26,10 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
 
     return (
       <BlockWrapper
-        context={context}
         className={`bg-white text-primary-text font-sans p-9 box-border min-h-[320px] ${className}`}
         {...rest}
       >
         <BaseTile
-          context={context}
           title={
             <Heading headingType="h4" title={title} className="whitespace-pre-wrap text-h4 mb-5" />
           }
@@ -46,7 +44,6 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
             {currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (
               <ExchangeCurrencyCalculator
                 className="grow"
-                context={context}
                 currencyRatesBuy={currencyRatesBuy}
                 currencyRatesSell={currencyRatesSell}
                 button={button}

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

@@ -1,39 +1,28 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
 import type { ContactInfo } from './FooterContent';
 
-export interface ContactsProps extends UniBlockProps {
+export interface ContactsProps {
+  className?: string;
   items?: ContactInfo[];
   hasButton?: boolean;
 }
 
-export const Contacts = JSX<ContactsProps>(({ className = '', items, hasButton, context }) => {
-  const router = context.useRouter();
-  const { handlerDecorator } = context;
-
-  return (
-    <div className={className}>
-      {items?.length ? items.map(renderContact) : null}
-      {hasButton ? (
-        <Button
-          version="primary"
-          className="mb-6 w-full"
-          {...useLink(
-            { router, handlerDecorator },
-            {
-              text: 'Обратная связь',
-              href: '/',
-              target: '_blank',
-            },
-          )}
-          ariaLabel="Обратная связь"
-        />
-      ) : null}
-    </div>
-  );
-});
+export const Contacts = JSX<ContactsProps>(({ className = '', items, hasButton }) => (
+  <div className={className}>
+    {items?.length ? items.map(renderContact) : null}
+    {hasButton ? (
+      <Button
+        version="primary"
+        className="mb-6 w-full"
+        href="/"
+        target="_blank"
+        ariaLabel="Обратная связь"
+        text="Обратная связь"
+      />
+    ) : null}
+  </div>
+));
 
 const renderContact = (item: ContactInfo, index: number) => {
   const { type, text, description } = item;

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

@@ -0,0 +1,13 @@
+import { readFile } from 'fs/promises';
+import type { FallbackMap } from '../../model/Fallback';
+import { projectSettings } from '../../ProjectSettings';
+
+export const fallback = (): FallbackMap => ({
+  ...fallbackWCMSResource(projectSettings.SITEMAP || 'sitemap'),
+  ...fallbackWCMSResource(projectSettings.FOOTER || 'footer'),
+});
+
+const fallbackWCMSResource = (filename: string): FallbackMap => ({
+  [filename]: async () =>
+    JSON.parse(await readFile(`./content/wcms-resources/${filename}.json`, 'utf-8')),
+});

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

@@ -1,67 +1,55 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useSitemap } from '../../services/sitemap/useSitemap';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { projectSettings } from '../../ProjectSettings';
+import type { SitemapDataProps } from '../../services/sitemap/SitemapProps';
+import { useSWRResource } from '../../services/sitemap/useSWRResource';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
+import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { AccordionItemsList } from '../Accordion/AccordionItemsList';
+import { AccordionItem } from '../AccordionItem/AccordionItem';
 import { LinkList } from '../LinkList/LinkList';
 import { MobileAppTile } from '../MobileAppTile/MobileAppTile';
 import { Contacts } from './Contacts';
+import type { FooterContent, SubMenuItem } from './FooterContent';
+import type { FooterDataProps } from './FooterDataProps';
 import { HorizontalNavigation } from './HorizontalNavigation';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import type { Fallback } from '../../model/Fallback';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { FooterContent, SubMenuItem } from './FooterContent';
-import type { Picture } from '../../model/Picture';
-import { AccordionItem } from '../AccordionItem/AccordionItem';
 
 export interface FooterProps extends FooterContent, UniBlockProps {}
 
-export const Footer = JSX<FooterProps>(
-  ({
-    className = '',
-    documents,
-    relatedEnterprises,
-    contacts,
-    socialMedia,
-    context,
-    horizontalNavigationTitle,
-    page,
-  }) => {
-    const fallback: Fallback | undefined = page?.fallback;
-    const sitemap = useSitemap(fallback);
-    const dispositions = sitemap?.dispositions;
+export const Footer = JSX<FooterProps>(({ className = '', ...rest }) => {
+  const fallback = rest.page?.fallback;
+
+  const sitemap = useSWRResource<SitemapDataProps>(projectSettings.SITEMAP || 'sitemap', fallback);
+  const { documents, relatedEnterprises, contacts, socialMedia, horizontalNavigationTitle } =
+    useSWRResource<FooterDataProps>(projectSettings.FOOTER || 'footer', fallback);
 
-    return (
-      <footer className={`font-sans px-4 py-[26px] bg-white ${className}`}>
-        <Contacts className="overflow-hidden" items={contacts} context={context} hasButton />
-        <AccordionItemsList>
-          {sitemap.topItems?.map((item, i) => (
-            <AccordionItem key={String(i)} context={context} label={item.text}>
-              <LinkList context={context} documents={item.items} />
-            </AccordionItem>
-          ))}
-        </AccordionItemsList>
-        <div>{dispositions?.map(renderSubMenuItem)}</div>
-        <MobileAppTile
-          context={context}
-          title="Мобильное приложение"
-          description="Загрузить для IOS и Android"
-        />
-        <SearchBar context={context} className="grow" />
-        <SocialMedia className="pb-4" media={socialMedia} context={context} />
-        <HorizontalNavigation
-          title={horizontalNavigationTitle}
-          links={relatedEnterprises}
-          context={context}
-        />
-        <TextInformation links={documents} context={context} />
-      </footer>
-    );
-  },
-);
+  return (
+    <footer className={`font-sans px-4 py-[26px] bg-white ${className}`}>
+      <Contacts className="overflow-hidden" items={contacts} hasButton />
+      <AccordionItemsList>
+        {sitemap.topItems?.map((item, i) => (
+          <AccordionItem key={String(i)} label={item.text} {...rest}>
+            <LinkList documents={item.items} {...rest} />
+          </AccordionItem>
+        ))}
+      </AccordionItemsList>
+      <div>{sitemap?.dispositions?.map(renderSubMenuItem)}</div>
+      <MobileAppTile
+        title="Мобильное приложение"
+        description="Загрузить для IOS и Android"
+        {...rest}
+      />
+      <SearchBar className="grow" />
+      <SocialMedia className="pb-4" media={socialMedia} />
+      <HorizontalNavigation title={horizontalNavigationTitle} links={relatedEnterprises} />
+      <TextInformation links={documents} />
+    </footer>
+  );
+});
 
 const renderSubMenuItem = (menu: SubMenuItem, i: number) => {
   const { icon, href, text } = menu;
@@ -69,13 +57,7 @@ const renderSubMenuItem = (menu: SubMenuItem, i: number) => {
   return (
     <Button version="link" key={`footer-${i}`} href={href} className="flex text-s mb-4 w-6">
       {icon ? (
-        <Img
-          className="pr-1"
-          image={getIconWithVersion({ icon: icon } as Picture)}
-          width="24"
-          height="24"
-          asSVG
-        />
+        <Img className="pr-1" image={getIconWithVersion(icon)} width="24" height="24" asSVG />
       ) : null}
       <span className="pl-2.5 font-medium text-primary-text">{text}</span>
     </Button>

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

@@ -1,7 +1,6 @@
 import type { DescriptionProps } from '../../model/HeadlineType';
-import type { LinkCommonProps, LinkProps } from '../../model/LinkProps';
+import type { LinkProps } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
-import type { SitemapProps } from '../../services/sitemap/SitemapProps';
 
 /**
  * @title Тип контакта
@@ -28,21 +27,7 @@ export type SubMenuItem = LinkProps & IconProps;
 
 /**
  * @title Подвал
- * @required ["topItems"]
+ * @hidden
  */
-export interface FooterContent extends SitemapProps {
-  /** @title Обязательные документы */
-  documents?: LinkProps[];
-  /** @title Другие предприятия */
-  relatedEnterprises?: LinkProps[];
-  /** @title Контакты */
-  contacts?: ContactInfo[];
-  /** @title Социальные сети */
-  socialMedia?: LinkCommonProps[];
-  /** @title Мобильные приложения */
-  mobileApps?: LinkCommonProps[];
-  /** @title Заголовок для меню */
-  horizontalNavigationTitle?: string; // TODO: для мобильной версии
-  /** @title Подменю */
-  subMenu?: SubMenuItem[]; // TODO: для мобильной версии
-}
+// eslint-disable-next-line @typescript-eslint/ban-types
+export type FooterContent = {};

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

@@ -0,0 +1,13 @@
+import { LinkCommonProps, LinkProps } from '../../model/LinkProps';
+import { SitemapDataProps } from '../../services/sitemap/SitemapProps';
+import { ContactInfo, SubMenuItem } from './FooterContent';
+
+export interface FooterDataProps extends SitemapDataProps {
+  documents?: LinkProps[];
+  relatedEnterprises?: LinkProps[];
+  contacts?: ContactInfo[];
+  socialMedia?: LinkCommonProps[];
+  mobileApps?: LinkCommonProps[];
+  horizontalNavigationTitle?: string; // TODO: для мобильной версии
+  subMenu?: SubMenuItem[]; // TODO: для мобильной версии
+}

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

@@ -1,6 +1,6 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 
-export interface FooterLink extends UniBlockProps {
+export interface FooterLink {
+  className?: string;
   links?: LinkProps[];
 }

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

@@ -1,33 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
 import type { TitleProps } from '../../model/HeadlineType';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import type { FooterLink } from './FooterLink';
 import { HorizontalNavigationLink } from './HorizontalNavigationLink';
 
-export interface HorizontalNavigationProps extends FooterLink, UniBlockProps, TitleProps {}
+export interface HorizontalNavigationProps extends FooterLink, TitleProps {}
 
 export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
-  ({ title, links, className = '', context }) => {
-    const router = context.useRouter();
-    const { handlerDecorator } = context;
-
-    return (
-      <div className={className}>
-        <span className="text-primary-text text-s font-medium">{title}</span>
-        {links?.length ? (
-          <div className="flex flex-col gap-2 pt-3">
-            {links.map((_, i) => (
-              <HorizontalNavigationLink
-                key={String(i)}
-                index={i}
-                className="text-s"
-                {...useLink({ router, handlerDecorator }, _)}
-              />
-            ))}
-          </div>
-        ) : null}
-      </div>
-    );
-  },
+  ({ title, links, className = '' }) => (
+    <div className={className}>
+      <span className="text-primary-text text-s font-medium">{title}</span>
+      {links?.length ? (
+        <div className="flex flex-col gap-2 pt-3">
+          {links.map((_, i) => (
+            <HorizontalNavigationLink key={String(i)} index={i} className="text-s" {..._} />
+          ))}
+        </div>
+      ) : null}
+    </div>
+  ),
 );

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 
 interface HorizontalNavigationLinkProps extends LinkProps {
@@ -8,14 +9,19 @@ interface HorizontalNavigationLinkProps extends LinkProps {
 }
 
 export const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(
-  ({ className = '', index, text, href, target, onClick }) => (
-    <a
-      className={`text-secondary-text hover:text-primary-main inline-block no-underline ${className}`}
-      href={href}
-      target={target}
-      onClick={onClick}
-    >
-      {text || `Документ ${index}`}
-    </a>
-  ),
+  ({ className = '', index, text, ...rest }) => {
+    const link = useLink();
+    const { href, target, onClick } = link(rest);
+
+    return (
+      <a
+        className={`text-secondary-text hover:text-primary-main inline-block no-underline ${className}`}
+        href={href}
+        target={target}
+        onClick={onClick}
+      >
+        {text || `Документ ${index}`}
+      </a>
+    );
+  },
 );

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import { Img } from '../../ui-kit/Img/Img';
@@ -41,7 +42,10 @@ interface MediaButtonProps {
   version?: BlockVersion;
 }
 
-export const MediaButton = JSX<MediaButtonProps>(({ href, version = 'primary' }) => {
+export const MediaButton = JSX<MediaButtonProps>(({ version = 'primary', ...rest }) => {
+  const link = useLink();
+  const { href, onClick } = link(rest);
+
   const { icon, label } =
     ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
 
@@ -65,6 +69,7 @@ export const MediaButton = JSX<MediaButtonProps>(({ href, version = 'primary' })
       aria-label={label}
       target="_blank"
       rel="noopener noreferrer"
+      onClick={onClick}
     >
       {icon ? (
         <Img

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

@@ -1,42 +1,33 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { Fallback } from '../../model/Fallback';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
+import { projectSettings } from '../../ProjectSettings';
 import { mergeTopItems } from '../../services/sitemap/mergeTopItems';
-import type { TopMenuItem } from '../../services/sitemap/SitemapProps';
-import { useSitemap } from '../../services/sitemap/useSitemap';
-import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
+import type { SitemapDataProps, TopMenuItem } from '../../services/sitemap/SitemapProps';
+import { useSWRResource } from '../../services/sitemap/useSWRResource';
 
-export interface SitemapProps extends UniBlockProps {
+export interface SitemapProps {
+  className?: string;
   items?: TopMenuItem[];
   fallback?: Fallback;
 }
 
-interface RenderColumnProps {
-  menuItem: TopMenuItem;
-  index: number;
-  router: Router;
-  handlerDecorator?: HandlerDecorator;
-}
+export const Sitemap = JSX<SitemapProps>(({ className = '', items, fallback }) => {
+  const link = useLink();
 
-export const Sitemap = JSX<SitemapProps>(({ className = '', items, fallback, context }) => {
-  const sitemap = useSitemap(fallback);
+  const sitemap = useSWRResource<SitemapDataProps>(projectSettings.SITEMAP || 'sitemap', fallback);
   const mergedItems = mergeTopItems(sitemap.topItems, items);
-  const linkParams = {
-    router: context.useRouter(),
-    handlerDecorator: context.handlerDecorator,
-  };
 
   return (
     <div className={`flex flex-grow items-start justify-between gap-[54px] xl:gap-5 ${className}`}>
-      {mergedItems?.map((_, i) => renderColumn({ menuItem: _, index: i, ...linkParams }))}
+      {mergedItems?.map((_, i) => renderColumn(link(_), i))}
     </div>
   );
 });
 
-const renderColumn = ({ menuItem, index, router, handlerDecorator }: RenderColumnProps) => {
-  const { text, href, items, target } = menuItem;
+const renderColumn = (menuItem: TopMenuItem & { onClick: () => void }, index: number) => {
+  const { text, items, href, target, onClick } = menuItem;
 
   return (
     <div key={String(index)} className="flex flex-col w-1/5 last:w-1/4 gap-3.5">
@@ -44,11 +35,12 @@ const renderColumn = ({ menuItem, index, router, handlerDecorator }: RenderColum
         className="block leading-5 text-l text-primary-text hover:text-primary-main no-underline"
         href={href}
         target={target || '_self'}
+        onClick={onClick}
       >
         {text || `Раздел ${index}`}
       </a>
       {items?.map((_, i) => (
-        <ColumnItem key={String(i)} {...useLink({ router, handlerDecorator }, _)} index={i} />
+        <ColumnItem key={String(i)} {..._} index={i} />
       ))}
     </div>
   );
@@ -58,12 +50,18 @@ interface ColumnItemProps extends LinkProps {
   index?: number;
 }
 
-const ColumnItem = JSX<ColumnItemProps>(({ text, href, target, index }) => (
-  <a
-    className="block text-l-light text-secondary-text hover:text-primary-main no-underline"
-    href={href}
-    target={target || '_self'}
-  >
-    {text || `Раздел ${index}`}
-  </a>
-));
+const ColumnItem = JSX<ColumnItemProps>(({ text, index, ...rest }) => {
+  const link = useLink();
+  const { href, target, onClick } = link(rest);
+
+  return (
+    <a
+      className="block text-l-light text-secondary-text hover:text-primary-main no-underline"
+      href={href}
+      target={target || '_self'}
+      onClick={onClick}
+    >
+      {text || `Раздел ${index}`}
+    </a>
+  );
+});

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

@@ -1,28 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 import { MediaButton } from './MediaButton';
 
-export interface SocialMediaProps extends UniBlockProps {
+export interface SocialMediaProps {
+  className?: string;
   media?: Omit<LinkProps, 'text'>[];
   version?: BlockVersion;
 }
 
-export const SocialMedia = JSX<SocialMediaProps>(({ className, media, version, context }) => {
-  const router = context.useRouter();
-  const { handlerDecorator } = context;
-
-  return (
-    <div className={`flex gap-2 items-start justify-start pt-6 pb-6 ${className || ''}`}>
-      {media?.map((_, index) => (
-        <MediaButton
-          key={String(index)}
-          version={version}
-          {...useLink({ router, handlerDecorator }, _)}
-        />
-      ))}
-    </div>
-  );
-});
+export const SocialMedia = JSX<SocialMediaProps>(({ className = '', media, version }) => (
+  <div className={`flex gap-2 items-start justify-start pt-6 pb-6 ${className}`}>
+    {media?.map((_, index) => (
+      <MediaButton key={String(index)} version={version} {..._} />
+    ))}
+  </div>
+));

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

@@ -1,14 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
 import type { FooterLink } from './FooterLink';
 import { TextInformationLink } from './TextInformationLink';
 
-export const TextInformation = JSX<FooterLink>(({ className, links, context }) => {
-  const router = context.useRouter();
-  const { handlerDecorator } = context;
-
+export const TextInformation = JSX<FooterLink>(({ className = '', links }) => {
   return (
-    <div className={`${className || ''}`}>
+    <div className={className}>
       <div className="py-6">
         <span className="text-xs-light text-secondary-text">
           {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.`}
@@ -17,12 +13,7 @@ export const TextInformation = JSX<FooterLink>(({ className, links, context }) =
       {links?.length ? (
         <div className={`flex flex-col justify-start items-start gap-2`}>
           {links.map((_, i) => (
-            <TextInformationLink
-              key={String(i)}
-              index={i}
-              className=""
-              {...useLink({ router, handlerDecorator }, _)}
-            />
+            <TextInformationLink key={String(i)} index={i} {..._} />
           ))}
         </div>
       ) : null}

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 
 interface TextInformationLinkProps extends LinkProps {
@@ -8,14 +9,19 @@ interface TextInformationLinkProps extends LinkProps {
 }
 
 export const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
-  ({ className = '', index, text, href, target, onClick }) => (
-    <a
-      className={`text-xs-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px] ${className}`}
-      href={href}
-      target={target}
-      onClick={onClick}
-    >
-      {text || `Документ ${index}`}
-    </a>
-  ),
+  ({ className = '', index, ...rest }) => {
+    const link = useLink();
+    const { href, target, text, onClick } = link(rest);
+
+    return (
+      <a
+        className={`text-xs-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px] ${className}`}
+        href={href}
+        target={target}
+        onClick={onClick}
+      >
+        {text || `Документ ${index}`}
+      </a>
+    );
+  },
 );

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

@@ -0,0 +1,13 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import type { FooterContent } from '../../components/Footer/FooterContent';
+import { projectSettings } from '../../ProjectSettings';
+import { fetchJSONUnsafe } from '../../utils/fetchJSON';
+
+export function useFooterData(): FooterContent {
+  const { data } = useAsyncData<FooterContent>(
+    `/wcms-resources/${projectSettings.FOOTER || 'footer'}.json`,
+    fetchJSONUnsafe,
+  );
+
+  return data || {};
+}