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

package/mobile/lib/ui-kit/InnerTable/InnerTableButton.d.ts

@@ -0,0 +1,6 @@
+import { UniBlockProps } from '../../types';
+import type { TariffsTableInnerEvent } from './InnerTableProps';
+export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockProps {
+    isOpen?: boolean;
+}
+export declare const TableInnerButton: import("@redneckz/uni-jsx").UNIComponent<TableInnerButtonProps, any, any>;

package/mobile/lib/ui-kit/InnerTable/InnerTableButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../../EventBus/EventBus.js';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+export const TableInnerButton = JSX(({ isOpen, dataUrl, rowIdx, cellIdx, fieldIdx }) => {
+    const handleClick = () => {
+        EventBus.inst.fire('tariffInnerTable', { dataUrl, rowIdx, cellIdx, fieldIdx });
+    };
+    return (_jsxs(Button, { version: "primary", onClick: handleClick, className: "w-full flex items-center justify-center rounded-none py-5 ", children: [_jsx("div", { className: "text-h4", children: isOpen ? 'Скрыть' : 'Показать ставки по вкладу' }), _jsx(Icon, { name: isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon', className: "ml-3", iconVersion: "white", width: "20", height: "20", asSVG: true })] }));
+});
+//# sourceMappingURL=InnerTableButton.js.map

package/mobile/lib/ui-kit/InnerTable/InnerTableButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerTableButton.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4DAA4D,aAEtE,cAAK,SAAS,EAAC,SAAS,YAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAA2B,GAAO,EAChF,KAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAC9C,SAAS,EAAC,MAAM,EAChB,WAAW,EAAC,OAAO,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,IACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.d.ts

@@ -0,0 +1,7 @@
+export interface InnerTableHeaderProps {
+    currencies?: string[];
+    linkToPDF?: string;
+    activeTabIndex: number;
+    setActiveTabIndex: (idx: number) => void;
+}
+export declare const InnerTableHeader: import("@redneckz/uni-jsx").UNIComponent<InnerTableHeaderProps, any, any>;

package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../Button/Button.js';
+import { Img } from '../Img/Img.js';
+export const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (_jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (_jsx("div", { className: "flex bg-secondary-light p-1 rounded-md", children: currencies.map((currency, idx) => (_jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (_jsxs(Button, { href: linkToPDF, version: "secondary", className: "flex justify-center items-center text-l-light text-primary-main px-8", children: [_jsx(Img, { image: "DocDownload", className: "mr-[10px]", width: "24", height: "24", asSVG: true }), _jsx("span", { children: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })] })) : null] })));
+//# sourceMappingURL=InnerTableHeader.js.map

package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AASjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,eAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,cAAK,SAAS,EAAC,wCAAwC,YACpD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,MAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,sEAAsE,aAEhF,KAAC,GAAG,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,EAC9E,mFAA0B,IACnB,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/InnerTable/InnerTableProps.d.ts

@@ -0,0 +1,24 @@
+import type { TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
+export declare type RowsData = {
+    data?: string;
+    cols?: string[];
+};
+export declare type DataItem = {
+    title?: string;
+    rowsData?: RowsData[][];
+};
+export declare type TableData = {
+    currency?: string;
+    items?: DataItem[];
+};
+export declare type TableFetchData = {
+    tableData?: TableData[];
+};
+export interface TariffsTableInnerContent {
+    /** @title Справочник */
+    dataUrl?: string;
+    /** @title Ссылка PDF-файл */
+    pdfUrl?: string;
+}
+export interface TariffsTableInnerEvent extends Partial<TariffsTableCellIndexProps>, TariffsTableInnerContent {
+}

package/mobile/lib/ui-kit/InnerTable/InnerTableProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InnerTableProps.js.map

package/mobile/lib/ui-kit/InnerTable/InnerTableProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerTableProps.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableProps.ts"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/List/List.js

@@ -8,9 +8,13 @@ const TEXT_STYLE_MAP = {
     tile: 'text-primary-text',
     'tile-white': 'text-white',
 };
+const TEXT_SIZE_MAP = {
+    M: 'text-xl-light',
+    L: 'text-h5-light',
+};
 export const List = JSX((props) => {
-    const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
-    return (_jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${className}`, role: "list", children: items?.length
+    const { className = '', itemClassName, isDotted, items, listItemSize = 'M', version = 'primary', } = props;
+    return (_jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className}`, role: "list", children: items?.length
             ? items.map((_, i) => (_jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
             : null }));
 });

package/mobile/lib/ui-kit/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,cAAc,GAAoC;IACtD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,YAAY;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtF,OAAO,CACL,kBAAS,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EAAE,IAAI,EAAC,MAAM,YACvE,KAAK,EAAE,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,CAAC,IALG,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC;YACJ,CAAC,CAAC,IAAI,GACA,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,cAAc,GAAoC;IACtD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,YAAY;CAC3B,CAAC;AAEF,MAAM,aAAa,GAAiC;IAClD,CAAC,EAAE,eAAe;IAClB,CAAC,EAAE,eAAe;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,aAAa,EACb,QAAQ,EACR,KAAK,EACL,YAAY,GAAG,GAAG,EAClB,OAAO,GAAG,SAAS,GACpB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,SAAS,EAAE,EACnF,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,CAAC,IALG,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC;YACJ,CAAC,CAAC,IAAI,GACA,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/List/ListProps.d.ts

@@ -1,4 +1,9 @@
 import type { ListContent } from './ListContent';
+/**
+ * @title Размер пунктов списка
+ * @enumNames ["Средний", "Большой"]
+ */
+export declare type ListItemSize = 'M' | 'L';
 /**
  * @title Версия списка
  * @enumNames ["Основной", "Второстепенный", "Серый"]
@@ -8,9 +13,12 @@ export declare type ListItemVersion = 'primary' | 'secondary' | 'gray' | 'tile'
  * @title Содержимое списка
  */
 export interface ListProps extends ListContent {
+    /** @hidden */
     className?: string;
+    /** @hidden */
+    itemClassName?: string;
     /** @title Буллиты */
     isDotted?: boolean;
+    listItemSize?: ListItemSize;
     version?: ListItemVersion;
-    itemClassName?: string;
 }

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -18,7 +18,7 @@ export const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction,
 });
 const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
-        return;
+        return undefined;
     }
     const leftIndexMod = 1 - indexFraction;
     const rightIndexMod = indexFraction;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACzC,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACjC,cAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO;KACR;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACzC,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACjC,cAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}

package/mobile/lib/ui-kit/TopItem/TopItem.d.ts

@@ -1,4 +1,4 @@
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 export interface TopItemContent extends LinkProps {
     active?: boolean;

package/mobile/lib/ui-kit/TopItem/TopItem.js

@@ -11,8 +11,8 @@ const getLinkClasses = (bgColor, active = false, flat = false) => {
     return `${classes} ${LINK_CLASSES} ${flat ? '' : 'px-4 py-2'}`;
 };
 const getTextClasses = (bgColor, active = false, flat = false) => {
-    if (bgColor !== 'bg-white') {
-        return `text-white ${TEXT_CLASSES}`;
+    if (bgColor === 'transparent') {
+        return `text-white hover:text-primary-hover ${TEXT_CLASSES}`;
     }
     const nonActiveAtoms = `${flat ? 'text-primary-text' : 'text-secondary-text'} hover:text-primary-main`;
     return `${active ? 'text-primary-main' : nonActiveAtoms} ${TEXT_CLASSES}`;

package/mobile/lib/ui-kit/TopItem/TopItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TopItem/TopItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAiBxC,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAC9C,MAAM,YAAY,GAAG,0EAA0E,CAAC;AAEhG,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,UAAU,GACrB,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,SAAS,EAAE,EAClE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,qBAAqB,gBACb,SAAS,YAErB,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,GAC/E,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,IAAI,OAAO,GAAG,oBAAoB,CAAC;IACnC,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,cAAc,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;KAC3F;IAED,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,IAAI,OAAO,KAAK,UAAU,EAAE;QAC1B,OAAO,cAAc,YAAY,EAAE,CAAC;KACrC;IACD,MAAM,cAAc,GAAG,GACrB,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAC/B,0BAA0B,CAAC;IAE3B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAAI,YAAY,EAAE,CAAC;AAC5E,CAAC,CAAC"}
+{"version":3,"file":"TopItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TopItem/TopItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAiBxC,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAC9C,MAAM,YAAY,GAAG,0EAA0E,CAAC;AAEhG,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,UAAU,GACrB,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,SAAS,EAAE,EAClE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,qBAAqB,gBACb,SAAS,YAErB,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,GAC/E,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,IAAI,OAAO,GAAG,oBAAoB,CAAC;IACnC,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,cAAc,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;KAC3F;IAED,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,IAAI,OAAO,KAAK,aAAa,EAAE;QAC7B,OAAO,uCAAuC,YAAY,EAAE,CAAC;KAC9D;IACD,MAAM,cAAc,GAAG,GACrB,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAC/B,0BAA0B,CAAC;IAE3B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAAI,YAAY,EAAE,CAAC;AAC5E,CAAC,CAAC"}

package/mobile/lib/utils/assertUnreachable.d.ts

@@ -0,0 +1 @@
+export declare function assertUnreachable(x: never): never;

package/mobile/lib/utils/assertUnreachable.js

@@ -0,0 +1,4 @@
+export function assertUnreachable(x) {
+    throw new Error(x);
+}
+//# sourceMappingURL=assertUnreachable.js.map

package/mobile/lib/utils/assertUnreachable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertUnreachable.js","sourceRoot":"","sources":["../../src/utils/assertUnreachable.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,CAAQ;IACxC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;AACrB,CAAC"}

package/mobile/lib/utils/fetchJSON.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchJSON<R = unknown>(url: string, options?: RequestInit): Promise<R | null>;
+export declare function fetchJSONUnsafe<R = unknown>(url: string, options?: RequestInit): Promise<R>;

package/mobile/lib/utils/fetchJSON.js

@@ -0,0 +1,20 @@
+export async function fetchJSON(url, options) {
+    try {
+        return await fetchJSONUnsafe(url, options);
+    }
+    catch (err) {
+        console.error(err);
+    }
+    return null;
+}
+export async function fetchJSONUnsafe(url, options) {
+    const response = await fetch(url, {
+        ...options,
+        headers: {
+            ...options?.headers,
+            'Content-Type': 'application/json',
+        },
+    });
+    return await response.json();
+}
+//# sourceMappingURL=fetchJSON.js.map

package/mobile/lib/utils/fetchJSON.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchJSON.js","sourceRoot":"","sources":["../../src/utils/fetchJSON.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,SAAS,CAC7B,GAAW,EACX,OAAqB;IAErB,IAAI;QACF,OAAO,MAAM,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KAC5C;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KACpB;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CAAc,GAAW,EAAE,OAAqB;IACnF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;QAChC,GAAG,OAAO;QACV,OAAO,EAAE;YACP,GAAG,OAAO,EAAE,OAAO;YACnB,cAAc,EAAE,kBAAkB;SACnC;KACF,CAAC,CAAC;IAEH,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC/B,CAAC"}

package/mobile/lib/utils/roundTo.d.ts

@@ -1 +1 @@
-export declare const roundTo: (value: number, precision?: number) => number;
+export declare const roundTo: (value: number | string, precision?: number) => number;

package/mobile/lib/utils/roundTo.js

@@ -1,5 +1,5 @@
 export const roundTo = (value, precision = 2) => {
-    const factor = Math.pow(10, precision);
+    const factor = 10 ** precision;
     return Math.round(parseFloat(String(value)) * factor) / factor;
 };
 //# sourceMappingURL=roundTo.js.map

package/mobile/lib/utils/roundTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"roundTo.js","sourceRoot":"","sources":["../../src/utils/roundTo.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,SAAS,GAAG,CAAC,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IAEvC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC;AACjE,CAAC,CAAC"}
+{"version":3,"file":"roundTo.js","sourceRoot":"","sources":["../../src/utils/roundTo.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAsB,EAAE,SAAS,GAAG,CAAC,EAAE,EAAE;IAC/D,MAAM,MAAM,GAAG,EAAE,IAAI,SAAS,CAAC;IAE/B,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC;AACjE,CAAC,CAAC"}

package/mobile/src/EventBus/EventMap.ts

@@ -1,5 +1,6 @@
 import type { TabActivationEvent } from '../components/Tabs/Tabs';
-
+import type { TariffsTableInnerEvent } from '../ui-kit/InnerTable/InnerTableProps';
 export interface EventMap {
   tab: TabActivationEvent;
+  tariffInnerTable: TariffsTableInnerEvent;
 }

package/mobile/src/components/Accordion/AccordionItem.tsx

@@ -25,11 +25,13 @@ export const AccordionItem = JSX<AccordionItemProps>(
             }`}
           >
             {labelIcon ? (
-              <Img image={labelIcon} width="24" height="24" asSVG className="mr-3" />
+              <Img image={labelIcon} className="mr-3 flex-shrink-0" width="24" height="24" asSVG />
             ) : null}
             {label}
           </span>
-          {hasContent ? <Img className="w-6" image={icon} width="24" height="24" asSVG /> : null}
+          {hasContent ? (
+            <Img className="flex-shrink-0" image={icon} width="24" height="24" asSVG />
+          ) : null}
         </button>
         {hasContent ? <AccordionItemInner blocks={blocks} context={context} /> : null}
       </li>

package/mobile/src/components/BaseTile/BaseTile.tsx

@@ -10,9 +10,9 @@ export const BaseTile = JSX<BaseTileProps>(
       <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
         {title}
         <div className="flex grow w-full justify-between">
-          <div className="flex flex-col w-full">
+          <div className="flex flex-col justify-between w-full">
             <div>{children}</div>
-            {buttons ? <div className="mt-9">{buttons}</div> : null}
+            {buttons ? <div className="mt-auto">{buttons}</div> : null}
           </div>
           {image}
         </div>

package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import type { TitleProp } from '../../model/HeadlineType';
+import type { TitleProps } from '../../model/HeadlineType';
 import type { EmptyOption } from '../../model/EmptyOptionType';
 
 /**
@@ -48,7 +48,7 @@ export interface BenefitItemProps {
 /**
  * @title Блок преимущества
  */
-export type BenefitsBlockContent = TitleProp & {
+export type BenefitsBlockContent = TitleProps & {
   /**
    * @title Список преимуществ
    * @maxItems 6

package/mobile/src/components/BlockContent.ts

@@ -6,14 +6,12 @@ import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTil
 import type { FooterContent } from './Footer/FooterContent';
 import type { GalleryContent } from './Gallery/GalleryContent';
 import type { GracePeriodContent } from './GracePeriod/GracePeriodContent';
-import type { GroupBlockContent } from './GroupBlock/GroupBlockContent';
 import type { HeaderContent } from './Header/HeaderContent';
 import type { InsuranceAmountBlockContent } from './InsuranceAmountBlock/InsuranceAmountBlockContent';
 import type { LinkDocsContent } from './LinkDocs/LinkDocsContent';
 import type { LinkListContent } from './LinkList/LinkListContent';
 import type { MobileAppTileContent } from './MobileAppTile/MobileAppTileContent';
 import type { NavigationContent } from './Navigation/NavigationContent';
-import type { NavigatorTabsContent } from './NavigatorTabs/NavigatorTabsContent';
 import type { PictureTextContent } from './PictureText/PictureTextContent';
 import type { PlaceholderContent } from './Placeholder/PlaceholderContent';
 import type { ProductBlockContent } from './ProductBlock/ProductBlockContent';
@@ -22,6 +20,7 @@ import type { ProductTileContent } from './ProductTile/ProductTileContent';
 import type { PromoTileContent } from './PromoTile/PromoTileContent';
 import type { SafeDepositRentalContent } from './SafeDepositRental/SafeDepositRentalContent';
 import type { StepsBlockContent } from './StepsBlock/StepsBlockContent';
+import { TabsContent } from './Tabs/TabsContent';
 import type { TariffsTableContent } from './TariffsTable/TariffsTableContent';
 import type { TextBlockContent } from './TextBlock/TextBlockContent';
 import type { TileContent } from './Tile/TileContent';
@@ -41,7 +40,6 @@ export type BlockContent =
   | InsuranceAmountBlockContent
   | LinkDocsContent
   | MobileAppTileContent
-  | NavigatorTabsContent
   | PictureTextContent
   | PlaceholderContent
   | ProductBlockContent
@@ -54,6 +52,6 @@ export type BlockContent =
   | TileContent
   | NavigationContent
   | LinkListContent
-  | GroupBlockContent
   | BonusBenefitsBlockContent
-  | SafeDepositRentalContent;
+  | SafeDepositRentalContent
+  | TabsContent;

package/mobile/src/components/Calculator/Calculator.tsx

@@ -109,7 +109,7 @@ function renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex
     <div>
       <div
         style={{ transform: `translateX(-${tabsShift * 388}px)` }}
-        className="flex flex-col justify-end items-center h-[126px] pt-[38px] box-border duration-1000"
+        className="flex flex-col justify-end items-center h-[126px] pt-9 box-border duration-1000"
       >
         <div className="w-full flex flex-nowrap items-end gap-2">
           {tabsNav.map((tab, i) =>

package/mobile/src/components/Calculator/useCalculatorParams.ts

@@ -1,16 +1,8 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { fetchJSONUnsafe } from '../../utils/fetchJSON';
 
 export function useCalculatorParams<Data>(dir: string) {
-  const { data } = useAsyncData<Data>(
-    `/wcms-resources/${dir}.json`,
-    fetchCalculatorSourceBookParams,
-  );
+  const { data } = useAsyncData<Data>(`/wcms-resources/${dir}.json`, fetchJSONUnsafe);
 
   return data;
 }
-
-async function fetchCalculatorSourceBookParams<Data>(url: string): Promise<Data> {
-  const response = await fetch(url);
-
-  return await response.json();
-}

package/mobile/src/components/Calculator/useCreditCalculatorParams.ts

@@ -54,12 +54,10 @@ export const useCreditCalculatorParams = (
   const finalRate = moneyValue <= sumBorder ? rateBottomRange : rateTopRange;
   const monthlyPayment = getMonthlyPayment(finalRate, userInputParams);
 
-  const extendedCalculatorParams = {
+  return {
     ...creditCalculatorSourceBookParams,
     ...userInputParams,
     finalRate,
     monthlyPayment,
   };
-
-  return extendedCalculatorParams;
 };

package/mobile/src/components/Catalog/CatalogCard.tsx

@@ -12,6 +12,12 @@ export interface CatalogCardProps extends CatalogCardType, UniBlockProps {
   version?: BlockVersion;
 }
 
+const iconVersionMap = {
+  default: 'normal',
+  primary: 'white',
+  secondary: 'black',
+};
+
 const cardStyleMap: Record<CatalogProductColor, string> = {
   black: 'bg-black',
   white: 'bg-white',
@@ -50,22 +56,23 @@ const renderColorOption = (color: CatalogProductColor, i: number) => (
 );
 
 const renderButton = (button: ButtonWithIconProps) => {
-  const { icon, iconRight, text } = button;
+  const { icon, iconRight, ...other } = button;
 
-  if (!text) {
+  if (!button?.text) {
     return null;
   }
 
-  const leftIcon = renderButtonIcon(icon);
-  const rightIcon = renderButtonIcon(iconRight);
+  const iconVersion = iconVersionMap[button?.version || 'default'];
+  const leftIcon = renderButtonIcon({ ...icon, iconVersion });
+  const rightIcon = renderButtonIcon({ ...iconRight, iconVersion });
 
   return (
-    <Button className="mt-5 w-full" appendLeft={leftIcon} appendRight={rightIcon} {...button} />
+    <Button className="mt-5 w-full" appendLeft={leftIcon} appendRight={rightIcon} {...other} />
   );
 };
 
 const renderButtonIcon = (buttonIcon?: Picture) => {
-  if (!buttonIcon || !buttonIcon.icon) {
+  if (!buttonIcon || (!buttonIcon?.icon && !buttonIcon?.src)) {
     return null;
   }
 

package/mobile/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -1,6 +1,6 @@
 import type { LinkProps } from '../../model/LinkProps';
-import type { Picture } from '../../model/Picture';
 import type { ListOrientation } from '../../model/ListOrientation';
+import type { Picture } from '../../model/Picture';
 
 /**
  * @hidden
@@ -28,7 +28,13 @@ export interface ColumnHeader {
   title?: string;
   /** @title Подзаголовок */
   subtitle?: string;
+  /**
+   * @default { "format": "webp", "size": { "width": 24 } }
+   */
   icon?: Picture;
+  /**
+   * @default { "format": "webp", "size": { "width": 100 } }
+   */
   image?: Picture;
   link?: LinkProps;
 }
@@ -64,6 +70,7 @@ export interface TableColumnData {
 export interface TableColumnHeader {
   /** @title Заголовок */
   title?: string;
+
   icon?: Picture;
 }
 

package/mobile/src/components/ComparisonTable/ComparisonTableRows.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { TableRow } from './TableRow';
+import type { TitleProps } from '../../model/HeadlineType';
 import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
 import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
 import type { CellData } from './ComparisonTableContent';
-import type { TitleProp } from '../../model/HeadlineType';
+import { TableRow } from './TableRow';
 
 type ComparisonTableRowsProps = TableArrowScrollControlProps & {
-  rowData: { header: TitleProp; data: CellData[][] }[];
+  rowData: { header: TitleProps; data: CellData[][] }[];
   activeCardIndex: number;
   isColoredFirstColumn: boolean;
 };

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -16,7 +16,7 @@
   },
   "jsonLd": "json",
   "date": "2022-04-08",
-  "style": ["bg-secondary-light"],
+  "style": ["bg-main-divider"],
   "likeControl": true,
   "slots": {
     "header": {
@@ -554,39 +554,6 @@
         }
       }
     },
-    {
-      "type": "NavigatorTabs",
-      "style": ["col-span-12"],
-      "content": {
-        "navigatorTabs": [
-          {
-            "text": "Калькулятор",
-            "href": "#calculator"
-          },
-          {
-            "text": "Преимущества",
-            "href": "#advantages"
-          },
-          {
-            "text": "Как оформить",
-            "href": "#howToApply"
-          },
-          {
-            "text": "Тарифы",
-            "href": "#tariffs"
-          },
-          {
-            "text": "Документы",
-            "href": "#documents"
-          },
-          {
-            "text": "Урожай",
-            "href": "https://rshb.ru/",
-            "target": "_blank"
-          }
-        ]
-      }
-    },
     {
       "type": "ProductTile",
       "style": ["col-span-6"],

package/mobile/src/components/ContentPage/normalizePage.ts

@@ -7,7 +7,7 @@ export function normalizePage(
   contentPage: ContentPageDef | undefined | null,
 ): ContentPageDef | undefined {
   if (!contentPage) {
-    return;
+    return undefined;
   }
 
   const { blocks, slots } = contentPage;

package/mobile/src/components/Gallery/Gallery.tsx

@@ -1,19 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ListOrientation } from '../../model/ListOrientation';
+import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
+import type { GalleryProps } from './GalleryProps';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { getListStyle } from '../../ui-kit/List/ListItem';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import type { GalleryCard } from './GalleryContent';
-import { GalleryItem } from './GalleryContent';
-import type { GalleryProps } from './GalleryProps';
-
-const blockStyle: Record<BlockVersion, string> = {
-  primary: 'bg-white',
-  secondary: 'bg-primary-main text-white',
-};
+import { VersionStyleMap } from '../../model/BlockVersion';
 
 export const Gallery = JSX<GalleryProps>(
   ({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
@@ -37,7 +32,7 @@ export const Gallery = JSX<GalleryProps>(
   },
 );
 
-function renderCardsLayout(orientation: ListOrientation, cards: GalleryCard[], context) {
+function renderCardsLayout(orientation: ListOrientation, cards: GalleryCardProps[], context) {
   return orientation === 'horizontal' ? (
     <SwipeListControl context={context}>{cards?.map(renderCard)}</SwipeListControl>
   ) : (
@@ -45,11 +40,11 @@ function renderCardsLayout(orientation: ListOrientation, cards: GalleryCard[], c
   );
 }
 
-function renderCard(card: GalleryCard, key: number) {
+function renderCard(card: GalleryCardProps, key: number) {
   return (
     <div
       className={`h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
-      ${blockStyle[card.version ?? 'primary']}`}
+      ${VersionStyleMap[card.version ?? 'primary']}`}
       key={key}
     >
       <div>
@@ -77,7 +72,7 @@ function renderButton(button) {
   );
 }
 
-function renderDescription(card: GalleryCard) {
+function renderDescription(card: GalleryCardProps) {
   return (
     <div
       className={`text-secondary-text mt-1 text-s ${
@@ -89,7 +84,7 @@ function renderDescription(card: GalleryCard) {
   );
 }
 
-function renderItems(items: GalleryItem[], isDotted, version: BlockVersion = 'primary') {
+function renderItems(items: GalleryItemProps[], isDotted, version: BlockVersion = 'primary') {
   return (
     <section className="mt-3">
       {items.map((item, i) => (

package/mobile/src/components/Gallery/GalleryCardInner.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
-import type { GalleryCard, GalleryItem } from './GalleryContent';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
 
-export const GalleryCardInner = JSX<GalleryCard>(
+export const GalleryCardInner = JSX<GalleryCardProps>(
   ({ title, description, image, items, button, version, isDotted = true }) => {
     const titleStyleClasses = getTitleStyle(version);
 
@@ -41,7 +41,11 @@ function renderCardTitle(title: string, className: string) {
   return <div className={`text-xl-light m-0 ${className}`}>{title}</div>;
 }
 
-function renderItems(items: GalleryItem[], isDotted: boolean, version: BlockVersion = 'primary') {
+function renderItems(
+  items: GalleryItemProps[],
+  isDotted: boolean,
+  version: BlockVersion = 'primary',
+) {
   return (
     <List
       className={`max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`}