@redneckz/wildless-cms-uni-blocks 0.13.21 → 0.13.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.13.21",
+  "version": "0.13.23",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Carousel/renderCarouselCards.tsx

@@ -4,8 +4,8 @@ import { renderChildren } from '../../BlockRenderer/renderChildren';
 import type { BlockDef } from '../../model/ContentPageDef';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { style } from '../../utils/style';
-import { renderCardHighlight } from './renderCardHighlight';
 import type { CardSizeMode } from './CarouselContent';
+import { renderCardHighlight } from './renderCardHighlight';
 
 const cardBaseStyle = 'relative h-full';
 
@@ -27,7 +27,7 @@ export const renderCarouselCards = ({
   return renderChildren({
     ...rest,
     renderProps: (block: BlockDef, options: BlockRendererOptions, blockIndex) => (
-      <div className={cardWrapperStyle(block, { someCardsHighlighted })}>
+      <div key={String(blockIndex)} className={cardWrapperStyle(block, { someCardsHighlighted })}>
         {renderBlock(block, options, {
           className: cardStyle(block, {
             someCardsHighlighted,

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

@@ -17,8 +17,6 @@ const additionalDescription = `Сегодня это универсальный
   предоставляющий все виды банковских услуг и занимающий лидирующие позиции
   в финансировании агропромышленного комплекса России.`;
 
-const MAX_LINKS_COUNT_MOBILE = 3;
-
 export default {
   default: (
     <CarouselLinks
@@ -26,7 +24,6 @@ export default {
       title="О Банке"
       description={description}
       additionalDescription={additionalDescription}
-      maxLinksCount={MAX_LINKS_COUNT_MOBILE}
       version="secondary"
       block={{ type: 'Carousel', blocks: new Array(3).fill(link).flat() }}
     />

package/src/components/CarouselLinks/CarouselLinks.fixture.tsx

@@ -17,8 +17,6 @@ const additionalDescription = `Сегодня это универсальный
   предоставляющий все виды банковских услуг и занимающий лидирующие позиции
   в финансировании агропромышленного комплекса России.`;
 
-const MAX_LINKS_COUNT = 10;
-
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -27,7 +25,6 @@ export default {
         title="О Банке"
         description={description}
         additionalDescription={additionalDescription}
-        maxLinksCount={MAX_LINKS_COUNT}
         version="secondary"
         className="col-span-12"
         block={{ type: 'Carousel', blocks: new Array(1).fill(link).flat() }}

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -7,21 +7,12 @@ import { Carousel } from '../Carousel/Carousel';
 import { Headline } from '../Headline/Headline';
 import { CarouselLinkButton } from './CarouselLinkButton';
 import type { CarouselLinksContent } from './CarouselLinksContent';
+import { MAX_LINKS_COUNT } from './maxLinksCount';
 
-export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
-  maxLinksCount?: number;
-}
+export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
 
 export const CarouselLinks = JSX<CarouselLinksProps>(
-  ({
-    className,
-    additionalDescription,
-    description,
-    links,
-    title,
-    maxLinksCount = 10,
-    ...rest
-  }) => (
+  ({ className, additionalDescription, description, links, title, ...rest }) => (
     <BlockWrapper
       className={style('flex flex-col sm:flex-row w-full overflow-hidden', className)}
       {...rest}
@@ -43,13 +34,13 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
           />
         ) : null}
       </div>
-      {links?.length ? renderLinks(links, maxLinksCount) : null}
+      {links?.length ? renderLinks(links) : null}
     </BlockWrapper>
   ),
 );
 
-const renderLinks = (links: LinkProps[], maxLinksCount: number) => {
-  const itemCount = Math.ceil(links.length / maxLinksCount);
+const renderLinks = (links: LinkProps[]) => {
+  const itemCount = Math.ceil(links.length / MAX_LINKS_COUNT);
 
   return (
     <Carousel
@@ -64,7 +55,7 @@ const renderLinks = (links: LinkProps[], maxLinksCount: number) => {
           className={style('flex flex-wrap self-start w-full sm:w-[672px]')}
         >
           {links
-            .slice(groupIndex * maxLinksCount, (groupIndex + 1) * maxLinksCount)
+            .slice(groupIndex * MAX_LINKS_COUNT, (groupIndex + 1) * MAX_LINKS_COUNT)
             .map((link, index) => (
               <CarouselLinkButton key={String(index)} className="sm:m-2xs" {...link} />
             ))}

package/src/components/CarouselLinks/maxLinksCount.mobile.ts

@@ -0,0 +1 @@
+export const MAX_LINKS_COUNT = 3;

package/src/components/CarouselLinks/maxLinksCount.ts

@@ -0,0 +1 @@
+export const MAX_LINKS_COUNT = 10;

package/src/components/ContentPage/ContentPage.tsx

@@ -34,11 +34,8 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
     useBlockRouterProvider();
 
     return (
-      <div>
-        <section
-          className={style('relative @container', pageStyle, className)}
-          data-theme={colorPalette}
-        >
+      <div data-theme={colorPalette}>
+        <section className={style('relative @container', pageStyle, className)}>
           {slots?.header ? (
             <div className="relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]">
               {renderBlocksList(slots?.header, { ...options, slotName: 'header' })}
@@ -49,9 +46,9 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
             {renderBlocksList(slots?.footer, { ...options, slotName: 'footer' })}
           </div>
           {likeControl ? renderLikeControl() : null}
-          <StickyBottomMenu />
-          <DialogManager />
         </section>
+        <StickyBottomMenu />
+        <DialogManager />
         <CookiePopup
           termLink={{ href: '/pd-policy#cookie', target: '_blank' }}
           personalDataPolicyLink={{ href: '/pd-policy', target: '_blank' }}

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

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { projectSettings } from '../../ProjectSettings';
 import { useSWRResource } from '../../hooks/useSWRResource';
-import type { LinkCommonProps } from '../../model/LinkProps';
+import type { LinkProps } from '../../model/LinkProps';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
@@ -57,14 +57,14 @@ export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
   );
 });
 
-const renderButton = ({ href = '/' }: LinkCommonProps, i: number) => {
+const renderButton = ({ href = '/', text }: LinkProps, i: number) => {
   const { label } = findIconByHref(href);
 
   return (
     <Button
       key={String(i)}
       className="w-full mb-lg"
-      text={label}
+      text={text || label}
       version="secondary"
       href={href}
       target="_blank"

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

@@ -5,6 +5,9 @@ import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { HeaderProps } from './HeaderProps';
 import { HeaderTop } from './HeaderTop';
+import { useSWRResource } from '../../hooks/useSWRResource';
+import type { SitemapData } from '../../services/sitemap/SitemapData';
+import { projectSettings } from '../../ProjectSettings';
 
 const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
   'bg-white': 'primary',
@@ -13,7 +16,11 @@ const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
 
 export const Header = JSX<HeaderProps>(
   ({ bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
-    const { logo, internetBankUrl } = useSitemap(rest.options?.page?.fallback);
+    const { logo } = useSitemap(rest.options?.page?.fallback);
+    const { internetBankUrl } = useSWRResource<SitemapData>(
+      projectSettings.PORTAL_DATA || 'portal-data',
+      { folderName: 'portal-resources', setBasePath: true },
+    );
 
     return (
       <BlockWrapper tag="header" defaultPadding="" version={version} {...rest}>

package/src/components/RollupItem/RollupItem.tsx

@@ -34,43 +34,41 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
     labelIconBgVersion,
     version = 'primary',
     ...rest
-  }) => {
-    return (
-      <BlockWrapper
-        className={style('w-full', rollupItemStyles, className)}
-        defaultPadding="p-0"
-        tag="div"
-        version="transparent"
-        {...rest}
-      >
-        <Foldable
-          isFoldButtonOnTop={isFoldButtonOnTop}
-          unfoldedByDefault={isExpanded}
-          renderFoldableSection={({ isUnfolded }) => (
-            <FoldableSection
-              className={style('gap-lg', foldableSectionStyles)}
-              isUnfolded={isUnfolded}
-            >
-              {renderChildren({
-                ...rest,
-                extraProps: { className: 'w-full', padding: 'p-0' },
-              })}
-            </FoldableSection>
-          )}
-          renderFoldButton={({ isUnfolded, onToggle }) =>
-            renderFoldButton({
-              version,
-              label,
-              labelIcon,
-              labelIconBgVersion,
-              isUnfolded,
-              onToggle,
-            })
-          }
-        />
-      </BlockWrapper>
-    );
-  },
+  }) => (
+    <BlockWrapper
+      className={style('w-full', rollupItemStyles, className)}
+      defaultPadding="p-0"
+      tag="div"
+      version="transparent"
+      {...rest}
+    >
+      <Foldable
+        isFoldButtonOnTop={isFoldButtonOnTop}
+        unfoldedByDefault={isExpanded}
+        renderFoldableSection={({ isUnfolded }) => (
+          <FoldableSection
+            className={style('gap-lg', foldableSectionStyles)}
+            isUnfolded={isUnfolded}
+          >
+            {renderChildren({
+              ...rest,
+              extraProps: { className: 'w-full', padding: 'p-0' },
+            })}
+          </FoldableSection>
+        )}
+        renderFoldButton={({ isUnfolded, onToggle }) =>
+          renderFoldButton({
+            version,
+            label,
+            labelIcon,
+            labelIconBgVersion,
+            isUnfolded,
+            onToggle,
+          })
+        }
+      />
+    </BlockWrapper>
+  ),
 );
 
 RollupItem.childrenTypes = {

package/src/icons/BriefcaseIcon2.svg

@@ -0,0 +1,7 @@
+<svg title="Портфель" isInverse="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3698 14L21.7098 10.43C21.9698 7.99 21.2698 6 16.9998 6H6.99983C2.72983 6 2.02983 7.99 2.29983 10.43L3.04983 18.43C3.25983 20.39 3.97983 22 7.99983 22H15.9998C20.0198 22 20.7398 20.39 20.9498 18.43" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 6V5.2C8 3.43 8 2 11.2 2H12.8C16 2 16 3.43 16 5.2V6" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 13V14C14 14.01 14 14.01 14 14.02C14 15.11 13.99 16 12 16C10.02 16 10 15.12 10 14.03V13C10 12 10 12 11 12H13C14 12 14 12 14 13Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.65 11C19.34 12.68 16.7 13.68 14 14.02" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.62012 11.27C4.87012 12.81 7.41012 13.74 10.0001 14.03" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CardSendIcon.svg

@@ -0,0 +1,9 @@
+<svg title="Отправление карты" isInverse="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 8.5H14.5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 16.5H8" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 16.5H14.5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 11.01V7.89C2 4.38 2.89 3.5 6.44 3.5H14.5" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 14.0298V16.1098C22 19.6198 21.11 20.4998 17.56 20.4998H6.44C2.89 20.4998 2 19.6198 2 16.1098V14.9898" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 9.5V3.5L22 5.5" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 3.5L18 5.5" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CoinIcon.svg

@@ -0,0 +1,6 @@
+<svg title="Монеты" isInverse="true" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="50" height="50" rx="25" fill="#83B83E"/>
+<path d="M25 35.0004C28.59 35.0004 31.5 32.4704 31.5 29.3504V25.6504C31.5 28.7704 28.59 31.0004 25 31.0004C21.41 31.0004 18.5 28.7704 18.5 25.6504V29.3504C18.5 31.0604 19.37 32.5904 20.75 33.6204" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.5 20.65C31.5 21.56 31.25 22.4 30.81 23.12C29.74 24.88 27.54 26 25 26C22.46 26 20.26 24.88 19.19 23.12C18.75 22.4 18.5 21.56 18.5 20.65C18.5 19.09 19.23 17.68 20.4 16.66C21.58 15.63 23.2 15 25 15C26.8 15 28.42 15.63 29.6 16.65C30.77 17.68 31.5 19.09 31.5 20.65Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.5 20.65V25.65C31.5 28.77 28.59 31 25 31C21.41 31 18.5 28.77 18.5 25.65V20.65C18.5 17.53 21.41 15 25 15C26.8 15 28.42 15.63 29.6 16.65C30.77 17.68 31.5 19.09 31.5 20.65Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/HeartTickIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Сердцебеение" isInverse="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.56 3.09961C9.37 3.09961 10.99 3.97965 12 5.32965C13.01 3.97965 14.63 3.09961 16.44 3.09961C19.51 3.09961 22 5.59964 22 8.68964C22 10.6596 21.49 12.3996 20.69 13.9096C19.81 12.9796 18.57 12.3997 17.2 12.3997C14.55 12.3997 12.4 14.5496 12.4 17.1996C12.4 18.4296 12.87 19.5497 13.63 20.3997C13.26 20.5697 12.92 20.7096 12.62 20.8096C12.28 20.9296 11.72 20.9296 11.38 20.8096C8.48 19.8196 2 15.6896 2 8.68964C2 7.13964 2.62 5.73961 3.63 4.72961" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.9999 17.2004C21.9999 18.1004 21.7499 18.9503 21.2999 19.6703C20.4699 21.0603 18.9499 22.0004 17.1999 22.0004C15.4499 22.0004 13.9199 21.0603 13.0999 19.6703C12.6599 18.9503 12.3999 18.1004 12.3999 17.2004C12.3999 14.5504 14.5499 12.4004 17.1999 12.4004C19.8499 12.4004 21.9999 14.5504 21.9999 17.2004Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3301 17.2005L16.5101 18.3805L19.0701 16.0205" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/IconName.ts

@@ -70,6 +70,7 @@ export enum IconMap {
   BankIcon = 'BankIcon',
   BelarusianFlag = 'BelarusianFlag',
   BriefcaseIcon = 'BriefcaseIcon',
+  BriefcaseIcon2 = 'BriefcaseIcon2',
   BuildingIcon = 'BuildingIcon',
   BurgerIcon = 'BurgerIcon',
   Calendar2Icon = 'Calendar2Icon',
@@ -79,6 +80,7 @@ export enum IconMap {
   Car2Icon = 'Car2Icon',
   CardIcon = 'CardIcon',
   CardPosIcon = 'CardPosIcon',
+  CardSendIcon = 'CardSendIcon',
   CardTickIcon = 'CardTickIcon',
   CardWithGemIcon = 'CardWithGemIcon',
   CarIcon = 'CarIcon',
@@ -89,6 +91,7 @@ export enum IconMap {
   ClientIcon = 'ClientIcon',
   ClockIcon = 'ClockIcon',
   CloseIcon = 'CloseIcon',
+  CoinIcon = 'CoinIcon',
   ComfortableCompIcon = 'ComfortableCompIcon',
   CourtHouseIcon = 'CourtHouseIcon',
   CreditCardsIcon = 'CreditCardsIcon',
@@ -114,6 +117,7 @@ export enum IconMap {
   GridIcon = 'GridIcon',
   HeadphonesIcon = 'HeadphonesIcon',
   HeartIcon = 'HeartIcon',
+  HeartTickIcon = 'HeartTickIcon',
   HouseIcon = 'HouseIcon',
   HuaweiIcon = 'HuaweiIcon',
   InterestGrowthIcon = 'InterestGrowthIcon',
@@ -134,6 +138,7 @@ export enum IconMap {
   MoneysIcon = 'MoneysIcon',
   MonitorMobileIcon = 'MonitorMobileIcon',
   NewDocIcon = 'NewDocIcon',
+  NotificationBingIcon = 'NotificationBingIcon',
   OfficeIcon = 'OfficeIcon',
   OkIcon = 'OkIcon',
   PackA4Icon = 'PackA4Icon',
@@ -154,6 +159,7 @@ export enum IconMap {
   RoundRubleIcon = 'RoundRubleIcon',
   RutubeIcon = 'RutubeIcon',
   SafeIcon = 'SafeIcon',
+  SecurityCardIcon = 'SecurityCardIcon',
   ShieldTickIcon = 'ShieldTickIcon',
   SignDocsIcon = 'SignDocsIcon',
   SmallClockIcon = 'SmallClockIcon',
@@ -172,6 +178,7 @@ export enum IconMap {
   WalletWithMoneyIcon = 'WalletWithMoneyIcon',
   WateringCanIcon = 'WateringCanIcon',
   YoutubeIcon = 'YoutubeIcon',
+  СonvertСardIcon = 'СonvertСardIcon',
 }
 
 export enum IconTitleMap {
@@ -190,6 +197,7 @@ export enum IconTitleMap {
   BankIcon = 'Банк',
   BelarusianFlag = 'Белорусский флаг',
   BriefcaseIcon = 'BriefcaseIcon',
+  BriefcaseIcon2 = 'Портфель',
   BuildingIcon = 'Здание с деревом',
   BurgerIcon = 'Бургер',
   Calendar2Icon = 'Календарь 2',
@@ -199,6 +207,7 @@ export enum IconTitleMap {
   Car2Icon = 'Машина2',
   CardIcon = 'Кред. карта',
   CardPosIcon = 'Кред. карта под наклоном',
+  CardSendIcon = 'Отправление карты',
   CardTickIcon = 'Кред. карта с галочкой',
   CardWithGemIcon = 'Карта с драгоценностями',
   CarIcon = 'Машина',
@@ -209,6 +218,7 @@ export enum IconTitleMap {
   ClientIcon = 'Клиент',
   ClockIcon = 'Часы',
   CloseIcon = 'Крестик',
+  CoinIcon = 'Монеты',
   ComfortableCompIcon = 'Кресло',
   CourtHouseIcon = 'Здание суда',
   CreditCardsIcon = 'Кредитные карты',
@@ -234,6 +244,7 @@ export enum IconTitleMap {
   GridIcon = 'Сетка (белая)',
   HeadphonesIcon = 'HeadphonesIcon',
   HeartIcon = 'Сердце',
+  HeartTickIcon = 'Сердцебеение',
   HouseIcon = 'Ипотека',
   HuaweiIcon = 'Лого «Huawei»',
   InterestGrowthIcon = 'Диаграмма роста',
@@ -254,6 +265,7 @@ export enum IconTitleMap {
   MoneysIcon = 'Купюры',
   MonitorMobileIcon = 'Монитор и мобильный',
   NewDocIcon = 'Новый документ',
+  NotificationBingIcon = 'Нотификация',
   OfficeIcon = 'Офис',
   OkIcon = 'Лого «Одноклассники»',
   PackA4Icon = 'Пачка бумаги А4',
@@ -274,6 +286,7 @@ export enum IconTitleMap {
   RoundRubleIcon = 'Рубль (круг.)',
   RutubeIcon = 'Лого «Rutube»',
   SafeIcon = 'Сейф',
+  SecurityCardIcon = 'Безопасность',
   ShieldTickIcon = 'Безопасность',
   SignDocsIcon = 'Подписанные документы',
   SmallClockIcon = 'Маленькие часы',
@@ -292,6 +305,7 @@ export enum IconTitleMap {
   WalletWithMoneyIcon = 'Кошелёк с деньгами',
   WateringCanIcon = 'Добавить продукт',
   YoutubeIcon = 'Лого «Youtube»',
+  СonvertСardIcon = 'Конвертирование',
 }
 
 /**
@@ -299,7 +313,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Инвестиции', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Здание суда', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Ипотека', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Портфель', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Отправление карты', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Инвестиции', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Монеты', 'Кресло', 'Здание суда', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Нотификация', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»', 'Конвертирование'
  * ]
  */
 export type IconName =
@@ -319,6 +333,7 @@ export type IconName =
   | 'BankIcon'
   | 'BelarusianFlag'
   | 'BriefcaseIcon'
+  | 'BriefcaseIcon2'
   | 'BuildingIcon'
   | 'BurgerIcon'
   | 'Calendar2Icon'
@@ -328,6 +343,7 @@ export type IconName =
   | 'Car2Icon'
   | 'CardIcon'
   | 'CardPosIcon'
+  | 'CardSendIcon'
   | 'CardTickIcon'
   | 'CardWithGemIcon'
   | 'CarIcon'
@@ -338,6 +354,7 @@ export type IconName =
   | 'ClientIcon'
   | 'ClockIcon'
   | 'CloseIcon'
+  | 'CoinIcon'
   | 'ComfortableCompIcon'
   | 'CourtHouseIcon'
   | 'CreditCardsIcon'
@@ -363,6 +380,7 @@ export type IconName =
   | 'GridIcon'
   | 'HeadphonesIcon'
   | 'HeartIcon'
+  | 'HeartTickIcon'
   | 'HouseIcon'
   | 'HuaweiIcon'
   | 'InterestGrowthIcon'
@@ -383,6 +401,7 @@ export type IconName =
   | 'MoneysIcon'
   | 'MonitorMobileIcon'
   | 'NewDocIcon'
+  | 'NotificationBingIcon'
   | 'OfficeIcon'
   | 'OkIcon'
   | 'PackA4Icon'
@@ -403,6 +422,7 @@ export type IconName =
   | 'RoundRubleIcon'
   | 'RutubeIcon'
   | 'SafeIcon'
+  | 'SecurityCardIcon'
   | 'ShieldTickIcon'
   | 'SignDocsIcon'
   | 'SmallClockIcon'
@@ -420,4 +440,5 @@ export type IconName =
   | 'WalletIcon'
   | 'WalletWithMoneyIcon'
   | 'WateringCanIcon'
-  | 'YoutubeIcon';
+  | 'YoutubeIcon'
+  | 'СonvertСardIcon';

package/src/icons/NotificationBingIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Нотификация" isInverse="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.44043V9.77043" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M20.5899 15.17C21.3199 16.39 20.7399 17.97 19.3899 18.42C14.6099 20.01 9.43993 20.01 4.65993 18.42C3.21993 17.94 2.66993 16.48 3.45993 15.17L4.72993 13.05C5.07993 12.47 5.35993 11.44 5.35993 10.77V8.67C5.35993 4.98 8.33993 2 12.0199 2C15.6799 2 18.6799 5 18.6799 8.66V10.76C18.6799 10.94 18.6999 11.14 18.7299 11.35" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M15.3299 18.8203C15.3299 20.6503 13.8299 22.1503 11.9999 22.1503C11.0899 22.1503 10.2499 21.7703 9.64992 21.1703C9.04992 20.5703 8.66992 19.7303 8.66992 18.8203" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10"/>
+</svg>

package/src/icons/SecurityCardIcon.svg

@@ -0,0 +1,7 @@
+<svg title="Безопасность" isInverse="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.00023 7.14012C2.00023 5.92012 2.93024 4.57012 4.07024 4.14012L9.05023 2.2701C9.87023 1.9601 11.2302 1.9601 12.0502 2.2701L17.0202 4.14012C17.9702 4.50012 18.7802 5.5001 19.0302 6.5201H11.7302C11.5102 6.5201 11.3102 6.53011 11.1202 6.53011C9.27022 6.64011 8.79022 7.31012 8.79022 9.42012V14.8501C8.79022 17.1601 9.38022 17.7501 11.7302 17.7501H17.6502C17.5602 17.8301 17.4702 17.9001 17.3802 17.9801L13.1102 21.1801C11.7002 22.2301 9.40022 22.2301 7.98022 21.1801L3.70023 17.9801C2.76023 17.2801 1.99023 15.7301 1.99023 14.5601V11.2401" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.80029 11.2202H22.0003" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.0003 9.42026V14.9702C21.9803 17.1902 21.3703 17.7402 19.0603 17.7402H11.7403C9.3903 17.7402 8.80029 17.1502 8.80029 14.8402V9.41025C8.80029 7.31025 9.28029 6.64023 11.1303 6.52023C11.3203 6.52023 11.5203 6.51025 11.7403 6.51025H19.0603C21.4103 6.52025 22.0003 7.10026 22.0003 9.42026Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3203 15.2603H12.6503" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.75 15.2603H18.02" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons//320/241onvert/320/241ardIcon.svg

@@ -0,0 +1,8 @@
+<svg title="Конвертирование" isInverse="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5.55957H22" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.65 10.5H14.22C12.44 10.5 12 10.06 12 8.3V4.2C12 2.44 12.44 2 14.22 2H19.78C21.56 2 22 2.44 22 4.2V8.31C22 10.07 21.56 10.51 19.78 10.51" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 17.0596H12" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.5 22H4.22C2.44 22 2 21.56 2 19.8V15.7C2 13.94 2.44 13.5 4.22 13.5H9.78C11.56 13.5 12 13.94 12 15.7V19.81C12 21.57 11.56 22.01 9.78 22.01" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 9C2 5.13 5.13 2 9 2L7.95001 3.75" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/services/search/useSearch.ts

@@ -1,19 +1,18 @@
-import { useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import type { Nullable } from '../../utils/Nullable';
 import { fetchJSON } from '../../utils/fetchJSON';
 import { joinPath } from '../../utils/url';
 import { useDebouncedEffect } from '../../utils/useDebouncedEffect';
-import { CorpusItem, search, SearchIndex } from './search';
+import { CorpusItem, SearchIndex, search } from './search';
 
 const SEARCH_INDEX_FILENAME = 'search.index.json';
-const DEFAULT_BASE_PATH = ['/'];
 
 export type SearchResult = Array<CorpusItem[]>; // List of pages (CorpusItem) per base path from "basePathList"
 
 interface SearchParams {
-  basePathList?: string[];
+  basePathList: Nullable<string[]>;
   initialQuery?: string;
-  wasOpened?: boolean;
 }
 
 export interface SearchInputProps {
@@ -22,9 +21,8 @@ export interface SearchInputProps {
 }
 
 export const useSearch = ({
-  basePathList = DEFAULT_BASE_PATH,
+  basePathList,
   initialQuery = '',
-  wasOpened,
 }: SearchParams): [SearchResult | null, SearchInputProps] => {
   const [query, setQuery] = useState(initialQuery || '');
 
@@ -34,12 +32,7 @@ export const useSearch = ({
     }
   }, [initialQuery]);
 
-  const key = useMemo(
-    () => basePathList.map((_) => (wasOpened ? _ : null)), // Load search index on very first search
-    [wasOpened, basePathList],
-  );
-
-  const { data } = useAsyncData(key, fetchSearchIndex);
+  const { data } = useAsyncData(basePathList?.length ? basePathList : null, fetchSearchIndex);
 
   const [result, setResult] = useState<SearchResult | null>(null);
 

package/src/ui-kit/DialogManager/DialogManager.tsx

@@ -37,8 +37,10 @@ export const DialogManager = JSX(() => {
   useEffect(() => {
     if (dialogs.length) {
       globalThis.document?.body.classList.add('no-scrollbar');
+      globalThis.document?.body.classList.add('overflow-hidden');
     } else {
       globalThis.document?.body.classList.remove('no-scrollbar');
+      globalThis.document?.body.classList.remove('overflow-hidden');
     }
   }, [dialogs]);