@formixru/b2b-ui 2.0.1 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## v2.2.0
+
+- Доработки по стилям `.tabs`/`.warning-message`
+
+## v2.1.0
+
+- В Request добавлены `reloadOnHideSidebar`/`hideSidebar`, а так же параметр `hideLoaderOnSuccess`
+- В Request добавлена функция `__FORMIX__REQUEST__INIT_CONTENT` вместо `__FORMIX__FORM__INIT_CONTENT`/`__FORMIX__DIALOG__INIT_CONTENT`/`__FORMIX__SIDEBAR_INIT_CONTENT`
+- Поддержка id диалогового окна или сайдбара как c `#`, так и без неё
+
 ## v2.0.1
 
 - Исправлена работа `Request`

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@formixru/b2b-ui",
-    "version": "2.0.1",
+    "version": "2.2.0",
     "type": "module",
     "repository": {
         "type": "git",

package/src/components/dialog/index.js

@@ -2,8 +2,9 @@ import _throttle from 'lodash-es/throttle.js';
 
 import { cssVar } from '../../helpers/css-var.js';
 import { mm } from '../../helpers/mm.js';
+import { hide as hideLoader } from '../loader/index.js';
 import { disableScroll, enableScroll } from '../overlay/index.js';
-import { request } from '../request/index.js';
+import { initRequestContent, request } from '../request/index.js';
 
 const isDialogOverflow = ($b) => {
     return $b.scrollHeight > $b.clientHeight;
@@ -88,35 +89,30 @@ export const hide = async ($b) => {
 
         $b.hidden = true;
         enableScroll();
+
         $b.dispatchEvent(new CustomEvent('dialog-hidden'));
     } else {
         enableScroll();
     }
 };
 
-export const initDialogContent = ($b) => {
-    try {
-        window.__FORMIX__DIALOG__INIT_CONTENT($b);
-    } catch {
-        console.warn('Функция __FORMIX__DIALOG__INIT_CONTENT не установлена');
-    }
-};
-
 export const get = async (id, url) => {
+    const elementId = id.startsWith('#') ? id : `#${id}`;
     if (url && url !== '#') {
-        const { content } = await request({ url });
+        const { content } = await request({ url, hideLoaderOnSuccess: false });
         if (content) {
-            const $b = document.querySelector(id);
+            const $b = document.querySelector(elementId);
             if ($b) {
                 $b.querySelector('.dialog__container').innerHTML = content;
                 await show($b);
-                initDialogContent($b);
+                initRequestContent($b);
+                hideLoader();
             } else {
-                console.error(`Диалоговое окно с id ${id} не найдено`);
+                console.error(`Диалоговое окно с id ${elementId} не найдено`);
             }
         }
     } else {
-        const $b = document.querySelector(id);
+        const $b = document.querySelector(elementId);
         show($b);
     }
 };

package/src/components/form/index.js

@@ -2,16 +2,7 @@
 
 import { getSmartCaptcha } from '../../helpers/get-smart-captcha.js';
 import { scrollTo } from '../../helpers/scroll-to.js';
-import { initDialogContent } from '../dialog/index.js';
-import { request } from '../request/index.js';
-
-const initFormContent = ($b) => {
-    try {
-        window.__FORMIX__FORM__INIT_CONTENT($b);
-    } catch {
-        console.warn('Функция __FORMIX__FORM__INIT_CONTENT не установлена');
-    }
-};
+import { initRequestContent, request } from '../request/index.js';
 
 export const send = async ($b, url, method, data) => {
     const { success, content } = await request({
@@ -27,7 +18,7 @@ export const send = async ($b, url, method, data) => {
         const $dialog = $b.closest('.dialog');
         if ($dialog) {
             $dialog.querySelector('.dialog__container').innerHTML = content;
-            initDialogContent($dialog);
+            initRequestContent($dialog);
             setTimeout(() => {
                 scrollToError($dialog);
             });
@@ -37,7 +28,7 @@ export const send = async ($b, url, method, data) => {
             const $form = $parent.querySelector('.form');
             if ($form) {
                 init($form);
-                initFormContent($form);
+                initRequestContent($form);
                 setTimeout(() => {
                     scrollToError($form);
                 });

package/src/components/request/index.js

@@ -3,11 +3,27 @@
 import { is } from '@advdominion/is';
 
 import { errorHandler } from '../../helpers/error-handler.js';
-import { hide as hideDialog, initDialogContent, show as showDialog } from '../dialog/index.js';
+import { hide as hideDialog, show as showDialog } from '../dialog/index.js';
 import { clearLoaderTimeout, hide as hideLoader, show as showLoader } from '../loader/index.js';
-import { initSidebarContent, show as showSidebar } from '../sidebar/index.js';
+import { hide as hideSidebar, show as showSidebar } from '../sidebar/index.js';
 
-export const request = async ({ $b, url = '', method = 'GET', data = {}, loader = true, showLoaderDelay }) => {
+export const initRequestContent = ($b) => {
+    try {
+        window.__FORMIX__REQUEST__INIT_CONTENT($b);
+    } catch {
+        console.warn('Функция __FORMIX__REQUEST__INIT_CONTENT не установлена');
+    }
+};
+
+export const request = async ({
+    $b,
+    url = '',
+    method = 'GET',
+    data = {},
+    loader = true,
+    showLoaderDelay,
+    hideLoaderOnSuccess = true,
+}) => {
     url = new URL(url, location.origin);
     const options = {
         method,
@@ -78,7 +94,7 @@ export const request = async ({ $b, url = '', method = 'GET', data = {}, loader
                 if ($dialog) {
                     $dialog.querySelector('.dialog__container').innerHTML = data.dialog.content;
                     await showDialog($dialog);
-                    initDialogContent($dialog);
+                    initRequestContent($dialog);
                 } else {
                     console.error(`Диалоговое окно с id ${data.trigger} не найдено`);
                 }
@@ -110,11 +126,33 @@ export const request = async ({ $b, url = '', method = 'GET', data = {}, loader
                 if ($sidebar) {
                     $sidebar.innerHTML = data.sidebar.content;
                     await showSidebar($sidebar);
-                    initSidebarContent($sidebar);
+                    initRequestContent($sidebar);
                 } else {
                     console.error(`Сайдбар с id ${data.trigger} не найден`);
                 }
             }
+            if (data.reloadOnHideSidebar) {
+                if (data.sidebar) {
+                    const $sidebar = document.querySelector(data.sidebar.id);
+                    $sidebar?.addEventListener('sidebar-hide', () => {
+                        location.reload();
+                    });
+                } else {
+                    $b?.closest('.sidebar').addEventListener('sidebar-hide', () => {
+                        location.reload();
+                    });
+                }
+            }
+            if (data.hideSidebar) {
+                if (data.sidebar) {
+                    const $sidebar = document.querySelector(data.sidebar.id);
+                    if ($sidebar) {
+                        hideSidebar($sidebar);
+                    }
+                } else if ($b) {
+                    hideSidebar($b.closest('.sidebar'));
+                }
+            }
             if (data.trigger) {
                 const $trigger = document.querySelector(data.trigger);
                 if ($trigger) {
@@ -126,7 +164,13 @@ export const request = async ({ $b, url = '', method = 'GET', data = {}, loader
                     }
                 }
             }
-            if (!(data.reloadOnHideDialog && data.hideDialog) && (!data.trigger || data.hideDialog) && loader) {
+            if (
+                !(data.reloadOnHideDialog && data.hideDialog) &&
+                !(data.reloadOnHideSidebar && data.hideSidebar) &&
+                (!data.trigger || data.hideDialog || data.hideSidebar) &&
+                loader &&
+                hideLoaderOnSuccess
+            ) {
                 hideLoader();
             }
         }
@@ -155,7 +199,7 @@ document.body.addEventListener('click', (event) => {
         }
         if ($el.dataset.requestData) {
             try {
-                options.method = JSON.parse($el.dataset.requestData);
+                options.data = JSON.parse($el.dataset.requestData);
             } catch {
                 console.warn('Ошибка при попытке преобразования значения data-request-data в JSON');
             }

package/src/components/sidebar/index.js

@@ -1,67 +1,83 @@
 import { cssVar } from '../../helpers/css-var.js';
 import { mm } from '../../helpers/mm.js';
+import { hide as hideLoader } from '../loader/index.js';
 import { disableScroll, enableScroll, hide as hideOverlay, show as showOverlay } from '../overlay/index.js';
-import { request } from '../request/index.js';
+import { initRequestContent, request } from '../request/index.js';
 
 export const show = async ($b) => {
-    if ($b.id !== 'settings-generator') {
-        disableScroll();
-    }
-    $b.hidden = false;
-    showOverlay();
-    let width = mm('tablet-landscape-up')
-        ? $b.offsetWidth + $b.querySelector('.sidebar__aside').offsetWidth
-        : $b.offsetWidth;
-    if ($b.classList.contains('sidebar_left')) {
-        width = width * -1;
+    if ($b?.hidden) {
+        $b.dispatchEvent(new CustomEvent('sidebar-show'));
+
+        if ($b.id !== 'settings-generator') {
+            disableScroll();
+        }
+        $b.hidden = false;
+        showOverlay();
+
+        let width = mm('tablet-landscape-up')
+            ? $b.offsetWidth + $b.querySelector('.sidebar__aside').offsetWidth
+            : $b.offsetWidth;
+        if ($b.classList.contains('sidebar_left')) {
+            width = width * -1;
+        }
+        await $b.animate([{ transform: `translateX(${width}px)` }, { transform: 'translateX(0px)' }], {
+            duration: cssVar('--duration-enter-m'),
+            easing: cssVar('--easing-deceleration'),
+        }).finished;
+
+        $b.dispatchEvent(new CustomEvent('sidebar-shown'));
     }
-    await $b.animate([{ transform: `translateX(${width}px)` }, { transform: 'translateX(0px)' }], {
-        duration: cssVar('--duration-enter-m'),
-        easing: cssVar('--easing-deceleration'),
-    }).finished;
+
+    return new Promise((resolve) => {
+        resolve();
+    });
 };
 
 export const hide = async ($b) => {
-    hideOverlay();
-    let width = mm('tablet-landscape-up')
-        ? $b.offsetWidth + $b.querySelector('.sidebar__aside').offsetWidth
-        : $b.offsetWidth;
-    if ($b.classList.contains('sidebar_left')) {
-        width = width * -1;
-    }
-    await $b.animate([{ transform: 'translateX(0px)' }, { transform: `translateX(${width}px)` }], {
-        duration: cssVar('--duration-leave-m'),
-        easing: cssVar('--easing-acceleration'),
-    }).finished;
-    $b.hidden = true;
-    if ($b.id !== 'settings-generator') {
-        enableScroll();
-    }
-};
+    if ($b && !$b.hidden) {
+        $b.dispatchEvent(new CustomEvent('sidebar-hide'));
 
-export const initSidebarContent = ($b) => {
-    try {
-        window.__FORMIX__SIDEBAR__INIT_CONTENT($b);
-    } catch {
-        console.warn('Функция __FORMIX__SIDEBAR__INIT_CONTENT не установлена');
+        hideOverlay();
+
+        let width = mm('tablet-landscape-up')
+            ? $b.offsetWidth + $b.querySelector('.sidebar__aside').offsetWidth
+            : $b.offsetWidth;
+        if ($b.classList.contains('sidebar_left')) {
+            width = width * -1;
+        }
+        await $b.animate([{ transform: 'translateX(0px)' }, { transform: `translateX(${width}px)` }], {
+            duration: cssVar('--duration-leave-m'),
+            easing: cssVar('--easing-acceleration'),
+        }).finished;
+
+        $b.hidden = true;
+        if ($b.id !== 'settings-generator') {
+            enableScroll();
+        }
+
+        $b.dispatchEvent(new CustomEvent('sidebar-hidden'));
+    } else if ($b.id !== 'settings-generator') {
+        enableScroll();
     }
 };
 
 export const get = async (id, url, showLoaderDelay) => {
+    const elementId = id.startsWith('#') ? id : `#${id}`;
     if (url && url !== '#') {
-        const { content } = await request({ url, showLoaderDelay });
+        const { content } = await request({ url, showLoaderDelay, hideLoaderOnSuccess: false });
         if (content) {
-            const $b = document.querySelector(id);
+            const $b = document.querySelector(elementId);
             if ($b) {
                 $b.innerHTML = content;
                 await show($b);
-                initSidebarContent($b);
+                initRequestContent($b);
+                hideLoader();
             } else {
-                console.error(`Сайдбар с id ${id} не найден`);
+                console.error(`Сайдбар с id ${elementId} не найден`);
             }
         }
     } else {
-        const $b = document.querySelector(id);
+        const $b = document.querySelector(elementId);
         show($b);
     }
 };

package/src/components/tabs/index.scss

@@ -13,19 +13,19 @@ $b: '.tabs';
         width: 100%;
 
         @media (--tablet-portrait-down) {
-            margin-left: -4px * 4;
-            margin-right: -4px * 4;
-            padding-left: 4px * 4;
-            padding-right: 4px * 4;
+            margin-left: -16px;
+            margin-right: -16px;
+            padding-left: 16px;
+            padding-right: 16px;
             width: calc(100% + 32px);
         }
 
         .account & {
             @media (--tablet-portrait-down) {
-                margin-left: -4px * 6;
-                margin-right: -4px * 6;
-                padding-left: 4px * 6;
-                padding-right: 4px * 6;
+                margin-left: -24px;
+                margin-right: -24px;
+                padding-left: 24px;
+                padding-right: 24px;
             }
         }
 
@@ -38,7 +38,7 @@ $b: '.tabs';
                     left: 0;
                     position: absolute;
                     top: 0;
-                    width: 4px * 4;
+                    width: 16px;
                     z-index: 2;
                 }
 
@@ -59,7 +59,7 @@ $b: '.tabs';
                     position: absolute;
                     right: 0;
                     top: 0;
-                    width: 4px * 4;
+                    width: 16px;
                     z-index: 2;
                 }
 
@@ -82,9 +82,9 @@ $b: '.tabs';
         border-bottom: $tabs-border-width solid $tabs-border-color;
         display: block;
         margin-bottom: $tabs-border-width * -1;
-        padding: 0 4px * 4;
-        padding-bottom: 4px * 3;
-        padding-top: 4px * 3;
+        padding: 0 16px;
+        padding-bottom: 12px;
+        padding-top: 12px;
 
         &:first-of-type {
             padding-left: 0;
@@ -96,7 +96,7 @@ $b: '.tabs';
 
         div#{$b}__item + &:any-link,
         div#{$b}__item + &:enabled {
-            padding-left: 4px * 4;
+            padding-left: 16px;
         }
 
         &.swiper-slide {
@@ -114,11 +114,13 @@ $b: '.tabs';
         background-color: $tabs-counter-bg;
         border-radius: $tabs-counter-radius;
         color: $tabs-counter-color;
-        height: 4px * 5;
+        height: 20px;
         padding-bottom: 2px;
-        padding-left: 4px * 2;
-        padding-right: 4px * 2;
+        padding-left: 4px;
+        padding-right: 4px;
         padding-top: 3px;
+        position: relative;
+        top: -1px;
 
         @include font($tabs-counter-font);
     }

package/src/components/warning-message/index.scss

@@ -8,25 +8,21 @@ $b: '.warning-message';
     border-radius: $warning-message-radius;
     box-shadow: $warning-message-shadow;
     display: flex;
-    padding-bottom: 4px * 6;
-    padding-left: 4px * 4;
-    padding-right: 4px * 4;
-    padding-top: 4px * 4;
+    padding: 16px 16px 24px;
 
     @include dark-border;
 
     @media (--tablet-landscape-up) {
-        padding-bottom: 4px * 8;
-        padding-left: 4px * 6;
-        padding-right: 4px * 6;
-        padding-top: 4px * 6;
+        padding: 24px 24px 32px;
     }
 
     &_small {
-        padding-bottom: 4px * 6;
-        padding-left: 4px * 4;
-        padding-right: 4px * 4;
-        padding-top: 4px * 4;
+        box-shadow: $warning-message-small-shadow;
+        padding: 16px 16px 24px;
+
+        &:has(#{$b}__content:last-child #{$b}__descr:first-child) {
+            padding-bottom: 16px;
+        }
     }
 
     &_success {
@@ -62,51 +58,51 @@ $b: '.warning-message';
     }
 
     &__icon {
-        fill: $warning-message-color;
+        fill: $warning-message-icon-color;
         flex-shrink: 0;
-        height: 4px * 6;
-        margin-right: 4px * 2;
-        width: 4px * 6;
+        height: 24px;
+        margin-right: 8px;
+        width: 24px;
 
         #{$b}_small & {
-            height: 4px * 5;
-            width: 4px * 5;
+            height: 20px;
+            width: 20px;
         }
 
         #{$b}_solid & {
-            fill: $warning-message-solid-descr-color;
+            fill: $warning-message-solid-icon-color;
         }
 
         #{$b}_success & {
-            fill: $warning-message-success-color;
+            fill: $warning-message-success-icon-color;
         }
 
         #{$b}_solid#{$b}_success & {
-            fill: $warning-message-solid-success-color;
+            fill: $warning-message-solid-success-icon-color;
         }
 
         #{$b}_info & {
-            fill: $warning-message-info-color;
+            fill: $warning-message-info-icon-color;
         }
 
         #{$b}_solid#{$b}_info & {
-            fill: $warning-message-solid-info-color;
+            fill: $warning-message-solid-info-icon-color;
         }
 
         #{$b}_light-info & {
-            fill: $warning-message-light-info-color;
+            fill: $warning-message-light-info-icon-color;
         }
 
         #{$b}_solid#{$b}_light-info & {
-            fill: $warning-message-solid-light-info-color;
+            fill: $warning-message-solid-light-info-icon-color;
         }
 
         #{$b}_error & {
-            fill: $warning-message-error-color;
+            fill: $warning-message-error-icon-color;
         }
 
         #{$b}_solid#{$b}_error & {
-            fill: $warning-message-solid-error-color;
+            fill: $warning-message-solid-error-icon-color;
         }
     }
 
@@ -223,10 +219,10 @@ $b: '.warning-message';
 
     &__action {
         flex-shrink: 0;
-        margin-top: 4px * 4;
+        margin-top: 16px;
 
         @media (--tablet-landscape-up) {
-            margin-left: 4px * 6;
+            margin-left: 24px;
             margin-top: 0;
         }
     }

package/src/components/warning-message/index.vue

@@ -9,7 +9,10 @@
             <a
                 v-if="actionUrl.length > 0"
                 class="warning-message__action button"
-                :class="{ button_inverted: solid, button_alt: !solid }"
+                :class="{
+                    button_inverted: solid && type !== 'light-info',
+                    button_alt: !solid || type === 'light-info',
+                }"
                 :href="actionUrl"
             >
                 <svg v-if="actionIcon.length > 0" class="button__icon">
@@ -61,7 +64,7 @@ const props = defineProps({
     },
 });
 
-const { type, small, solid, title, descr } = toRefs(props);
+const { type, small, solid, title, descr, actionUrl, actionIcon, noIcon } = toRefs(props);
 
 const classes = computed(() => {
     return {

package/src/variables.scss

@@ -977,8 +977,8 @@ $tabs-line-color: $color-primary !default;
 $tabs-label-font: ('font-weight': bold, 'font-size': $font-size, 'line-height': 1) !default;
 
 $tabs-counter-bg: $color-grey-80 !default;
-$tabs-counter-color: $color-grey-100 !default;
-$tabs-counter-font: ('font-weight': normal, 'font-size': $font-size-s) !default;
+$tabs-counter-color: $font-color-primary !default;
+$tabs-counter-font: ('font-size': $font-size-xs) !default;
 $tabs-counter-radius: $radius-s !default;
 
 /********** Всплывающие подсказки / Tooltips **********/
@@ -1013,30 +1013,43 @@ $warning-message-radius: $radius !default;
 $warning-message-shadow: $shadow !default;
 $warning-message-color: $color-warning !default;
 
-$warning-message-title-font: ('font-weight': bold, 'font-size': $font-size-l, 'line-height': $line-height-s) !default;
-$warning-message-descr-font: ('font-size': $font-size, 'line-height': $line-height) !default;
-$warning-message-descr-color: $font-color-secondary !default;
+$warning-message-small-shadow: $shadow-s !default;
 
-$warning-message-small-title-font: ('font-weight': bold, 'font-size': $font-size-s, 'line-height': $line-height-s) !default;
-$warning-message-small-descr-font: ('font-size': $font-size-xs, 'line-height': $line-height) !default;
+$warning-message-solid-color: $font-color-inverted !default;
 
 $warning-message-success-color: $color-success !default;
-$warning-message-info-color: $color-primary !default;
-$warning-message-light-info-color: $color-primary-80 !default;
-$warning-message-error-color: $color-error !default;
-
-$warning-message-solid-color: $font-color-inverted !default;
 $warning-message-solid-success-color: $warning-message-solid-color !default;
+$warning-message-info-color: $color-primary !default;
 $warning-message-solid-info-color: $warning-message-solid-color !default;
+$warning-message-light-info-color: $color-primary-70 !default;
 $warning-message-solid-light-info-color: $font-color-secondary !default;
+$warning-message-error-color: $color-error !default;
 $warning-message-solid-error-color: $warning-message-solid-color !default;
 
+$warning-message-title-font: ('font-weight': bold, 'font-size': $font-size-l, 'line-height': $line-height-s) !default;
+$warning-message-small-title-font: ('font-weight': bold, 'font-size': $font-size-s, 'line-height': $line-height-s) !default;
+
+$warning-message-descr-font: ('font-size': $font-size, 'line-height': $line-height) !default;
+$warning-message-small-descr-font: ('font-size': $font-size-xs, 'line-height': $line-height) !default;
+
+$warning-message-descr-color: $font-color-secondary !default;
 $warning-message-solid-descr-color: $warning-message-solid-color !default;
 $warning-message-solid-success-descr-color: $warning-message-solid-success-color !default;
 $warning-message-solid-info-descr-color: $warning-message-solid-info-color !default;
 $warning-message-solid-light-info-descr-color: $warning-message-solid-light-info-color !default;
 $warning-message-solid-error-descr-color: $warning-message-solid-error-color !default;
 
+$warning-message-icon-color: $warning-message-solid-color !default;
+$warning-message-solid-icon-color: $warning-message-icon-color !default;
+$warning-message-success-icon-color: $warning-message-solid-success-color !default;
+$warning-message-solid-success-icon-color: $warning-message-success-icon-color !default;
+$warning-message-info-icon-color: $warning-message-solid-info-color !default;
+$warning-message-solid-info-icon-color: $warning-message-info-icon-color !default;
+$warning-message-light-info-icon-color: $color-primary-70 !default;
+$warning-message-solid-light-info-icon-color: $color-primary !default;
+$warning-message-error-icon-color: $warning-message-solid-error-color !default;
+$warning-message-solid-error-icon-color: $warning-message-error-icon-color !default;
+
 /********** Панель пустого состояния (.empty-list) **********/
 
 $empty-list-bg: $bg-color-tertiary !default;

package/src/helpers/request.js

@@ -1,126 +0,0 @@
-/* globals BX */
-
-import { is } from '@advdominion/is';
-
-import { hide as hideDialog, initDialogContent, show as showDialog } from '../components/dialog/index.js';
-import { clearLoaderTimeout, hide as hideLoader, show as showLoader } from '../components/loader.js';
-import { initSidebarContent, show as showSidebar } from '../components/sidebar/index.js';
-import { errorHandler } from './error-handler.js';
-
-export const req = async ({ $b, url = '', method = 'GET', data = {}, loader = true, showLoaderDelay }) => {
-    url = new URL(url, location.origin);
-    const options = {
-        method,
-        headers: {
-            'X-Requested-With': 'XMLHttpRequest',
-            'X-Session-Id': BX.message('bitrix_sessid'),
-        },
-    };
-    if (method === 'GET') {
-        for (const [name, value] of data) {
-            url.searchParams.append(name, value);
-        }
-    } else {
-        options.body = data;
-    }
-    if (loader) {
-        showLoader(showLoaderDelay);
-    }
-    try {
-        const response = await fetch(url, options);
-        if (!response.ok) {
-            throw response;
-        }
-        const data = await response.json().catch(async () => {
-            console.warn('Ошибка при попытке преобразования ответа в JSON.');
-            const content = await response.text();
-            return { content };
-        });
-
-        if (is(data.redirect, 'String')) {
-            if (data.redirect) {
-                location.assign(data.redirect);
-                if (data.redirect.startsWith('tg:')) {
-                    if (loader) {
-                        hideLoader();
-                    }
-                } else {
-                    clearLoaderTimeout();
-                }
-            } else {
-                location.reload();
-            }
-        } else {
-            try {
-                await window.__FORMIX__REQ__INTERCEPT_DATA(data);
-            } catch {
-                console.warn('Функция __FORMIX__REQUEST__INTERCEPT_DATA не установлена');
-            }
-            if (data.dialog) {
-                const $dialog = document.querySelector(data.dialog.id);
-                if ($dialog) {
-                    $dialog.querySelector('.dialog__container').innerHTML = data.dialog.content;
-                    await showDialog($dialog);
-                    initDialogContent($dialog);
-                } else {
-                    console.error(`Диалоговое окно с id ${data.trigger} не найдено`);
-                }
-            }
-            if (data.reloadOnHideDialog) {
-                if (data.dialog) {
-                    const $dialog = document.querySelector(data.dialog.id);
-                    $dialog?.addEventListener('dialog-hide', () => {
-                        location.reload();
-                    });
-                } else {
-                    $b?.closest('.dialog').addEventListener('dialog-hide', () => {
-                        location.reload();
-                    });
-                }
-            }
-            if (data.hideDialog) {
-                if (data.dialog) {
-                    const $dialog = document.querySelector(data.dialog.id);
-                    if ($dialog) {
-                        hideDialog($dialog);
-                    }
-                } else if ($b) {
-                    hideDialog($b.closest('.dialog'));
-                }
-            }
-            if (data.sidebar) {
-                const $sidebar = document.querySelector(data.sidebar.id);
-                if ($sidebar) {
-                    $sidebar.innerHTML = data.sidebar.content;
-                    await showSidebar($sidebar);
-                    initSidebarContent($sidebar);
-                } else {
-                    console.error(`Сайдбар с id ${data.trigger} не найден`);
-                }
-            }
-            if (data.trigger) {
-                const $trigger = document.querySelector(data.trigger);
-                if ($trigger) {
-                    $trigger?.click();
-                    console.error(`Элемент с селектором ${data.trigger} не найден`);
-                } else if (loader) {
-                    hideLoader();
-                }
-            }
-            if (!(data.reloadOnHideDialog && data.hideDialog) && (!data.trigger || data.hideDialog) && loader) {
-                hideLoader();
-            }
-        }
-
-        return data;
-    } catch (error) {
-        if (error.status === 401) {
-            location.reload();
-        } else {
-            if (loader) {
-                hideLoader();
-            }
-            errorHandler(error);
-        }
-    }
-};