@redneckz/wildless-cms-uni-blocks 0.14.287 → 0.14.289

package/bundle/bundle.umd.js

@@ -881,9 +881,76 @@
             : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
     };
 
+    const handleAspects = ({ aspectsAttributes, aspects, ev, formData }) => {
+        for (const { aspectName, params } of aspectsAttributes) {
+            const paramsData = aspectName === 'mindboxEvent' ? { ...params, eventJson: JSON.stringify(formData) } : params;
+            aspects[aspectName ?? '']?.(ev, paramsData);
+        }
+    };
+
+    const QUERY_STORAGE_KEY = 'rshb-query-params';
+    function saveSessionQuery() {
+        const result = globalThis.location?.search || globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY) || '';
+        if (result) {
+            globalThis.sessionStorage?.setItem(QUERY_STORAGE_KEY, result);
+        }
+        return result;
+    }
+
+    const adjustSessionQuery = (href) => {
+        const sessionQuery = saveSessionQuery();
+        if (!isURL(href) || !sessionQuery) {
+            return href;
+        }
+        const url = new URL(href);
+        for (const [key, value] of new URLSearchParams(sessionQuery)) {
+            url.searchParams.set(key, value);
+        }
+        return url.toString();
+    };
+
+    const tableFunc = (table) => (input) => {
+        const [, output] = table.find(([predicate]) => predicate(input)) || [];
+        return output;
+    };
+
+    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(anchor?.href) || anchor?.href;
+            if (url) {
+                const transition = getTransition(anchor?.target);
+                transition?.(url);
+            }
+        }
+    };
+    const getTransition = tableFunc([
+        [(_) => _ === '_blank', (url) => globalThis.open(url, '_blank')],
+        [(_) => _ === '_parent', (url) => globalThis.parent && (globalThis.parent.location.href = url)],
+        [
+            (_) => _ === '_top',
+            (url) => {
+                globalThis.top && (globalThis.top.location.href = url);
+            },
+        ],
+        [() => true, (url) => globalThis.location && (globalThis.location.href = url)],
+    ]);
+
+    function useAspects() {
+        return useAspects._impl();
+    }
+    useAspects._impl = () => ({
+        forwardQuery,
+    });
+    useAspects.setup = (impl) => {
+        useAspects._impl = impl;
+    };
+
     const identity = (_) => _;
 
-    const useForm = (initialState, { resetOnSubmit, onSubmit } = {}) => {
+    const useForm = (initialState, { resetOnSubmit, onSubmit, } = {}) => {
         const [formState, setFormState] = useState(initialState);
         const [isDirtyForm, setDirtyForm] = useState(false);
         const [dirtyFieldsMap, setDirtyFieldsMap] = useState({});
@@ -912,10 +979,10 @@
             setDirtyForm(false);
             setDirtyFieldsMap({});
         }, [initialState]);
-        const handleSubmit = useCallback((e) => {
-            e.preventDefault();
+        const handleSubmit = useCallback((ev) => {
+            ev.preventDefault();
             resetOnSubmit ? reset() : setDirtyForm(true);
-            onSubmit && onSubmit(formState);
+            onSubmit && onSubmit(formState, ev);
         }, [onSubmit, formState]);
         return [
             formState,
@@ -1283,7 +1350,7 @@
         const handleBlur = useCallback((v) => {
             v === '+7 (' ? onChange && onChange('') : null;
         }, []);
-        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (e) => handleChange(e?.target?.value || ''), onBlur: (e) => handleBlur(e?.target?.value || ''), children: children }));
+        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
     });
 
     const InputPhoneControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), renderErrorText(error)] })));
@@ -1500,8 +1567,8 @@
         const inputStyle = {
             backgroundSize: `${percentage.toFixed(2)}% 100%`,
         };
-        return (jsxs("div", { children: [list.length ? (jsx("div", { className: "absolute w-full flex justify-between -bottom-[3px] px-m", children: list.map((_, i) => (jsx("div", { className: style('w-2 h-2 rounded-full', rangeValue <= i || disabled ? 'bg-gray' : 'bg-primary-main') }, String(i)))) })) : null, jsx("div", { className: "absolute inset-x-0 -bottom-1 px-m leading-[18px]", children: jsx("input", { className: "box-border w-full m-0 cursor-pointer slider relative z-10", style: inputStyle, type: "range", min: min, max: max, step: step, value: rangeValue, disabled: disabled, onInput: ((e) => {
-                            const rawValue = parseDecimal(e.target?.value);
+        return (jsxs("div", { children: [list.length ? (jsx("div", { className: "absolute w-full flex justify-between -bottom-[3px] px-m", children: list.map((_, i) => (jsx("div", { className: style('w-2 h-2 rounded-full', rangeValue <= i || disabled ? 'bg-gray' : 'bg-primary-main') }, String(i)))) })) : null, jsx("div", { className: "absolute inset-x-0 -bottom-1 px-m leading-[18px]", children: jsx("input", { className: "box-border w-full m-0 cursor-pointer slider relative z-10", style: inputStyle, type: "range", min: min, max: max, step: step, value: rangeValue, disabled: disabled, onInput: ((ev) => {
+                            const rawValue = parseDecimal(ev.target?.value);
                             const newValue = list.length ? list[rawValue] : rawValue;
                             onChange && onChange(newValue || 0);
                         }) }) })] }));
@@ -1516,8 +1583,8 @@
             normalize: (_ = 0) => list.length ? closestValue(list)(_) : clamp(_, min, max),
             format: toLocalNumberFormat(),
         });
-        const handleChange = useCallback((e) => {
-            onChange && onChange(parseDecimal(e.target?.value));
+        const handleChange = useCallback((ev) => {
+            onChange && onChange(parseDecimal(ev.target?.value));
         }, [onChange]);
         return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('mt-xs font-sans text-h3 w-full h-14', 'border border-solid border-gray rounded-md outline-none', 'pl-m box-border', 'text-primary-text hover:border-primary-hover focus:border-primary-text', DISABLED_INPUT_CLASSES), disabled: disabled, onInput: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
     });
@@ -1784,19 +1851,23 @@
     const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
 
     const API = LeadServiceAPI();
-    const ApplicationFormCustom = JSX(({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, ...rest }) => {
+    const ApplicationFormCustom = JSX(({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
         const initialFormState = getInitialFormState(inputs, typeForm);
         const [responseType, setResponseType] = useState('');
-        const handleSubmit = useCallback(async (data) => {
-            const inputsFiltered = getFilteredInputs(inputs, data);
+        const handleSubmit = useCallback(async (formData, ev) => {
+            const inputsFiltered = getFilteredInputs(inputs, formData);
             const feedbackValidator = objectValidator(getObjectValidator(inputsFiltered));
-            if (!isValidationSuccess(feedbackValidator(data))) {
+            if (!isValidationSuccess(feedbackValidator(formData))) {
                 return 'Fail';
             }
-            const formatData = getFormatData({ ...data, ...additionalParams });
+            const formatData = getFormatData({ ...formData, ...additionalParams });
             const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
             setResponseType(status);
+            if (status === 'OK' && data) {
+                const aspects = useAspects();
+                handleAspects({ aspectsAttributes: data, aspects, ev, formData: formatData });
+            }
             return status;
         }, []);
         const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
@@ -1806,8 +1877,9 @@
                 reset();
             }
         }, [responseType]);
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, responseType: responseType, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [_?.title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: _.title }) })) : null, (_?.inputs || [])?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, responseType: responseType, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
     });
+    const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
     const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
     const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
     const getFilteredInputs = (inputs, data) => inputs
@@ -1820,7 +1892,7 @@
                 : _ === (dataValue?.key ?? dataValue);
         }));
 
-    const ApplicationFormGrantSupport = UniBlock(({ className, title, button, regionSource, ...rest }) => {
+    const ApplicationFormGrantSupport = UniBlock(({ className, title, button, regionSource, data, ...rest }) => {
         const [region, setRegion] = useState({ key: '' });
         const regions = regionSource?.regions ?? [];
         const buttonStyle = getRegularButtonClasses({
@@ -1829,7 +1901,7 @@
         });
         const regionHref = regions?.find((_) => _.name === region.key)?.href;
         const buttonText = button?.text ? button.text : 'Перейти';
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), children: buttonText }) })) : null] }) }));
+        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), data: data, children: buttonText }) })) : null] }) }));
     });
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
@@ -3202,11 +3274,11 @@
                     .map((link, index) => (jsx(CarouselLinkButton, { ...link }, String(index)))) }, String(groupIndex)))) }));
     };
 
-    const LinkWrapper = JSX(({ className = '', href, target, isRemote = false, onClick, children }) => {
+    const LinkWrapper = JSX(({ className = '', href, target, isRemote = false, onClick, data, children }) => {
         const link = useLink({ isRemote });
         const linkProps = link({ href, target, onClick });
         const Tag = href ? 'a' : 'div';
-        return (jsx(Tag, { className: style('block', className), ...(href ? linkProps : {}), role: href ? 'link' : 'none', children: children }));
+        return (jsx(Tag, { className: style('block', className), ...(href ? linkProps : {}), role: href ? 'link' : 'none', ...getAspectsAttributes(data), children: children }));
     });
 
     const ICONS_MAP = [
@@ -3697,11 +3769,6 @@
     };
     const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
 
-    const tableFunc = (table) => (input) => {
-        const [, output] = table.find(([predicate]) => predicate(input)) || [];
-        return output;
-    };
-
     const callbackCurrencySelect = (props) => tableFunc([
         [
             (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
@@ -3835,7 +3902,7 @@
         'bg-white': 'text-primary-text',
         transparent: 'text-white',
     };
-    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
+    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(logo?.data), children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
                 ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
                 : null] })));
 
@@ -4134,10 +4201,10 @@
         return [activeIndex, items[activeIndex]];
     }
 
-    const TopItem = JSX(({ className = '', active, flat, children, ...rest }) => {
+    const TopItem = JSX(({ className = '', active, flat, children, data, ...rest }) => {
         const link = useLink({ isRemote: true });
         const { href, target, text, onClick } = link(rest);
-        return (jsx("a", { className: style(getLinkStyle(active, flat), className), href: href, target: target, onClick: onClick, rel: "noopener noreferrer", "aria-label": text, children: jsx("span", { className: getTextStyle$1(active, flat), children: text || children }) }));
+        return (jsx("a", { className: style(getLinkStyle(active, flat), className), href: href, target: target, onClick: onClick, rel: "noopener noreferrer", "aria-label": text, ...getAspectsAttributes(data), children: jsx("span", { className: getTextStyle$1(active, flat), children: text || children }) }));
     });
     const getLinkStyle = (active = false, flat = false) => style('inline-block border border-solid bg-transparent text-center no-underline', active
         ? 'rounded-md border-primary-main group-data-transparent:border-white'
@@ -4163,9 +4230,21 @@
         return (jsxs("div", { className: "flex gap-s items-center", children: [icon ? jsx(Img, { pathPrefix: "/wcms-resources/", image: icon }) : null, text ? (jsx("a", { className: "hover:text-primary-hover", href: href, target: target, onClick: onClick, children: jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text }) })) : null] }));
     });
 
+    const MINDBOX_ASPECT$1 = 'mindboxEvent';
+    const MINDBOX_CATEGORY$1 = 'header';
+    const MINDBOX_EVENT_REGION_NEW_CLICK = 'headerRegionNewSelect';
     const renderRegion = (onChangeLocation) => (region) => region.name ? (jsx(LinkWrapper, { isRemote: true, href: `/branches/${region.slug}`, className: "mb-xs sm:mb-2xs hover:text-primary-hover", onClick: () => {
             onChangeLocation && onChangeLocation(region);
-        }, children: jsx(Text, { size: "text-l", font: "font-light", children: region.name }) }, String(region.id))) : null;
+        }, data: [
+            {
+                aspectName: MINDBOX_ASPECT$1,
+                params: {
+                    eventAction: MINDBOX_EVENT_REGION_NEW_CLICK,
+                    eventCategory: MINDBOX_CATEGORY$1,
+                    eventValueText: region.name,
+                },
+            },
+        ], children: jsx(Text, { size: "text-l", font: "font-light", children: region.name }) }, String(region.id))) : null;
 
     const renderRegionGroup = (onChangeLocation) => ([letter, regions]) => (jsxs("div", { className: "break-inside-avoid mb-2xl w-56", children: [jsx("div", { className: "mb-s", children: jsx(Text, { size: "text-h6", children: letter }) }), regions.map(renderRegion(onChangeLocation))] }, letter));
 
@@ -4209,16 +4288,37 @@
         default: 'w-6 h-6',
         large: 'w-12 h-12',
     };
-    const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel, image, onClick, }) => (jsx("button", { className: style('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', isGrayBg && !isRounded ? 'bg-main-divider' : '', isRounded
+    const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel, image, data, onClick, }) => (jsx("button", { className: style('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', isGrayBg && !isRounded ? 'bg-main-divider' : '', isRounded
             ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
-            : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, children: jsx(Img, { image: image, className: style('h-full', isRounded ? 'bg-main-divider/20 rounded-full' : ''), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" }) })));
+            : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getAspectsAttributes(data), children: jsx(Img, { image: image, className: style('h-full', isRounded ? 'bg-main-divider/20 rounded-full' : ''), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" }) })));
 
+    const MINDBOX_ASPECT = 'mindboxEvent';
+    const MINDBOX_CATEGORY = 'header';
+    const MINDBOX_EVENT_REGION_CLICK = 'headerRegionClick';
+    const MINDBOX_EVENT_SEARCH_CLICK = 'headerSearchClick';
     const HeaderSecondaryMenu = JSX(({ className, version, ...rest }) => {
         const iconVersion = version === 'transparent' ? 'white' : 'black';
         const [currentLocation] = useLocation(rest.defaultLocation);
         const searchDialog = useSearchDialog(rest);
         const locationDialog = useLocationDialog(rest);
-        return (jsxs("div", { className: style('flex items-center gap-lg', className), role: "navigation", children: [jsx(TopItem, { flat: true, href: "#", text: currentLocation?.name, onClick: () => locationDialog.open() }), rest.officesLink ? (jsx(TopItem, { flat: true, href: rest.officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" })) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: "\u041F\u043E\u0438\u0441\u043A", onClick: () => searchDialog.open() })] }));
+        return (jsxs("div", { className: style('flex items-center gap-lg', className), role: "navigation", children: [jsx(TopItem, { flat: true, href: "#", text: currentLocation?.name, data: [
+                        {
+                            aspectName: MINDBOX_ASPECT,
+                            params: {
+                                eventAction: MINDBOX_EVENT_REGION_CLICK,
+                                eventCategory: MINDBOX_CATEGORY,
+                                eventValueText: currentLocation?.name ?? '',
+                            },
+                        },
+                    ], onClick: () => locationDialog.open() }), rest.officesAtms?.href ? (jsx(TopItem, { flat: true, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", ...rest.officesAtms })) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: "\u041F\u043E\u0438\u0441\u043A", onClick: () => searchDialog.open(), data: [
+                        {
+                            aspectName: MINDBOX_ASPECT,
+                            params: {
+                                eventAction: MINDBOX_EVENT_SEARCH_CLICK,
+                                eventCategory: MINDBOX_CATEGORY,
+                            },
+                        },
+                    ] })] }));
     });
 
     const DropdownMenu = JSX(({ className = '', items, activeItem }) => {
@@ -4338,10 +4438,10 @@
         return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: "\u0427\u0430\u0442", onClick: load, buttonSize: "large", isGrayBg: true }));
     });
 
-    const HeaderItem = JSX(({ className = '', active, dataItemName, children, ...rest }) => {
+    const HeaderItem = JSX(({ className = '', active, dataItemName, children, data, ...rest }) => {
         const link = useLink();
         const { href, target, text, onClick } = link(rest);
-        return (jsxs("a", { className: style('relative inline-block bg-transparent text-center no-underline', className), href: href, target: target, "data-item-name": dataItemName, onClick: onClick, children: [jsx("span", { className: getTextStyle(active), children: text || children }), active ? (jsx("div", { className: "absolute left-0 right-0 -bottom-3 h-0.5 bg-primary-main group-data-transparent:bg-transparent" })) : null] }));
+        return (jsxs("a", { className: style('relative inline-block bg-transparent text-center no-underline', className), href: href, target: target, "data-item-name": dataItemName, ...getAspectsAttributes(data), onClick: onClick, children: [jsx("span", { className: getTextStyle(active), children: text || children }), active ? (jsx("div", { className: "absolute left-0 right-0 -bottom-3 h-0.5 bg-primary-main group-data-transparent:bg-transparent" })) : null] }));
     });
     const getTextStyle = (active = false) => style('font-sans text-l font-light', active ? 'text-primary-main' : 'text-primary-text hover:text-primary-main', 'group-data-transparent:text-white group-data-transparent:hover:text-primary-hover');
 
@@ -4381,7 +4481,7 @@
                 ? handleIntersectionActivation(index)
                 : handleIntersectionDeactivation(index));
         }), [visibleSubItems]);
-        return (jsxs("nav", { className: "relative mt-s flex items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-3xl", role: "menu", children: visibleSubItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "relative w-auto z-40", items: dropDownMenuItems, activeItem: activeSubItem })) : null, jsxs("div", { className: "flex", children: [projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { className: "ml-4xl", iconVersion: iconVersion, chat: projectSettings.CHAT_BOT })) : null, jsx(InternetBankButton, { version: version, internetBankUrl: internetBankUrl })] })] }));
+        return (jsxs("nav", { className: "relative mt-s flex items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-3xl", role: "menu", children: visibleSubItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "relative w-auto z-40", items: dropDownMenuItems, activeItem: activeSubItem })) : null, jsxs("div", { className: "flex", children: [projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { className: "ml-4xl", iconVersion: iconVersion, chat: projectSettings.CHAT_BOT })) : null, jsx(InternetBankButton, { version: version, internetBankUrl: internetBankUrl })] })] }));
     });
     const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
@@ -4395,7 +4495,7 @@
         const { topItems, logo } = sitemap;
         const [, activeTopItem] = useActiveRoute(topItems);
         const { internetBankUrl } = portal || {};
-        return (jsx(BlockWrapper, { tag: "header", className: style('pt-3xl px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsxs("div", { className: "flex items-center", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: customLogo ?? logo }), topItems?.filter(isVisibleItem).map((_, i) => (jsx(TopItem, { active: _ === activeTopItem, ..._ }, String(i)))), jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", ...sitemap })] }), jsx("div", { className: style('mt-xl h-px bg-main-divider', version === 'transparent' ? 'opacity-30' : '') }), activeTopItem?.items?.length ? (jsx(HeaderSubMenu, { subItems: activeTopItem.items, version: version, internetBankUrl: internetBankUrl })) : null] }) }));
+        return (jsx(BlockWrapper, { tag: "header", className: style('pt-3xl px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsxs("div", { className: "flex items-center", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: customLogo ?? logo }), topItems?.filter(isVisibleItem).map((_, i) => (jsx(TopItem, { active: _ === activeTopItem, data: _.dataHeader, ..._ }, String(i)))), jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", ...sitemap })] }), jsx("div", { className: style('mt-xl h-px bg-main-divider', version === 'transparent' ? 'opacity-30' : '') }), activeTopItem?.items?.length ? (jsx(HeaderSubMenu, { subItems: activeTopItem.items, version: version, internetBankUrl: internetBankUrl })) : null] }) }));
     });
 
     const getInnerPadding = (isPadding = false) => isPadding ? {} : { padding: 'p-0' };
@@ -5884,22 +5984,11 @@
         Video,
     };
 
-    const QUERY_STORAGE_KEY = 'rshb-query-params';
-    function saveSessionQuery() {
-        const result = globalThis.location?.search || globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY) || '';
-        if (result) {
-            globalThis.sessionStorage?.setItem(QUERY_STORAGE_KEY, result);
-        }
-        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);
-            }
+            handleAspects({ aspectsAttributes, aspects, ev });
         }
         catch (_) {
             // Do nothing
@@ -5908,52 +5997,6 @@
         aspects.forwardQuery?.(ev);
     };
 
-    const adjustSessionQuery = (href) => {
-        const sessionQuery = saveSessionQuery();
-        if (!isURL(href) || !sessionQuery) {
-            return href;
-        }
-        const url = new URL(href);
-        for (const [key, value] of new URLSearchParams(sessionQuery)) {
-            url.searchParams.set(key, value);
-        }
-        return url.toString();
-    };
-
-    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(anchor?.href) || anchor?.href;
-            if (url) {
-                const transition = getTransition(anchor?.target);
-                transition?.(url);
-            }
-        }
-    };
-    const getTransition = tableFunc([
-        [(_) => _ === '_blank', (url) => globalThis.open(url, '_blank')],
-        [(_) => _ === '_parent', (url) => globalThis.parent && (globalThis.parent.location.href = url)],
-        [
-            (_) => _ === '_top',
-            (url) => {
-                globalThis.top && (globalThis.top.location.href = url);
-            },
-        ],
-        [() => true, (url) => globalThis.location && (globalThis.location.href = url)],
-    ]);
-
-    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
@@ -6112,7 +6155,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.286";
+    const packageVersion = "0.14.288";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;