@redneckz/wildless-cms-uni-blocks 0.4.3 → 0.4.4

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

@@ -1,7 +1,7 @@
 import type { Picture } from '../../model/Picture';
 import { mobileContext } from '../../react/setup-fixture';
 import { TextBlock } from './TextBlock';
-import { TextBlockContent } from './TextBlockContent';
+import type { TextBlockContent } from './TextBlockContent';
 
 const image: Picture = {
   src: 'bank-card.png',

package/src/components/TextBlock/TextBlock.fixture.tsx

@@ -1,7 +1,7 @@
 import type { Picture } from '../../model/Picture';
 import { context } from '../../react/setup-fixture';
 import { TextBlock } from './TextBlock';
-import { TextBlockContent } from './TextBlockContent';
+import type { TextBlockContent } from './TextBlockContent';
 
 const image: Picture = {
   src: 'bank-card.png',

package/src/components/Tile/Tile.example.json

@@ -9,6 +9,7 @@
     }
   },
   "isDotted": true,
+  "listItemSize": "M",
   "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
   "buttons": [
     {

package/src/components/Tile/Tile.fixture.tsx

@@ -29,8 +29,9 @@ const image4: Picture = {
 
 export const TILE: TileContent = {
   title: 'Кредиты',
-  headingType: 'h3',
-  isDotted: false,
+  headingType: 'h4',
+  isDotted: true,
+  listItemSize: 'L',
   items: ['До 3 млн ₽', 'до 5 лет'],
   buttons: [
     {
@@ -44,7 +45,7 @@ export const TILE: TileContent = {
 
 export const TILE_PREMIUM: TileContent = {
   title: 'Премиальные продукты',
-  headingType: 'h3',
+  headingType: 'h4',
   description:
     'Выделенные зоны обслуживания и персональный финансовый консультант. Полный спектр премиальных продуктов, подчеркивающих ваш статус',
   buttons: [
@@ -71,7 +72,7 @@ export default {
         version="secondary"
         className="col-span-4"
         title="Ипотека"
-        headingType="h3"
+        headingType="h4"
         items={[
           'Качественные фермерские продукты напрямую от производителей',
           'Самая большая база сельских туров по России',
@@ -95,7 +96,7 @@ export default {
         context={context}
         className="col-span-6"
         title="Банковские пластиковые карты"
-        headingType="h3"
+        headingType="h4"
         items={['Счета в разных валютах', 'Бесплатное обслуживание', 'Кэшбэк до 15% от покупок']}
         buttons={[
           {
@@ -120,7 +121,7 @@ export default {
         context={context}
         className="col-span-12 pr-28"
         title="Экосистема «СВОЕ», созданная для людей"
-        headingType="h3"
+        headingType="h4"
         items={[
           'Качественные фермерские продукты напрямую от производителей',
           'Самая большая база сельских туров по России',

package/src/components/Tile/Tile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
+import { VersionStyleMap } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
@@ -7,6 +7,7 @@ import { Description } from '../../ui-kit/Description/Description';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
+import type { ListProps } from '../../ui-kit/List/ListProps';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
@@ -16,11 +17,6 @@ export interface TileProps extends TileContent, UniBlockProps {
   role?: string;
 }
 
-const tileStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
 export const Tile = JSX<TileProps>((props) => {
   const {
     context,
@@ -32,16 +28,18 @@ export const Tile = JSX<TileProps>((props) => {
     buttons,
     image,
     isDotted = true,
+    listItemSize = 'M',
     className = '',
     version = 'primary',
     ...rest
   } = props;
+  const headingClassName = version === 'primary' ? 'text-primary-text' : '';
 
   return (
     <BlockWrapper
       context={context}
       className={`overflow-hidden font-sans p-9 pr-3 box-border ${className} ${
-        tileStyleMap[version]
+        VersionStyleMap[version]
       } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
       {...rest}
     >
@@ -53,8 +51,7 @@ export const Tile = JSX<TileProps>((props) => {
               headingType={headingType}
               as="h2"
               title={title}
-              className={`whitespace-pre-wrap max-w-[600px] text-h4
-              ${version === 'primary' ? 'text-primary-text' : ''}`}
+              className={`whitespace-pre-wrap max-w-[600px] ${headingClassName}`}
             />
           ) : null
         }
@@ -63,7 +60,7 @@ export const Tile = JSX<TileProps>((props) => {
             <ButtonSection
               context={context}
               buttons={buttons.map((button) => ({ ...button, className: 'w-[158px]' }))}
-              className="flex mt-9 gap-3"
+              className="flex mt-8 gap-3"
             />
           ) : null
         }
@@ -73,16 +70,23 @@ export const Tile = JSX<TileProps>((props) => {
           <Description className="max-w-[600px] text-xl-light mt-2" description={description} />
         ) : null}
         {children}
-        {renderList(items, version, isDotted)}
+        {renderList(items, { version, isDotted, listItemSize })}
       </BaseTile>
     </BlockWrapper>
   );
 });
 
-function renderList(items, version, isDotted: boolean) {
+function renderList(items, { version, isDotted, listItemSize }: ListProps) {
   const listVersion = version === 'primary' ? 'tile' : 'tile-white';
 
   return items?.length ? (
-    <List items={items} isDotted={isDotted} itemClassName="text-h6 mt-2" version={listVersion} />
+    <List
+      items={items}
+      isDotted={isDotted}
+      className="mt-3"
+      listItemSize={listItemSize}
+      itemClassName="mb-1.5"
+      version={listVersion}
+    />
   ) : null;
 }

package/src/components/Tile/TileContent.ts

@@ -1,15 +1,16 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DescriptionProps } from '../../model/HeadlineType';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionProp } from '../../model/HeadlineType';
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { ListItemSize } from '../../ui-kit/List/ListProps';
 
 /**
  * @title Плитка
  */
 export type TileContent = HeadingCommonProps &
-  DescriptionProp &
+  DescriptionProps &
   ListContent &
   ButtonContent &
   ImageContent & {
@@ -18,5 +19,6 @@ export type TileContent = HeadingCommonProps &
      *  @default true
      */
     isDotted?: boolean;
+    listItemSize?: ListItemSize;
     version?: BlockVersion;
   };

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -109,7 +109,7 @@ exports[`Blocks ExchangeRateTile should render block "ExchangeRateTile" without
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div>
           <div
@@ -220,7 +220,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
         />
       </svg>
       <span
-        class="text-black font-medium ml-2.5"
+        class="text-black font-light ml-2.5"
       >
         Россельхозбанк
       </span>
@@ -260,7 +260,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
         value=""
       />
       <a
-        class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
+        class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
         role="button"
       >
         <div
@@ -282,7 +282,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
       >
         <a
           aria-label="Обратная связь"
-          class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
+          class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
           href="/"
           role="link"
           target="_blank"
@@ -388,12 +388,6 @@ exports[`Blocks GracePeriod should render block "GracePeriod" without content 1`
 </section>
 `;
 
-exports[`Blocks GroupBlock should render block "GroupBlock" without content 1`] = `
-<section
-  class="box-border "
-/>
-`;
-
 exports[`Blocks Header should render block "Header" without content 1`] = `
 <header
   class="pt-6 pb-5 px-20 bg-white "
@@ -429,7 +423,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
           />
         </svg>
         <span
-          class="text-black font-medium ml-2.5"
+          class="text-black font-light ml-2.5"
         >
           Россельхозбанк
         </span>
@@ -478,7 +472,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
               Иконка Лупа
             </desc>
             <use
-              class="text-black group-hover:text-primary-main pointer-events-none"
+              class="text-black group-hover:text-primary-hover group-hover:invert-0 pointer-events-none"
               href="icons/LoupeIcon.svg#icon"
               xlink:href="icons/LoupeIcon.svg#icon"
             />
@@ -492,7 +486,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="h-full bg-main-divider rounded-full pointer-events-none"
+            class="h-full bg-main-divider/20 rounded-full pointer-events-none"
           >
             <title>
               Иконка Сетка (белая)
@@ -501,7 +495,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
               Иконка Сетка (белая)
             </desc>
             <use
-              class="text-black group-hover:text-primary-main"
+              class="text-black group-hover:text-primary-hover group-hover:invert-0"
               href="icons/GridIcon.svg#icon"
               xlink:href="icons/GridIcon.svg#icon"
             />
@@ -591,7 +585,7 @@ exports[`Blocks MobileAppTile should render block "MobileAppTile" without conten
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div>
           <div
@@ -620,12 +614,6 @@ exports[`Blocks Navigation should render block "Navigation" without content 1`]
 </section>
 `;
 
-exports[`Blocks NavigatorTabs should render block "NavigatorTabs" without content 1`] = `
-<section
-  class="sticky top-0 z-20 box-border flex gap-x-1 h-14 "
-/>
-`;
-
 exports[`Blocks OtherProducts should render block "OtherProducts" without content 1`] = `
 <section
   class="font-sans text-primary-text "
@@ -687,7 +675,7 @@ exports[`Blocks Placeholder should render block "Placeholder" without content 1`
 
 exports[`Blocks ProductBlock should render block "ProductBlock" without content 1`] = `
 <section
-  class="font-sans overflow-hidden p-[50px] flex flex-col box-border min-h-[528px] bg-white text-primary-text "
+  class="font-sans overflow-hidden p-[50px] flex flex-col box-border min-h-[454px] bg-white text-primary-text "
 >
   <div
     class="flex grow justify-between items-stretch h-full "
@@ -706,7 +694,7 @@ exports[`Blocks ProductBlock should render block "ProductBlock" without content
           class="flex grow w-full justify-between"
         >
           <div
-            class="flex flex-col w-full"
+            class="flex flex-col justify-between w-full"
           >
             <div />
           </div>
@@ -735,18 +723,14 @@ exports[`Blocks ProductGallery should render block "ProductGallery" without cont
 
 exports[`Blocks ProductTile should render block "ProductTile" without content 1`] = `
 <section
-  class="bg-white overflow-hidden text-primary-text font-sans p-9 box-border min-h-[364px] relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
+  class="overflow-hidden font-sans p-9 box-border relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px]"
 >
+  <section
+    class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0 z-10 "
+  />
   <div
-    class="z-[1]"
-  >
-    <section
-      class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0"
-    />
-    <div
-      class="flex mt-3.5"
-    />
-  </div>
+    class="z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline max-w-[calc(100%-186px)]"
+  />
 </section>
 `;
 
@@ -757,22 +741,20 @@ exports[`Blocks PromoTile should render block "PromoTile" without content 1`] =
   <div
     class="font-sans flex flex-col grow h-full items-start "
   >
-    <div>
-      <section
-        class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
+    <section
+      class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
+    >
+      <h2
+        class="font-sans m-0 text-h2 whitespace-pre-wrap text-primary-text text-left"
       >
-        <h2
-          class="font-sans m-0 text-h2 whitespace-pre-wrap text-primary-text text-left"
-        >
-          Акции и спецпредложения
-        </h2>
-      </section>
-    </div>
+        Акции и спецпредложения
+      </h2>
+    </section>
     <div
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div>
           <div
@@ -866,6 +848,12 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer"
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
+              <option
+                class=""
+                value="выберите отделение"
+              >
+                выберите отделение
+              </option>
               <option
                 class=""
                 value="МоскваОфис1"
@@ -1023,7 +1011,6 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="flex items-center relative cursor-pointer"
             >
               <input
-                checked=""
                 class="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                 name="contractType"
                 type="radio"
@@ -1041,6 +1028,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="flex items-center relative cursor-pointer"
             >
               <input
+                checked=""
                 class="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                 name="contractType"
                 type="radio"
@@ -1055,7 +1043,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
           </div>
         </div>
         <a
-          class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md "
+          class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md "
           role="button"
         >
           <div
@@ -1163,7 +1151,7 @@ exports[`Blocks Tabs should render block "Tabs" without content 1`] = `
 
 exports[`Blocks TariffsTable should render block "TariffsTable" without content 1`] = `
 <section
-  class="bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative "
+  class="bg-white font-sans p-[50px] overflow-hidden text-primary-text relative  "
 />
 `;
 
@@ -1188,7 +1176,7 @@ exports[`Blocks Tile should render block "Tile" without content 1`] = `
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div />
       </div>

package/src/cosmos.decorator.tsx

@@ -10,7 +10,7 @@ export default ({ children }) => {
   return (
     <div
       style={{
-        backgroundColor: 'rgba(51, 51, 51, 0.07)',
+        backgroundColor: 'rgba(235, 237, 240, 1)',
         position: 'absolute',
         left: 0,
         right: 0,

package/src/hooks/useExchangeRates.ts

@@ -1,5 +1,7 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { ExchangeCurrencyItem } from '../components/ExchangeRateTile/ExchangeCurrencyCalculator';
+import { fetchJSON } from '../utils/fetchJSON';
+import { roundTo } from '../utils/roundTo';
 
 interface RatesData {
   code: string;
@@ -15,22 +17,11 @@ export function useExchangeRates(): ExchangeCurrencyItem[] {
   return result.length ? getCurrencyListByRate(result as RatesData[]) : result;
 }
 
-async function fetchExchangeRates(): Promise<any | undefined> {
-  try {
-    const response = await fetch(EXCHANGE_RATES_URL, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify(EXCHANGE_RATES_BODY),
-    });
-
-    return await response.json();
-  } catch (err) {
-    console.error(err);
-
-    return Promise.resolve();
-  }
+function fetchExchangeRates(): Promise<any | undefined> {
+  return fetchJSON(EXCHANGE_RATES_URL, {
+    method: 'POST',
+    body: JSON.stringify(EXCHANGE_RATES_BODY),
+  });
 }
 
 const EXCHANGE_RATES_URL =
@@ -76,12 +67,10 @@ const getCurrencyListByRate = (currencyRates: RatesData[]) =>
     if (!result.some((i) => i.code === currencyCode)) {
       result.push({
         code: currencyCode,
-        buy: roundRate(Number(_.rate_buy)),
-        sell: roundRate(Number(_.rate_sell)),
+        buy: roundTo(Number(_.rate_buy), 3),
+        sell: roundTo(Number(_.rate_sell), 3),
       });
     }
 
     return result;
   }, []);
-
-const roundRate = (value) => Math.round(value * 1000) / 1000;

package/src/hooks/useTariffsInnerTableData.ts

@@ -0,0 +1,20 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+
+export function useTariffsInnerTableData(directoryName?: string): any {
+  const { data } = useAsyncData(
+    tariffsInnerTableDataUrl(directoryName),
+    fetchTariffsInnerTableData,
+  );
+
+  return data || {};
+}
+
+async function fetchTariffsInnerTableData(url: string): Promise<any> {
+  const response = await fetch(url);
+
+  return await response.json();
+}
+
+function tariffsInnerTableDataUrl(directoryName?: string) {
+  return `/wcms-resources/${directoryName || 'tariffs-inner-table-data'}.json`;
+}

package/src/icons/CardTickIcon.svg

@@ -1 +1,7 @@
-<svg title="Кред. карта с галочкой" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5h11.5M6 16.5h2M10.5 16.5h4" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 11.01V7.89c0-3.51.89-4.39 4.44-4.39h7.06M22 11.03v5.08c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11v-1.1" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 6 18 7.5l4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Кред. карта с галочкой" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 10H22" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.5502 20.4998H6.44025C2.89025 20.4998 1.99023 19.6198 1.99023 16.1098V7.88977C1.99023 4.70977 2.73026 3.68977 5.52026 3.52977C5.80026 3.51977 6.11025 3.50977 6.44025 3.50977H17.5502C21.1002 3.50977 22.0002 4.38977 22.0002 7.89977V12.3098" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 16H10" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 18C22 18.75 21.79 19.46 21.42 20.06C20.73 21.22 19.46 22 18 22C16.54 22 15.27 21.22 14.58 20.06C14.21 19.46 14 18.75 14 18C14 15.79 15.79 14 18 14C20.21 14 22 15.79 22 18Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4395 18L17.4294 18.99L19.5594 17.02" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/DocDownload.svg

@@ -0,0 +1,8 @@
+<svg title="Скачать документ" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.59766 11.959V14.1673L9.26432 12.5007" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.59766 9.16602V9.99935" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.59635 14.1667L5.92969 12.5" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.76562 7.49935C1.76562 3.33268 3.43229 1.66602 7.59896 1.66602H11.7656" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.4323 8.33398V12.5007C18.4323 16.6673 16.7656 18.334 12.599 18.334H7.59896C3.43229 18.334 1.76562 16.6673 1.76562 12.5007V10.8173" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.099 8.33268C12.599 8.33268 11.7656 7.49935 11.7656 4.99935V1.66602L18.4323 8.33268" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/IconName.ts

@@ -26,6 +26,7 @@ export enum IconMap {
   ComfortableCompIcon = 'ComfortableCompIcon',
   CreditCardsIcon = 'CreditCardsIcon',
   DiscountShapeIcon = 'DiscountShapeIcon',
+  DocDownload = 'DocDownload',
   DocIcon = 'DocIcon',
   DocIconMonoColor = 'DocIconMonoColor',
   DocsIcon = 'DocsIcon',
@@ -111,6 +112,7 @@ export enum IconTitleMap {
   ComfortableCompIcon = 'Кресло',
   CreditCardsIcon = 'Кредитные карты',
   DiscountShapeIcon = 'Скидка',
+  DocDownload = 'Скачать документ',
   DocIcon = 'Документ',
   DocIconMonoColor = 'Документ (одноцветный)',
   DocsIcon = 'Документы',
@@ -175,7 +177,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
 export type IconName =
@@ -205,6 +207,7 @@ export type IconName =
   | 'ComfortableCompIcon'
   | 'CreditCardsIcon'
   | 'DiscountShapeIcon'
+  | 'DocDownload'
   | 'DocIcon'
   | 'DocIconMonoColor'
   | 'DocsIcon'

package/src/model/BlockVersion.ts

@@ -9,3 +9,8 @@ export type BlockVersion = 'primary' | 'secondary';
  * @enumNames ["Прозрачная", "Основная", "Второстепенная"]
  */
 export type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';
+
+export const VersionStyleMap: Record<BlockVersion, string> = {
+  primary: 'bg-white text-primary-text',
+  secondary: 'bg-primary-main text-white',
+};

package/src/model/HeadlineType.ts

@@ -4,17 +4,17 @@
  */
 export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
 
-export type TitleProp = {
+export type TitleProps = {
   /** @title Заголовок */
   title?: string;
 };
 
-export type DescriptionProp = {
+export type DescriptionProps = {
   /** @title Описание */
   description?: string;
 };
 
-export type HeadlineCommonProps = TitleProp & DescriptionProp;
+export type HeadlineCommonProps = TitleProps & DescriptionProps;
 
 export type HeadlineProps = HeadlineCommonProps & {
   headlineVersion?: HeadlineVersion;

package/src/model/LinkProps.ts

@@ -10,14 +10,17 @@
  */
 export type Target = '' | '_self' | '_blank' | '_parent' | '_top';
 
+export interface LinkCommonProps {
+  /** @title URL (href) */
+  href?: string;
+  target?: Target;
+}
+
 /**
  * @title Ссылка
  * @required ["text", "href"]
  */
-export interface LinkProps {
+export interface LinkProps extends LinkCommonProps {
   /** @title Текст */
   text?: string;
-  /** @title URL (href) */
-  href?: string;
-  target?: Target;
 }

package/src/services/sitemap/useSitemap.ts

@@ -1,19 +1,13 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { HeaderContent } from '../../components/Header/HeaderContent';
 import { projectSettings } from '../../ProjectSettings';
+import { fetchJSONUnsafe } from '../../utils/fetchJSON';
 
 export function useSitemap(): HeaderContent {
-  const { data } = useAsyncData(sitemapURL(), fetchSitemap);
+  const { data } = useAsyncData<HeaderContent>(
+    `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`,
+    fetchJSONUnsafe,
+  );
 
   return data || {};
 }
-
-async function fetchSitemap(): Promise<HeaderContent> {
-  const response = await fetch(sitemapURL());
-
-  return await response.json();
-}
-
-function sitemapURL() {
-  return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
-}