@redneckz/wildless-cms-uni-blocks 0.13.5 → 0.13.7

package/mobile/lib/ui-kit/DialogManager/useDialogsList.js

@@ -0,0 +1,34 @@
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
+import { useList } from '../../hooks/useList.js';
+import { assertUnreachable } from '../../utils/assertUnreachable.js';
+export const useDialogsList = ({ onCloseAll, onClose, } = {}) => {
+    const [dialogs, { push, pop, clear }] = useList();
+    const closeAll = useCallback(() => {
+        onCloseAll && onCloseAll(dialogs);
+        clear();
+    }, [dialogs, onCloseAll]);
+    const close = useCallback(() => {
+        onClose && onClose(dialogs[dialogs.length - 1]);
+        pop();
+    }, [dialogs, onClose]);
+    useEffect(() => defaultEventBus.subscribe('dialog', (action) => {
+        switch (action.type) {
+            case 'open':
+                push(action);
+                break;
+            case 'close':
+                if (action.all) {
+                    closeAll();
+                }
+                else {
+                    close();
+                }
+                break;
+            default:
+                assertUnreachable(action);
+        }
+    }), [closeAll, close]);
+    return dialogs;
+};
+//# sourceMappingURL=useDialogsList.js.map

package/mobile/lib/ui-kit/DialogManager/useDialogsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogsList.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/useDialogsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAQlE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,OAAO,MACe,EAAE,EAAsB,EAAE;IAChD,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,EAAoB,CAAC;IAEpE,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;QAClC,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAChD,GAAG,EAAE,CAAC;IACR,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;QAC7C,QAAQ,MAAM,CAAC,IAAI,EAAE;YACnB,KAAK,MAAM;gBACT,IAAI,CAAC,MAAM,CAAC,CAAC;gBACb,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,MAAM,CAAC,GAAG,EAAE;oBACd,QAAQ,EAAE,CAAC;iBACZ;qBAAM;oBACL,KAAK,EAAE,CAAC;iBACT;gBACD,MAAM;YACR;gBACE,iBAAiB,CAAC,MAAM,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC,EACJ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/mobile/lib/ui-kit/TabsControl/TabItem.d.ts

@@ -1,11 +1,14 @@
 import type { LinkProps } from '../../model/LinkProps';
+import type { VNode } from '../../model/VNode';
 import type { TabsControlProps } from './TabsControlProps';
-export declare type TabItemBase = LinkProps;
+export interface TabItemBase extends LinkProps {
+    appendRight?: VNode;
+}
 export declare type TabType = 'default' | 'underlined' | 'rounded';
 export interface TabItemProps {
     item?: TabItemBase;
     isActive?: boolean;
-    onClick?: TabsControlProps['onChange'];
     type?: TabType;
+    onClick?: TabsControlProps['onChange'];
 }
 export declare const TabItem: import("@redneckz/uni-jsx").UNIComponent<TabItemProps, any, any>;

package/mobile/lib/ui-kit/TabsControl/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAe9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/TabsControl/TabItemInner.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 import { Text } from '../Text/Text.js';
@@ -25,7 +25,7 @@ const activeTabBgStyleMap = {
 };
 export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
     const Tag = tag;
-    const { text, ...link } = item;
-    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: _jsx(Text, { size: "text-m", children: text }) }) }));
+    const { text, appendRight, ...link } = item;
+    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [_jsx(Text, { size: "text-m", children: text }), appendRight ? _jsx("div", { className: "ml-xs", children: appendRight }) : null] }) }));
 });
 //# sourceMappingURL=TabItemInner.js.map

package/mobile/lib/ui-kit/TabsControl/TabItemInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,cACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,GAC7B,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5C,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,eACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,EAChC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/components/Blocks.ts

@@ -1,6 +1,7 @@
 import type { BlocksRegistry } from '../model/BlocksRegistry';
 import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
+import { Bonus } from './Bonus/Bonus';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
 import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
 import { Calculator } from './Calculator/Calculator';
@@ -9,6 +10,7 @@ import { Carousel } from './Carousel/Carousel';
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard/CarouselBankHistoryCard';
 import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
+import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselProductCard } from './CarouselProductCard/CarouselProductCard';
 import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
@@ -27,6 +29,7 @@ import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
 import { ProductTile } from './ProductTile/ProductTile';
+import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
 import { SafeDepositRental } from './SafeDepositRental/SafeDepositRental';
@@ -40,6 +43,7 @@ import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 export const Blocks: BlocksRegistry = {
   ApplicationForm,
   BenefitsBlock,
+  Bonus,
   BonusBenefitsBlock,
   ButtonsBlock,
   Calculator,
@@ -48,6 +52,7 @@ export const Blocks: BlocksRegistry = {
   CarouselBankHistoryCard,
   CarouselCard,
   CarouselCatalogCard,
+  CarouselLinks,
   CarouselProductCard,
   CarouselProgramsCard,
   CarouselRecommendationCard,
@@ -66,6 +71,7 @@ export const Blocks: BlocksRegistry = {
   ProductBlock,
   ProductGallery,
   ProductTile,
+  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
   SafeDepositRental,

package/mobile/src/components/Bonus/Bonus.tsx

@@ -4,7 +4,6 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Headline } from '../Headline/Headline';
 import type { BonusContent, BonusCountDef, BonusImageDef } from './BonusContent';
 
@@ -29,18 +28,13 @@ export const Bonus = JSX<BonusProps>(
                   className="space-y-xs flex flex-col grow w-full sm:w-[49%] border border-gray p-m"
                 >
                   <div className="grow">
-                    {_?.title ? (
-                      <div className="mb-xs last:mb-0">
-                        <Text size="text-h4">{_.title}</Text>
-                      </div>
-                    ) : null}
-                    {_?.description ? (
-                      <div className="mb-text last:mb-0">
-                        <Paragraph size="text-xl" font="font-light">
-                          {_.description}
-                        </Paragraph>
-                      </div>
-                    ) : null}
+                    <Headline
+                      title={_?.title}
+                      description={_?.description}
+                      headlineVersion="S"
+                      isEmbedded={true}
+                      align="text-left"
+                    />
                   </div>
                   <div className="flex justify-center sm:justify-between sm:items-end">
                     <div className="hidden sm:block">{renderButtonsSection(_?.buttons)}</div>

package/mobile/src/components/ButtonsBlock/ButtonsBlock.tsx

@@ -4,11 +4,28 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { style } from '../../utils/style';
 import type { ButtonsBlockContent } from './ButtonsBlockContent';
+import type { Align } from '../../model/Align';
 
 interface ButtonsBlockProps extends ButtonsBlockContent, UniBlockProps {}
 
-export const ButtonsBlock = JSX<ButtonsBlockProps>(({ buttons, className, ...rest }) => (
-  <BlockWrapper className={style('!bg-transparent', className)} defaultPadding="p-0" {...rest}>
-    {renderButtonsSection(buttons)}
-  </BlockWrapper>
-));
+const alignStyleMap: Record<Align, string> = {
+  start: 'justify-start',
+  center: 'justify-center',
+  end: 'justify-end',
+};
+
+export const ButtonsBlock = JSX<ButtonsBlockProps>(
+  ({ buttons, className = '', align, ...rest }) => {
+    const alignStyle = align ? style('flex', alignStyleMap[align]) : '';
+
+    return (
+      <BlockWrapper
+        className={style('!bg-transparent', alignStyle, className)}
+        defaultPadding="p-0"
+        {...rest}
+      >
+        {renderButtonsSection(buttons)}
+      </BlockWrapper>
+    );
+  },
+);

package/mobile/src/components/ButtonsBlock/ButtonsBlockContent.ts

@@ -1,4 +1,5 @@
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import type { Align } from '../../model/Align';
 
 /**
  * @title Блок кнопок
@@ -6,4 +7,5 @@ import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 export interface ButtonsBlockContent {
   /** @title Кнопки */
   buttons?: ButtonContent[];
+  align?: Align;
 }

package/mobile/src/components/CarouselEventCard/CarouselEventCard.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
-import { Text } from '../../ui-kit/Text/Text';
 import type { CarouselEventCardContent } from './CarouselEventCardContent';
+import { Headline } from '../Headline/Headline';
 
 export interface CarouselEventCardProps extends CarouselEventCardContent, UniBlockProps {}
 
@@ -16,16 +15,15 @@ export const CarouselEventCard = JSX<CarouselEventCardProps>(
         <LinkWrapper className="flex flex-col" href={href} target={target}>
           {icon?.icon ? <Img image={icon} /> : null}
           {icon?.src ? <Img image={icon} /> : null}
-          {title ? (
-            <Heading headingType="h6" as="h4" className="text-left mt-s ml-s mb-xs" title={title} />
-          ) : null}
-          {description ? (
-            <div className="ml-s mb-m">
-              <Text font="font-light" size="text-m" color="text-secondary-text">
-                {description}
-              </Text>
-            </div>
-          ) : null}
+          <div className="p-s">
+            <Headline
+              title={title}
+              description={description}
+              headlineVersion="XS"
+              isEmbedded={true}
+              align="text-left"
+            />
+          </div>
         </LinkWrapper>
       </BlockWrapper>
     );

package/mobile/src/components/CarouselProductCard/CarouselProductCardContent.ts

@@ -1,9 +1,12 @@
 import type { BulletsProps } from '../../model/Bullets';
-import type { AdditionalDescriptionProps, HeadlineSmallProps } from '../../model/HeadlineType';
+import type {
+  AdditionalDescriptionProps,
+  AlignProps,
+  HeadlineSmallProps,
+} from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
 import type { LinkCommonProps } from '../../model/LinkProps';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
@@ -22,10 +25,10 @@ export type CarouselProductCardContent = UniBlockContent &
   AdditionalDescriptionProps &
   IconProps &
   BulletsProps &
-  LinkCommonProps & {
+  LinkCommonProps &
+  AlignProps & {
     /** @title Список */
     items?: ListProps[];
-    align?: TextAlign;
     /** @title  Изображение на всю ширину */
     isImageFullWidth?: boolean;
     /**  @title  Картинка сверху над текстом */

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -1,9 +1,8 @@
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { AlignProps, HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkCommonProps } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 export type RecommendationSocialMedia = LinkCommonProps & IconProps & ButtonContent;
@@ -15,8 +14,8 @@ export type CarouselRecommendationCardContent = UniBlockContent &
   HeadlineCommonProps &
   ListContent &
   IconProps &
-  LinkCommonProps & {
+  LinkCommonProps &
+  AlignProps & {
     /** @title Соц сети */
     socialMedia?: RecommendationSocialMedia[];
-    align?: TextAlign;
   };

package/mobile/src/components/ErrorBlock/ErrorBlock.tsx

@@ -1,12 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import { Text } from '../../ui-kit/Text/Text';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
 import type { ErrorBlockContent } from './ErrorBlockContent';
+import { Headline } from '../Headline/Headline';
 
 export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
@@ -33,14 +32,7 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
       {...rest}
     >
       <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
-      {title ? <Heading headingType="h1" className="text-left" title={title} /> : null}
-      {subtitle ? (
-        <div className="max-w-[613px] text-center">
-          <Text size="text-xl" font="font-light">
-            {subtitle}
-          </Text>
-        </div>
-      ) : null}
+      <Headline title={title} description={subtitle} headlineVersion="XL" isEmbedded={true} />
       {button?.text ? (
         <Button className="py-4 px-9" version={button?.version} {...button}>
           {button.text}

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

@@ -2,16 +2,17 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Text } from '../../ui-kit/Text/Text';
 import type { FooterLink } from './FooterLink';
 import { TextInformationLink } from './TextInformationLink';
+import { style } from '../../utils/style';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
-  <div className={className}>
+  <div className={style('@container', className)}>
     <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 flex-col sm:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
+      <div className="flex flex-col @lg:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

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

@@ -1,16 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useRouter } from '../../hooks/useRouter';
-import { findActiveSubItem } from './findActiveSubItem';
-import { DropdownMenu } from './DropdownMenu';
-import { HeaderSubMenuItem } from './HeaderSubMenuItem';
 import { projectSettings } from '../../ProjectSettings';
-import { HeaderChatBotButton } from './HeaderChatBotButton';
-import { InternetBankButton } from './InternetBankButton';
-import type { LinkProps } from '../../model/LinkProps';
 import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
+import { useRouter } from '../../hooks/useRouter';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { IconVersion } from '../../model/IconVersion';
+import type { LinkProps } from '../../model/LinkProps';
+import { DropdownMenu } from './DropdownMenu';
+import { HeaderChatBotButton } from './HeaderChatBotButton';
+import { HeaderSubMenuItem } from './HeaderSubMenuItem';
+import { InternetBankButton } from './InternetBankButton';
+import { findActiveSubItem } from './findActiveSubItem';
 
 export interface HeaderSubMenuProps {
   version?: BlockVersion;
@@ -68,14 +68,16 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
             activeItem={activeSubItem}
           />
         ) : null}
-        {projectSettings.CHAT_BOT ? (
-          <HeaderChatBotButton
-            className="ml-4xl"
-            iconVersion={iconVersion}
-            chat={projectSettings.CHAT_BOT}
-          />
-        ) : null}
-        <InternetBankButton version={version} internetBankUrl={internetBankUrl} />
+        <div className="flex">
+          {projectSettings.CHAT_BOT ? (
+            <HeaderChatBotButton
+              className="ml-4xl"
+              iconVersion={iconVersion}
+              chat={projectSettings.CHAT_BOT}
+            />
+          ) : null}
+          <InternetBankButton version={version} internetBankUrl={internetBankUrl} />
+        </div>
       </nav>
     );
   },

package/mobile/src/components/Headline/Headline.example.json

@@ -2,7 +2,7 @@
   "content": {
     "title": "Заголовок",
     "description": "Описание",
-    "align": "center",
+    "align": "text-center",
     "headlineVersion": "M"
   }
 }

package/mobile/src/components/HorizontalLayout/HorizontalLayoutContent.ts

@@ -13,6 +13,8 @@ export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
 export type HorizontalLayoutContent = UniBlockContent & {
   colorPalette?: ColorPalette;
   gap?: GapVersion;
+  /** @title контур на дочерних элементах */
+  isCardBorder?: boolean;
   /** @title Внутренний отступ компоновщика */
   isPadding?: boolean;
 };

package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -83,7 +83,7 @@ const renderInvestmentColumn = (
       {column.cells?.length ? (
         <div
           className={`w-full ${
-            isLastColumn ? 'border-4 border-green-more-dark p-2xs min-w-[292px]' : ''
+            isLastColumn ? 'border-4 border-green-more-dark p-2xs min-w-72' : ''
           }`}
         >
           {column.cells.reverse().map(renderInvestmentCell)}

package/mobile/src/components/LinkDocs/LinkDocsContent.ts

@@ -1,10 +1,9 @@
 import { Attachment } from '../../model/Attachment';
 import { EmptyOption } from '../../model/EmptyOptionType';
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { AlignProps, HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps, Target } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
 
 /**
  * @title Отображение списка
@@ -52,10 +51,9 @@ export type DocBlockDef = EmptyOption | LinkDocDef | AttachmentDocDef;
  */
 export type LinkDocsContent = UniBlockContent &
   HeadlineCommonProps &
-  IconProps & {
+  IconProps &
+  AlignProps & {
     /** @title Список */
     documents?: DocBlockDef[];
     columnsMode?: LinkColumnsMode;
-    /** @title Выравнивание */
-    align?: TextAlign;
   };

package/mobile/src/components/MortgageFiltration/MortgageFiltration.tsx

@@ -1,60 +1,45 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BaseFiltrationInner } from '../../ui-kit/BaseFiltration/BaseFiltrationInner';
 import { renderFiltrationForm } from '../../ui-kit/BaseFiltration/renderFiltrationForm';
+import { useHotFilters } from '../../ui-kit/BaseFiltration/useHotFilters';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import type { TabItemBase } from '../../ui-kit/TabsControl/TabItem';
 import { TabsControl } from '../../ui-kit/TabsControl/TabsControl';
 import { style } from '../../utils/style';
-import { hotFilterRecordCmp } from './HotFilterRecord';
 import type {
   MortgageFiltrationContent,
   MortgageFiltrationSchema,
 } from './MortgageFiltrationContent';
 
-interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
+type MortgageFiltrationState = Partial<Record<keyof MortgageFiltrationSchema, string[]>>;
 
-const initialFiltrationState: Partial<Record<keyof MortgageFiltrationSchema, string[]>> = {
+const initialFiltrationState: MortgageFiltrationState = {
   categories: [],
   extraOptions: [],
   propertyType: [],
   stage: [],
 };
 
+interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
+
 export const MortgageFiltration: JSXBlock<MortgageFiltrationProps> = JSX<MortgageFiltrationProps>(
-  ({ className, hotFilters = [], filtrationSchema = {}, resetButton, ...rest }) => {
+  ({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
     const [filtrationState, { field, reset, update: replaceFiltrationState }] =
       useForm(initialFiltrationState);
 
-    const tabsControlItems: TabItemBase[] = useMemo(
-      () =>
-        hotFilters.map(({ text }) => ({
-          text,
-        })),
-      [hotFilters],
+    const handleFiltrationStateChange = useCallback(
+      (_: MortgageFiltrationState = initialFiltrationState) => replaceFiltrationState(_),
+      [],
     );
 
-    const [hotFilterIndex, setHotFilterIndex] = useState(0);
-
-    const handleHotFilterSelect = useCallback(
-      (_: TabItemBase) => {
-        setHotFilterIndex(tabsControlItems.indexOf(_));
-        replaceFiltrationState(
-          hotFilters[tabsControlItems.indexOf(_)].filter || initialFiltrationState,
-        );
-      },
-      [hotFilters, tabsControlItems],
-    );
-
-    useEffect(() => {
-      const suggestedHotFilterIndex = hotFilters.findIndex((_) =>
-        hotFilterRecordCmp(_.filter, filtrationState),
-      );
-
-      setHotFilterIndex(suggestedHotFilterIndex !== -1 ? suggestedHotFilterIndex : 0);
-    }, [hotFilters, filtrationState]);
+    const tabsControlProps = useHotFilters({
+      hotFilters,
+      filtrationState,
+      blocks: rest.block?.blocks,
+      onFiltrationStateChange: handleFiltrationStateChange,
+    });
 
     return (
       <BlockWrapper
@@ -63,12 +48,7 @@ export const MortgageFiltration: JSXBlock<MortgageFiltrationProps> = JSX<Mortgag
         version="transparent"
         {...rest}
       >
-        <TabsControl
-          className="mb-2xs"
-          items={tabsControlItems}
-          value={tabsControlItems[hotFilterIndex]}
-          onChange={handleHotFilterSelect}
-        />
+        <TabsControl {...tabsControlProps} />
         {renderFiltrationForm({ field, reset, filtrationSchema, resetButton })}
         <BaseFiltrationInner filtrationState={filtrationState} {...rest} />
       </BlockWrapper>

package/mobile/src/components/MortgageFiltration/MortgageFiltrationContent.ts

@@ -2,7 +2,7 @@ import type {
   BaseFiltrationInnerContent,
   StringArray,
 } from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
-import type { HotFilterRecord } from './HotFilterRecord';
+import type { HotFilterBase } from '../../ui-kit/BaseFiltration/HotFilterBase';
 
 export type MortgageFiltrationSchema = {
   /** @title Тип недвижимости */
@@ -15,14 +15,18 @@ export type MortgageFiltrationSchema = {
   extraOptions?: StringArray;
 };
 
-/**
- * @title Кнопка фильтрации
- */
-export interface HotFilterButton {
-  /** @title Текст */
-  text?: string;
+export interface MortgageFiltrationHotFilter extends HotFilterBase {
   /** @title Применяемые фильтры */
-  filter?: HotFilterRecord;
+  filter?: {
+    /** @title Тип недвижимости */
+    propertyType?: string[];
+    /** @title Этап строительства */
+    stage?: string[];
+    /** @title Категории */
+    categories?: string[];
+    /** @title Дополнительно */
+    extraOptions?: string[];
+  };
 }
 
 /**
@@ -32,5 +36,5 @@ export interface MortgageFiltrationContent extends BaseFiltrationInnerContent {
   /** @title Параметры фильтрации */
   filtrationSchema?: MortgageFiltrationSchema;
   /** @title Горячие фильтры */
-  hotFilters?: HotFilterButton[];
+  hotFilters?: MortgageFiltrationHotFilter[];
 }

package/mobile/src/components/ParagraphBlock/ParagraphBlockContent.ts

@@ -1,13 +1,14 @@
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { FontWeight, TextAlign, TextSize } from '../../ui-kit/Text/TextProps';
+import type { FontWeight, TextSize } from '../../ui-kit/Text/TextProps';
+import type { AlignProps } from '../../model/HeadlineType';
 
 /**
  * @title Параграф
  */
-export type ParagraphBlockContent = UniBlockContent & {
-  size?: TextSize;
-  align?: TextAlign;
-  font?: FontWeight;
-  /** @title Текст */
-  text?: string;
-};
+export type ParagraphBlockContent = UniBlockContent &
+  AlignProps & {
+    size?: TextSize;
+    font?: FontWeight;
+    /** @title Текст */
+    text?: string;
+  };

package/mobile/src/icons/CourtHouseIcon.svg

@@ -0,0 +1 @@
+<svg title="Здание суда" isInverse="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#1C1C1C" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M2 22h20M12 2c1.6.64 3.4.64 5 0v3c-1.6.64-3.4.64-5 0V2ZM12 5v3M4 15.91V22h16V11c0-2-1-3-3-3H7c-2 0-3 1-3 3v1M4 12h15.42"/><path stroke="#1C1C1C" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M7.992 12v10M11.992 12v10M15.992 12v10"/></svg>