@redneckz/wildless-cms-uni-blocks 0.12.13 → 0.13.0

package/mobile/lib/ui-kit/SearchDialog/useSearchDialog.d.ts

@@ -0,0 +1,6 @@
+import { DialogOptions } from '../DialogManager/useDialogManager';
+import { SearchDialogProps } from './SearchDialog';
+export declare const useSearchDialog: () => {
+    open: (props?: SearchDialogProps, options?: DialogOptions) => void;
+    close: () => void;
+};

package/mobile/lib/ui-kit/SearchDialog/useSearchDialog.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { useDialogManager } from '../DialogManager/useDialogManager.js';
+import { SearchDialog } from './SearchDialog.js';
+export const useSearchDialog = () => {
+    const { open, close } = useDialogManager();
+    return {
+        open: (props = {}, options = {}) => open(_jsx(SearchDialog, { ...props }), options),
+        close,
+    };
+};
+//# sourceMappingURL=useSearchDialog.js.map

package/mobile/lib/ui-kit/SearchDialog/useSearchDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/useSearchDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO;QACL,IAAI,EAAE,CAAC,QAA2B,EAAE,EAAE,UAAyB,EAAE,EAAE,EAAE,CACnE,IAAI,CAAC,KAAC,YAAY,OAAK,KAAK,GAAI,EAAE,OAAO,CAAC;QAC5C,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}

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

@@ -5,7 +5,7 @@ import { mapChildren } from '../../utils/mapChildren.js';
 import { style } from '../../utils/style.js';
 import { getContainerHeight } from './getContainerHeight.js';
 import { SwipeListItem } from './SwipeListItem.js';
-const childStyleMap = ['min-w-full', 'min-w-1/2', 'min-w-1/3', 'min-w-1/4'];
+const childStyleMap = ['min-w-full', '@lg:min-w-[50%]', '@lg:min-w-[33.3%]', '@lg:min-w-[25%]'];
 export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, listType = 'horizontal-list', snapAlign = 'snap-center', minHeight, children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
     const observerOptions = {
         sensitivity: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import type { TabsControlProps } from './TabsControlProps';
+export declare const ScrollableTabsControl: import("@redneckz/uni-jsx").UNIComponent<TabsControlProps, any, any>;

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

@@ -0,0 +1,15 @@
+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 { ScrollLeftButton, ScrollRightButton } from '../Button/ArrowButton.js';
+import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer.js';
+import { useSwipeListScroll } from '../SwipeListControl/useSwipeListScroll.js';
+import { renderTab } from './renderTab.js';
+const scrollButtonStyle = 'hidden sm:flex absolute z-40 top-0';
+export const ScrollableTabsControl = JSX(({ className, items = [], value, onChange, tabsType }) => {
+    const [containerRef, scroll] = useSwipeListScroll({
+        itemCount: items?.length || 0,
+    });
+    return (_jsxs("div", { className: style('relative overflow-x-auto no-scrollbar', className), role: "tablist", children: [_jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: items.map(renderTab(value, onChange, tabsType)) }), scroll.canScrollLeft ? (_jsx(ScrollLeftButton, { className: style('left-6', scrollButtonStyle), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (_jsx(ScrollRightButton, { className: style('right-6', scrollButtonStyle), onClick: scroll.scrollRight })) : null] }));
+});
+//# sourceMappingURL=ScrollableTabsControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableTabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/ScrollableTabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACtC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,aACvF,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC7B,EACpB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EAC7C,OAAO,EAAE,MAAM,CAAC,UAAU,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,KAAC,iBAAiB,IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,iBAAiB,CAAC,EAC9C,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink.js';
+import { style } from '../../utils/style.js';
+import { Text } from '../Text/Text.js';
+const tabPaddingStyleMap = {
+    default: 'px-xs',
+    underlined: 'px-m',
+    rounded: 'px-lg rounded-md',
+};
+const tabTextStyle = 'text-secondary-text hover:text-primary-main';
+const activeTabTextStyleMap = {
+    default: 'text-black sm:text-white',
+    underlined: 'text-primary-main border-b-2',
+    rounded: 'text-white',
+};
+const tabBgStyleMap = {
+    default: 'bg-white',
+    underlined: 'bg-white',
+    rounded: 'bg-transparent',
+};
+const activeTabBgStyleMap = {
+    default: 'sm:bg-primary-main',
+    underlined: 'bg-white',
+    rounded: 'bg-primary-main',
+};
+export const TabItem = JSX(({ item = {}, isActive, onClick, type = 'default' }) => {
+    const link = useLink();
+    const handleClick = () => {
+        onClick && onClick(item);
+    };
+    const { text, ...linkProps } = link({ ...item, onClick: handleClick });
+    const Tag = item.href ? 'a' : 'div';
+    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, ...linkProps, 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 }) }) }));
+});
+//# sourceMappingURL=TabItem.js.map

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

@@ -0,0 +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,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAcpC,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;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAG,SAAS,EAAE,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAEvE,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,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,KACnB,SAAS,YAEb,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,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import type { TabsControlProps } from './TabsControlProps';
+export declare const TabsControl: import("@redneckz/uni-jsx").UNIComponent<TabsControlProps, any, any>;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style.js';
+import { renderTab } from './renderTab.js';
+export const TabsControl = JSX(({ className, tabsType = 'default', items = [], value, onChange }) => (_jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tablist", children: items.map(renderTab(value, onChange, tabsType)) })));
+//# sourceMappingURL=TabsControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cAAK,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5F,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { ListControlProps } from '../ListControlProps';
+import type { TabItemBase, TabType } from './TabItem';
+export interface TabsControlProps extends ListControlProps<TabItemBase> {
+    className?: string;
+    tabsType?: TabType;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TabItemBase, TabType } from './TabItem';
+import type { TabsControlProps } from './TabsControlProps';
+export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) => (tab: TabItemBase, i: number) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { TabItem } from './TabItem.js';
+export const renderTab = (activeTab, onClick, type) => (tab, i) => (_jsx(TabItem, { isActive: tab === activeTab, onClick: onClick, type: type, item: tab }, String(i)));
+//# sourceMappingURL=renderTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAwB,MAAM,WAAW,CAAC;AAG1D,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAc,EAAE,EAAE,CACpF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Comparator } from './Comparator';
+declare type BoolComparator<T> = (a: T, b: T) => boolean;
+export declare const toBoolComparator: <T>(cmp: Comparator<T>) => BoolComparator<T>;
+export declare const scalarCmp: <T>(a: T, b: T) => boolean;
+export declare const arrCmp: <T>(cmp?: BoolComparator<T>) => (a: T[] | null | undefined, b: T[] | null | undefined) => boolean;
+export declare const objCmp: <T>(cmp: BoolComparator<T>) => (a: Record<string, T> | null | undefined, b: Record<string, T> | null | undefined) => boolean;
+export declare function combineBoolCmps<A>(comp: BoolComparator<A>): BoolComparator<A>;
+export declare function combineBoolCmps<A, B>(comp1: BoolComparator<A>, comp2: BoolComparator<B>): BoolComparator<A | B>;
+export declare function combineBoolCmps<A, B, C>(comp1: BoolComparator<A>, comp2: BoolComparator<B>, comp3: BoolComparator<C>): BoolComparator<A | B | C>;
+export declare function combineBoolCmps<A, B, C, D>(comp1: BoolComparator<A>, comp2: BoolComparator<B>, comp3: BoolComparator<C>, comp4: BoolComparator<D>): BoolComparator<A | B | C | D>;
+export {};

package/mobile/lib/utils/BoolComparator.js

@@ -0,0 +1,12 @@
+export const toBoolComparator = (cmp) => (a, b) => cmp(a, b) === 0;
+export const scalarCmp = (a, b) => a === b;
+export const arrCmp = (cmp = scalarCmp) => (a, b) => a === b || Boolean(a && b && a.length === b.length && a.every((_, i) => cmp(_, b[i])));
+export const objCmp = (cmp) => (a, b) => a === b ||
+    Boolean(a &&
+        b &&
+        Object.keys(a).length === Object.keys(b).length &&
+        Object.entries(a).every(([key, value]) => cmp(value, b[key])));
+export function combineBoolCmps(...comparators) {
+    return (a, b) => comparators.some((cmp) => cmp(a, b));
+}
+//# sourceMappingURL=BoolComparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoolComparator.js","sourceRoot":"","sources":["../../src/utils/BoolComparator.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,gBAAgB,GAC3B,CAAI,GAAkB,EAAqB,EAAE,CAC7C,CAAC,CAAI,EAAE,CAAI,EAAE,EAAE,CACb,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;AAEpB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAI,CAAI,EAAE,CAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GACjB,CAAI,MAAyB,SAAS,EAAE,EAAE,CAC1C,CAAC,CAAyB,EAAE,CAAyB,EAAE,EAAE,CACvD,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,MAAM,GACjB,CAAI,GAAsB,EAAE,EAAE,CAC9B,CAAC,CAAuC,EAAE,CAAuC,EAAE,EAAE,CACnF,CAAC,KAAK,CAAC;IACP,OAAO,CACL,CAAC;QACC,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM;QAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAChE,CAAC;AAmBN,MAAM,UAAU,eAAe,CAAC,GAAG,WAAkC;IACnE,OAAO,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAClE,CAAC"}

package/mobile/src/EventBus/defaultEventBus.ts

@@ -1,10 +1,12 @@
 import type { TabActivationEvent } from '../components/Tabs/TabActivationEvent';
-import type { DialogAction } from '../ui-kit/Dialog/DialogAction';
+import { RegionData } from '../hooks/useLocation';
+import type { DialogAction } from '../ui-kit/DialogManager/DialogAction';
 import { EventBus } from './EventBus';
 
 interface GlobalEventMap {
-  tab: TabActivationEvent;
+  location: RegionData;
   dialog: DialogAction;
+  tab: TabActivationEvent;
 }
 
 export const defaultEventBus = new EventBus<GlobalEventMap>();

package/mobile/src/EventBus/useLatestEvent.ts

@@ -0,0 +1,16 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { EventBus } from './EventBus';
+
+export const useLatestEvent = <EM extends Record<string, any>, K extends keyof EM>(
+  eventBus: EventBus<EM>,
+  type: K,
+  initialEvent?: EM[K],
+): [EM[K] | null, (_: EM[K]) => void] => {
+  const [latestEvent, setLatestEvent] = useState<EM[K] | null>(initialEvent || null);
+
+  useEffect(() => eventBus.subscribe(type, (_) => setLatestEvent(_)), [eventBus, type]);
+
+  const fireEvent = useCallback((_: EM[K]) => eventBus.fire(type, _), [eventBus, type]);
+
+  return [latestEvent, fireEvent];
+};

package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -2,12 +2,12 @@ import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
-import type { ButtonAdditionalProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Кнопка
  */
-export interface SubmitButtonProps extends ButtonAdditionalProps {
+export interface SubmitButtonProps extends ButtonContent {
   /** @title Текст */
   text?: string;
   version?: ButtonVersion;

package/mobile/src/components/Blocks.ts

@@ -3,6 +3,7 @@ import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
 import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
+import { Calculator } from './Calculator/Calculator';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard/CarouselBankHistoryCard';
@@ -38,6 +39,7 @@ export const Blocks: BlocksRegistry = {
   ApplicationForm,
   ButtonsBlock,
   BonusBenefitsBlock,
+  Calculator,
   CardTransfer,
   Carousel,
   CarouselCard,

package/mobile/src/components/Bonus/BonusContent.ts

@@ -1,8 +1,8 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 
 /**
  * @title Изображение
@@ -32,14 +32,10 @@ export type BonusItemContentDef = EmptyOption | BonusImageDef | BonusCountDef;
 /**
  * @title Плитка
  */
-export type BonusItem = HeadlineCommonProps & {
-  bonusItemContent?: BonusItemContentDef;
-  /**
-   * @title Кнопка
-   * @maxItems 1
-   */
-  buttons?: ButtonWithIconProps[];
-};
+export type BonusItem = HeadlineCommonProps &
+  ButtonsSectionContent & {
+    bonusItemContent?: BonusItemContentDef;
+  };
 
 /**
  * @title Блок Бонусы

package/mobile/src/components/BusinessBlock/BusinessBlockContent.ts

@@ -1,8 +1,8 @@
-import type { ButtonCommonIconProps } from '../../model/Button';
 import type { TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 export type BusinessCardItemProps = IconProps & {
   /** @title Текст */
@@ -10,10 +10,10 @@ export type BusinessCardItemProps = IconProps & {
 };
 
 export type BusinessCardProps = TitleProps &
-  ImageContent &
-  ButtonCommonIconProps & {
+  ImageContent & {
     /** @title Список */
     cardItems?: BusinessCardItemProps[];
+    button?: ButtonContent;
   };
 
 /**

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

@@ -1,9 +1,9 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Блок кнопок
  */
 export interface ButtonsBlockContent {
   /** @title Кнопки */
-  buttons?: ButtonWithIconProps[];
+  buttons?: ButtonContent[];
 }

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

@@ -1,20 +1,20 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import type { BusinessDepositCalculatorProps } from './CalculatorContent';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
-import { BUSINESS_DEFAULT_DAYS, BUSINESS_DEFAULT_SUM } from './constants';
-import { Rate } from './Rate';
-import { renderDaysInput } from './renderDaysInput';
 import { renderFootnote } from './renderFootnote';
-import { renderInterestPayment } from './renderInterestPayment';
-import { renderWantedSumInput } from './renderWantedSumInput';
-import { UnknownRate } from './UnknownRate';
+import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
+import { BUSINESS_DEFAULT_DAYS, BUSINESS_DEFAULT_SUM } from './constants';
 import {
   BusinessDepositCalculatorParams,
+  BusinessDepositCalculatorUserInputParams,
   useBusinessDepositCalculatorParams,
 } from './useBusinessDepositCalculatorParams';
+import { renderWantedSumInput } from './renderWantedSumInput';
+import { renderDaysInput } from './renderDaysInput';
+import { renderInterestPayment } from './renderInterestPayment';
+import { CalculatorValueBlock } from './CalculatorValueBlock';
+import { renderRate } from './renderRate';
+import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 
 export interface BusinessDepositCalculatorProp extends BusinessDepositCalculatorProps {
   className?: string;
@@ -32,12 +32,12 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
     });
 
     const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, sourceBookDir);
-    const { income, finalSum, rate, depositeName, isShowUnknownRate } = calculatorParams;
+    const { income, finalSum, rate, isShowUnknownRate, depositeName } = calculatorParams;
 
     return (
       <section className={className}>
-        <div className="flex justify-between">
-          <div className="w-2/5">
+        <div className="flex flex-col justify-between sm:flex-row">
+          <div className="flex flex-col gap-y-m sm:w-2/5 sm:gap-y-lg">
             {renderWantedSumInput({
               title: 'Сумма, ₽',
               min: calculatorParams.minSum,
@@ -52,40 +52,30 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
               ...field('daysValue'),
               value: calculatorParams.daysValue,
             })}
-            <div className="mt-2xl flex justify-between">
+            <div className="flex flex-col gap-xl justify-between sm:flex-row sm:gap-0">
               {renderBusinessDepositParamsForm(calculatorParams, field)}
               {renderInterestPayment({
                 title: 'Выплата процентов',
                 orientation: 'vertical',
                 ...field('isMonthlyInterestPayment'),
+                radioGroupClassName: 'sm:flex-col',
               })}
             </div>
           </div>
-          {isShowUnknownRate ? (
-            <UnknownRate />
-          ) : (
-            <Rate
-              rate={rate}
-              depositeName={depositeName}
-              isShowDepositeName={isShowDepositeName}
-              rateBlockClassName="tracking-[-25px]"
-              unit="%"
-            />
-          )}
-
-          <div className="w-96">
-            <CalculatorValueBlock
-              title="Доход в конце срока"
-              value={income}
-              postfix="₽"
-              prefix="+"
-            />
-            <CalculatorValueBlock title="Сумма в конце срока" value={finalSum} postfix="₽" />
-            {renderButtonsSection(buttons, { className: 'mt-2xl', isVertical: true })}
-            <div className="mt-2xl">{renderFootnote(footnote)}</div>
+          <div className="border-b border-main-divider my-xl sm:hidden"></div>
+          {renderRate({
+            rate,
+            depositeName,
+            isShowDepositeName,
+            isShowUnknownRate,
+          })}
+          <div className="flex flex-col gap-y-xl mt-3xl sm:gap-0 sm:w-96 sm:mt-0">
+            {renderDepositResults(finalSum, income)}
+            {renderButtonsSection(buttons, { isVertical: true })}
+            <div className="sm:mt-2xl">{renderFootnote(footnote)}</div>
           </div>
         </div>
-        <div className="mt-5">{renderFootnote(bottomFootnote)}</div>
+        <div className="mt-lg">{renderFootnote(bottomFootnote)}</div>
       </section>
     );
   },
@@ -93,9 +83,9 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
 
 const renderBusinessDepositParamsForm = (
   calculatorParams: BusinessDepositCalculatorParams,
-  field: FormFieldRegisterer<any>,
+  field: FormFieldRegisterer<BusinessDepositCalculatorUserInputParams>,
 ) => (
-  <div>
+  <div className="flex flex-col gap-y-xl sm:gap-y-s">
     <Checkbox
       text="Пополнение"
       disabled={calculatorParams.isDisabledOperatingDeposit}
@@ -103,17 +93,22 @@ const renderBusinessDepositParamsForm = (
       value={calculatorParams.isReplenished}
     />
     <Checkbox
-      className="mt-3"
       disabled={calculatorParams.isDisabledOperatingDeposit}
       text="Частичное снятие"
       {...field('isPartialWithdrawal')}
       value={calculatorParams.isPartialWithdrawal}
     />
     <Checkbox
-      className="mt-3"
-      text="Являюсь малым предприятием"
+      text="ИП / малое предприятие"
       {...field('isSmallBusiness')}
       value={calculatorParams.isSmallBusiness}
     />
   </div>
 );
+
+const renderDepositResults = (finalSum?: number, income?: number) => (
+  <div className="flex flex-col gap-2xl sm:gap-0">
+    <CalculatorValueBlock title="Доход в конце срока" value={income} postfix="₽" prefix="+" />
+    <CalculatorValueBlock title="Сумма в конце срока" value={finalSum} postfix="₽" />
+  </div>
+);