@redneckz/wildless-cms-uni-blocks 0.14.268 → 0.14.270

package/lib/model/AspectsProps.d.ts

@@ -0,0 +1,32 @@
+import { type AspectData } from '../hooks/useAspects/useAspects';
+/**
+ * @title Отправить цель Яндекс Метрики
+ * @default {"aspectName": "ymReachGoal", "params": {"yandexId": "", "targetName": ""}}
+ */
+export declare type YandexReachGoalAspect = {
+    aspectName: 'ymReachGoal';
+    params?: AspectData;
+};
+/**
+ * @title Открыть чат-бот
+ * @default {"aspectName": "openChatBot"}
+ */
+export declare type ChatBotAspect = {
+    aspectName: 'openChatBot';
+};
+/**
+ * @title Не выбрано
+ */
+export declare type EmptyAspect = {
+    /** @default "" */
+    aspectName: '';
+};
+/**
+ * @title Параметр
+ * @default { "aspectName": "" }
+ */
+export declare type AspectsDef = EmptyAspect | ChatBotAspect | YandexReachGoalAspect;
+/**
+ * @title Дополнительные параметры
+ */
+export declare type AspectsProps = AspectsDef[];

package/lib/model/AspectsProps.js

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

package/lib/model/AspectsProps.js.map

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

package/lib/model/LinkProps.d.ts

@@ -1,3 +1,4 @@
+import { type AspectsProps } from './AspectsProps';
 import { type TextProps } from './HeadlineType';
 /**
  * @title Таргет (target)
@@ -10,19 +11,12 @@ import { type TextProps } from './HeadlineType';
  *  ]
  */
 export declare type Target = '' | '_self' | '_blank' | '_parent' | '_top';
-/** @title Дата аттрибуты */
-export declare type DataAttributes = {
-    /** @title Имя цели для Яндекс Метрики */
-    ymTarget?: string;
-    /** @title Открыть чат бот */
-    chatbot?: boolean;
-};
 export interface LinkCommonProps {
     /** @title URL (href) */
     href?: string;
     /** @default "" */
     target?: Target;
-    data?: DataAttributes;
+    data?: AspectsProps;
 }
 /**
  * @title Ссылка

package/lib/ui-kit/LinkButton/LinkButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
-import { dataAttributes } from '../../utils/dataAttributes.js';
+import { getAspectsAttributes } from '../../utils/dataAttributes.js';
 import { ButtonInner } from './ButtonInner.js';
 import { getDisabledButtonClasses } from './getDisabledButtonClasses.js';
 import { getRegularButtonClasses } from './getRegularButtonClasses.js';
@@ -14,6 +14,6 @@ export const LinkButton = JSX(({ disabled, children, method = 'LINK', href, ...r
     const buttonInner = children ?? _jsx(ButtonInner, { ...adjustedProps });
     return disabled ? (_jsx(DisabledButton, { ...adjustedProps, children: buttonInner })) : (_jsx(RegularButton, { ...adjustedProps, children: buttonInner }));
 });
-const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, type, data, children, }) => (_jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, type: type, ...dataAttributes(data), children: children })));
+const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, type, data, children, }) => (_jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, type: type, ...getAspectsAttributes(data), children: children })));
 const DisabledButton = JSX(({ className, ariaLabel, version, rounded, children }) => (_jsx("button", { type: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: getDisabledButtonClasses({ className, rounded, version }), children: children })));
 //# sourceMappingURL=LinkButton.js.map

package/lib/ui-kit/LinkButton/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/LinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,kBAAkB;AAClB,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzD,MAAM,gBAAgB,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,QAAQ,IAAI,KAAC,WAAW,OAAK,aAAa,GAAI,CAAC;IAEnE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,cAAc,OAAK,aAAa,YAAG,WAAW,GAAkB,CAClE,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,OAAK,aAAa,YAAG,WAAW,GAAiB,CAChE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,uBAAuB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACnE,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,gBACF,SAAS,EACrB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KAEN,cAAc,CAAC,IAAI,CAAC,YAEvB,QAAQ,GACP,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,CACxB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,iBACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,wBAAwB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,YAEnE,QAAQ,GACF,CACV,CACF,CAAC"}
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/LinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,kBAAkB;AAClB,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzD,MAAM,gBAAgB,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,QAAQ,IAAI,KAAC,WAAW,OAAK,aAAa,GAAI,CAAC;IAEnE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,cAAc,OAAK,aAAa,YAAG,WAAW,GAAkB,CAClE,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,OAAK,aAAa,YAAG,WAAW,GAAiB,CAChE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,uBAAuB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACnE,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,gBACF,SAAS,EACrB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KAEN,oBAAoB,CAAC,IAAI,CAAC,YAE7B,QAAQ,GACP,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,CACxB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,iBACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,wBAAwB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,YAEnE,QAAQ,GACF,CACV,CACF,CAAC"}

package/lib/ui-kit/LinkButton/LinkButtonContent.d.ts

@@ -4,6 +4,7 @@ import { type Picture } from '../../model/Picture';
 /** @deprecated */
 export interface ButtonCommonContent extends LinkProps {
     version?: LinkButtonVersion;
+    /** @title Метод */
     method?: 'LINK' | 'POST';
 }
 /** @deprecated */

package/lib/utils/adjustSessionQuery.js

@@ -1,7 +1,7 @@
-import { getSessionQuery } from './getSessionQuery.js';
+import { saveSessionQuery } from './getSessionQuery.js';
 import { isURL } from './url.js';
 export const adjustSessionQuery = (href) => {
-    const sessionQuery = getSessionQuery();
+    const sessionQuery = saveSessionQuery();
     if (!isURL(href) || !sessionQuery) {
         return href;
     }

package/lib/utils/adjustSessionQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"adjustSessionQuery.js","sourceRoot":"","sources":["../../src/utils/adjustSessionQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAa,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QACjC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;IAE1B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,eAAe,CAAC,YAAY,CAAC,EAAE;QAC5D,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;KAClC;IAED,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC"}
+{"version":3,"file":"adjustSessionQuery.js","sourceRoot":"","sources":["../../src/utils/adjustSessionQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAa,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QACjC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;IAE1B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,eAAe,CAAC,YAAY,CAAC,EAAE;QAC5D,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;KAClC;IAED,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC"}

package/lib/utils/dataAttributes.d.ts

@@ -1,2 +1,6 @@
-import { type DataAttributes } from '../model/LinkProps';
-export declare const dataAttributes: (data?: DataAttributes) => {};
+import { type AspectsProps } from '../model/AspectsProps';
+export declare const getAspectsAttributes: (data?: AspectsProps) => {
+    'data-aspects': string;
+} | {
+    'data-aspects'?: undefined;
+};

package/lib/utils/dataAttributes.js

@@ -1,2 +1,11 @@
-export const dataAttributes = (data = {}) => Object.entries(data).reduce((res, [k, v]) => ({ ...res, [`data-${k.toLowerCase()}`]: v }), {});
+export const getAspectsAttributes = (data) => {
+    try {
+        return {
+            'data-aspects': JSON.stringify(data),
+        };
+    }
+    catch (_) {
+        return {};
+    }
+};
 //# sourceMappingURL=dataAttributes.js.map

package/lib/utils/dataAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataAttributes.js","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,EAAE,EAAE,CAC1D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC"}
+{"version":3,"file":"dataAttributes.js","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAmB,EAAE,EAAE;IAC1D,IAAI;QACF,OAAO;YACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;SACrC,CAAC;KACH;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,EAAE,CAAC;KACX;AACH,CAAC,CAAC"}

package/lib/utils/getSessionQuery.d.ts

@@ -1 +1 @@
-export declare function getSessionQuery(): string;
+export declare function saveSessionQuery(): string;

package/lib/utils/getSessionQuery.js

@@ -1,5 +1,5 @@
 const QUERY_STORAGE_KEY = 'rshb-query-params';
-export function getSessionQuery() {
+export function saveSessionQuery() {
     const result = globalThis.location?.search || globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY) || '';
     if (result) {
         globalThis.sessionStorage?.setItem(QUERY_STORAGE_KEY, result);

package/lib/utils/getSessionQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSessionQuery.js","sourceRoot":"","sources":["../../src/utils/getSessionQuery.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,UAAU,eAAe;IAC7B,MAAM,MAAM,GACV,UAAU,CAAC,QAAQ,EAAE,MAAM,IAAI,UAAU,CAAC,cAAc,EAAE,OAAO,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IAE7F,IAAI,MAAM,EAAE;QACV,UAAU,CAAC,cAAc,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;KAC/D;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"getSessionQuery.js","sourceRoot":"","sources":["../../src/utils/getSessionQuery.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,UAAU,gBAAgB;IAC9B,MAAM,MAAM,GACV,UAAU,CAAC,QAAQ,EAAE,MAAM,IAAI,UAAU,CAAC,cAAc,EAAE,OAAO,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IAE7F,IAAI,MAAM,EAAE;QACV,UAAU,CAAC,cAAc,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;KAC/D;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -475,7 +475,16 @@
         }
     }
 
-    const dataAttributes = (data = {}) => Object.entries(data).reduce((res, [k, v]) => ({ ...res, [`data-${k.toLowerCase()}`]: v }), {});
+    const getAspectsAttributes = (data) => {
+        try {
+            return {
+                'data-aspects': JSON.stringify(data),
+            };
+        }
+        catch (_) {
+            return {};
+        }
+    };
 
     /** @deprecated */
     const ButtonInner = JSX((props) => {
@@ -532,7 +541,7 @@
         const buttonInner = children ?? jsx(ButtonInner, { ...adjustedProps });
         return disabled ? (jsx(DisabledButton, { ...adjustedProps, children: buttonInner })) : (jsx(RegularButton, { ...adjustedProps, children: buttonInner }));
     });
-    const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, type, data, children, }) => (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, type: type, ...dataAttributes(data), children: children })));
+    const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, type, data, children, }) => (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, type: type, ...getAspectsAttributes(data), children: children })));
     const DisabledButton = JSX(({ className, ariaLabel, version, rounded, children }) => (jsx("button", { type: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: getDisabledButtonClasses({ className, rounded, version }), children: children })));
 
     function renderBackwardButton(version, handleClick, alwaysVisible = false) {
@@ -3429,21 +3438,23 @@
     });
     const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
 
-    const TABLE_HEAD_STYLE = 'text-left text-m font-light text-secondary-text';
-    const TABLE_HEAD_STYLE_WITH_PADDING = `${TABLE_HEAD_STYLE} pl-5xl`;
+    const TABLE_STYLE_BASE = 'text-m font-light text-secondary-text ';
+    const TABLE_HEAD_STYLE = `${TABLE_STYLE_BASE} text-left`;
+    const TABLE_HEAD_STYLE_CENTER = `${TABLE_STYLE_BASE} pl-5xl text-center`;
+    const TABLE_HEAD_STYLE_RIGHT = `${TABLE_STYLE_BASE} pl-5xl text-right`;
     const CURRENCY_ICONS_MAP = {
         USD: 'DollarIcon',
         EUR: 'EuroIcon',
         CNY: 'ChineseYuanRenminbiIcon',
     };
-    const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => (jsxs("table", { className: `h-fit w-fit ${className}`, children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: jsx(Text, { size: "text-m", children: "\u0412\u0430\u043B\u044E\u0442\u0430" }) }), jsx("th", { className: TABLE_HEAD_STYLE_WITH_PADDING, children: jsx(Text, { size: "text-m", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }) }), jsx("th", { className: TABLE_HEAD_STYLE_WITH_PADDING, children: jsx(Text, { size: "text-m", children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" }) })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map(renderCurrencyRow) })] })));
+    const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => (jsxs("table", { className: style('h-fit w-full', className), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: jsx(Text, { size: "text-m", children: "\u0412\u0430\u043B\u044E\u0442\u0430" }) }), jsx("th", { className: TABLE_HEAD_STYLE_CENTER, children: jsx(Text, { size: "text-m", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }) }), jsx("th", { className: TABLE_HEAD_STYLE_RIGHT, children: jsx(Text, { size: "text-m", children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" }) })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map(renderCurrencyRow) })] })));
     const renderCurrencyRow = (exchangeCurrencyItem) => {
         const currency = exchangeCurrencyItem?.currency?.currency;
-        return (jsxs("tr", { className: "pb-2xs text-h6", children: [jsx("td", { className: "pt-m", children: jsxs("div", { className: "flex items-center gap-xs", children: [currency ? (jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[currency] }, width: "24", height: "24" })) : null, jsx(Text, { size: "text-h6", children: currency })] }) }), jsx("td", { className: "pt-m pl-5xl", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.saleExchangeRate) }) }), jsx("td", { className: "pt-m pl-5xl", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.buyExchangeRate) }) })] }, currency));
+        return (jsxs("tr", { className: "pb-2xs text-h6", children: [jsx("td", { className: "pt-m m-auto flex text-left", children: jsxs("div", { className: "flex items-center gap-xs", children: [currency ? (jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[currency] }, width: "24", height: "24" })) : null, jsx(Text, { size: "text-h6", children: currency })] }) }), jsx("td", { className: "pt-m pl-5xl text-center", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.saleExchangeRate) }) }), jsx("td", { className: "pt-m pl-5xl text-right", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.buyExchangeRate) }) })] }, currency));
     };
 
     const icon = { icon: 'GpsIcon' };
-    const CurrentLocation = JSX(({ className = '', address }) => (jsxs("div", { className: `flex gap-s ${className}`, children: [jsx(RoundedIcon, { ...icon, iconBgVersion: "primary", className: "shrink-0" }), jsxs("div", { className: "space-y-2xs whitespace-pre-wrap", children: [address ? (jsx(Paragraph, { size: "text-l", color: "text-primary-main", children: address })) : null, jsx(Paragraph, { size: "text-m", color: "text-secondary-text", children: "\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u043E\u0444\u0438\u0441\u0430" })] })] })));
+    const CurrentLocation = JSX(({ className = '', address }) => (jsxs("div", { className: style('flex gap-s w-full justify-between @sm:justify-center', className), children: [jsx(RoundedIcon, { ...icon, iconBgVersion: "primary", className: "shrink-0" }), jsxs("div", { className: "space-y-2xs whitespace-pre-wrap", children: [address ? (jsx(Paragraph, { size: "text-l", color: "text-primary-main", children: address })) : null, jsx(Paragraph, { size: "text-m", color: "text-secondary-text", children: "\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u043E\u0444\u0438\u0441\u0430" })] })] })));
 
     const roundTo = (value, precision = 2) => {
         const factor = 10 ** precision;
@@ -3565,7 +3576,7 @@
         currencyRatesBuy.unshift({ currency: { currency: Currency.RUB } });
         const currencyRatesSell = currencyRates.filter((_) => _.saleExchangeRate);
         currencyRatesSell.push({ currency: { currency: Currency.RUB } });
-        return (jsx(BlockWrapper, { className: style('box-border min-h-80', className), ...rest, children: jsx(BaseTile, { className: "h-full", title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap" }), children: jsxs("div", { className: "flex w-full gap-6xl flex-wrap sm:flex-nowrap", children: [jsxs("div", { className: "max-w-1/2", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-xl", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { address: exchangeRates?.address })] }), currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (jsx(ExchangeCurrencyCalculator, { className: "grow w-1/2", currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })) : null] }) }) }));
+        return (jsx(BlockWrapper, { className: style('box-border min-h-80', className), ...rest, children: jsx(BaseTile, { className: "h-full", title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap" }), children: jsxs("div", { className: "flex w-full gap-6xl flex-wrap @lg:flex-nowrap", children: [jsxs("div", { className: "w-full @2xl:w-auto @5xl:w-1/2", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-xl", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { address: exchangeRates?.address })] }), currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (jsx(ExchangeCurrencyCalculator, { className: "grow w-1/2", currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })) : null] }) }) }));
     });
     const getCurrencyRates = (currencies) => {
         return currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id)) || [];
@@ -5411,39 +5422,8 @@
         VerticalLayout,
     };
 
-    const CHAT_NAMESPACE = 'chatbot';
-    const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
-    const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
-    const CHAT_STORAGE_NAME = 'webchat-keep-open';
-    const CHATBOT_URL = {
-        personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-        business: '', //TODO: add url business chat
-    };
-    const useChatBot = (chat) => {
-        useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
-        const chatUrl = CHATBOT_URL[chat ?? ''];
-        return (ev) => {
-            if (!chatUrl) {
-                return;
-            }
-            if (chat !== 'personal') {
-                initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-            }
-            else {
-                const target = ev.target;
-                if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-                    target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-                }
-                const chatFrame = document.getElementById(CHAT_FRAME_ID);
-                if (!chatFrame) {
-                    initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-                }
-            }
-        };
-    };
-
     const QUERY_STORAGE_KEY = 'rshb-query-params';
-    function getSessionQuery() {
+    function saveSessionQuery() {
         const result = globalThis.location?.search || globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY) || '';
         if (result) {
             globalThis.sessionStorage?.setItem(QUERY_STORAGE_KEY, result);
@@ -5451,8 +5431,23 @@
         return result;
     }
 
+    const applyAspects = (aspects) => (ev) => {
+        const element = ev.target?.closest('[data-aspects]');
+        try {
+            const aspectsAttributes = JSON.parse(element?.dataset?.aspects ?? '[]');
+            for (const { aspectName, params } of aspectsAttributes) {
+                aspects[aspectName ?? '']?.(ev, params);
+            }
+        }
+        catch (_) {
+            // Do nothing
+        }
+        // legal aspect, use always
+        aspects.forwardQuery?.(ev);
+    };
+
     const adjustSessionQuery = (href) => {
-        const sessionQuery = getSessionQuery();
+        const sessionQuery = saveSessionQuery();
         if (!isURL(href) || !sessionQuery) {
             return href;
         }
@@ -5463,41 +5458,18 @@
         return url.toString();
     };
 
-    const useNavigateHandler = handlerDecorator(() => {
-        useEffect(() => {
-            getSessionQuery(); //? Call first time for save query in sessionStorage
-        }, []);
-        const loadBot = useChatBot(projectSettings.CHAT_BOT);
-        const reachGoalYM = (targetName) => {
-            const [ymID] = projectSettings.YANDEX_METRIKA_ID?.split(',').reverse() ?? [];
-            if ([ymID, targetName, globalThis.ym].every(Boolean)) {
-                globalThis.ym(ymID, 'reachGoal', targetName);
-            }
-        };
-        useEventListener(globalThis, 'click', navigationHandler({ loadBot, reachGoalYM }));
-    });
-    const navigationHandler = (methods) => (ev) => {
-        const element = getAnchorElement(ev.target);
-        for (const key in element?.dataset) {
-            getScenario(key)?.(element, methods);
-        }
-        if (isURL(element?.href) && !element?.href?.startsWith(globalThis.location?.origin)) {
+    const forwardQuery = (ev) => {
+        const anchor = ev.target?.closest('a');
+        if (isURL(anchor?.href) && !anchor?.href?.startsWith(globalThis.location?.origin)) {
             ev.preventDefault();
             ev.stopPropagation();
-            const url = adjustSessionQuery(element?.href) || element?.href;
+            const url = adjustSessionQuery(anchor?.href) || anchor?.href;
             if (url) {
-                const transition = getTransition(element?.target);
+                const transition = getTransition(anchor?.target);
                 transition?.(url);
             }
         }
     };
-    const getAnchorElement = (target) => {
-        let _target = target;
-        while (Boolean(_target) && _target.tagName !== 'A') {
-            _target = _target?.parentNode;
-        }
-        return _target;
-    };
     const getTransition = tableFunc([
         [(_) => _ === '_blank', (url) => globalThis.open(url, '_blank')],
         [(_) => _ === '_parent', (url) => globalThis.parent && (globalThis.parent.location.href = url)],
@@ -5509,10 +5481,24 @@
         ],
         [() => true, (url) => globalThis.location && (globalThis.location.href = url)],
     ]);
-    const getScenario = tableFunc([
-        [(_) => _ === 'ymtarget', (target, methods) => methods?.reachGoalYM(target?.dataset?.ymtarget)],
-        [(_) => _ === 'chatbot', (target, methods) => methods?.loadBot({ target })],
-    ]);
+
+    function useAspects() {
+        return useAspects._impl();
+    }
+    useAspects._impl = () => ({
+        forwardQuery,
+    });
+    useAspects.setup = (impl) => {
+        useAspects._impl = impl;
+    };
+
+    const useClickHandler = handlerDecorator(() => {
+        useEffect(() => {
+            saveSessionQuery(); //? Call first time for save query in sessionStorage
+        }, []);
+        const aspects = useAspects();
+        useEventListener(globalThis, 'click', applyAspects(aspects));
+    });
 
     const COOKIE_DIALOG_ID = 'cookie';
     const DIALOG_INITIAL_DELAY = 3 * 1000;
@@ -5599,7 +5585,7 @@
     const ContentPage = JSX(({ className, data = EMPTY_DATA, blocksRegistry, blockDecorator }) => {
         const { slots, blocks, fallback, ...pageContent } = data;
         const resolvedPageContent = useJSONRef(pageContent, fallback);
-        useNavigateHandler();
+        useClickHandler();
         const options = {
             key: '',
             page: { slots, blocks, fallback, ...resolvedPageContent },
@@ -5621,7 +5607,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.267";
+    const packageVersion = "0.14.269";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;