From 3a35f3fa627fc0b30909a62a0df1dbffb4800d2e Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 11 Dec 2024 15:46:25 +0200
Subject: [PATCH 01/28] fix: route in slas and sources
 pages[WTEL-5699](https://webitel.atlassian.net/browse/WTEL-5699)

---
 .../modules/lookups/modules/slas/components/the-slas.vue        | 2 +-
 .../modules/lookups/modules/sources/components/the-sources.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index e66a1f3b..676e5d80 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -185,7 +185,7 @@ const path = computed(() => [
   { name: t('crm') },
   { name: t('startPage.configuration.name'), route: '/configuration' },
   { name: t('lookups.lookups'), route: '/configuration' },
-  { name: t('lookups.slas.slas', 2), route: '/slas' },
+  { name: t('lookups.slas.slas', 2), route: 'slas' },
 ]);
 
 const { close } = useClose('configuration');
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index d1a62846..6f16c043 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -185,7 +185,7 @@ const path = computed(() => [
   { name: t('crm') },
   { name: t('startPage.configuration.name'), route: '/configuration' },
   { name: t('lookups.lookups'), route: '/configuration' },
-  { name: t('lookups.sources.sources', 2), route: '/sources' },
+  { name: t('lookups.sources.sources', 2), route: 'sources' },
 ]);
 
 const { close } = useClose('configuration');

From b59452316d63b29332ae441c0198336f3475cbc7 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 11 Dec 2024 17:13:43 +0200
Subject: [PATCH 02/28] fix: display locale in navigation
 menu[WTEL-5697](https://webitel.atlassian.net/browse/WTEL-5697)

---
 package-lock.json                                  | 12 ++++++------
 package.json                                       |  2 +-
 .../configuration/components/the-configuration.vue | 14 ++++++++------
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 86b5f683..3ca3b4d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.13",
+        "@webitel/ui-sdk": "^24.12.18",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.13",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.13.tgz",
-      "integrity": "sha512-+sCrne9hD/76WDYGcgxxCXimWejfiGtClhGZy52uGWurDfnZGq6LmiqJrZr1zH6DBeLUAMiivI2lRFcc4Z8K3w==",
+      "version": "24.12.18",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.18.tgz",
+      "integrity": "sha512-SzOHvj2VZqxcfbGgRYcHWxvHvHcYptxf0AfQvIWxKQgLjx3F8ac31jcarji+veW6BREwTWeu9M2of7BKxbzMJw==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
@@ -2105,11 +2105,11 @@
         "vue-multiselect": "^3.1.0",
         "vue-observe-visibility": "^2.0.0-alpha.1",
         "vue-router": "^4.4.5",
-        "webitel-sdk": "^24.8.8",
+        "webitel-sdk": "^24.10.2",
         "xlsx": "^0.18.5"
       },
       "engines": {
-        "node": "v22.11.0",
+        "node": "v22.12.0",
         "npm": "10.9.0"
       },
       "optionalDependencies": {
diff --git a/package.json b/package.json
index 7304d469..f40bf9ba 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.13",
+    "@webitel/ui-sdk": "^24.12.18",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/configuration/components/the-configuration.vue b/src/modules/configuration/components/the-configuration.vue
index 06902861..9b640ec5 100644
--- a/src/modules/configuration/components/the-configuration.vue
+++ b/src/modules/configuration/components/the-configuration.vue
@@ -1,11 +1,13 @@
 <template>
   <wt-navigation-menu
     :nav="nav"
-    :icons="icons"/>
+    :icons="icons"
+  />
 </template>
 
 <script setup>
 import { useI18n } from 'vue-i18n';
+import { computed, reactive } from 'vue';
 import lookupsIcon from '../../../app/assets/icons/sprite/crm-lookups.svg';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 
@@ -13,24 +15,24 @@ const { t } = useI18n();
 
 const icons = [lookupsIcon];
 
-const nav = [
+const nav = reactive([
   {
     value: 'lookups',
-    name: t('lookups.lookups'),
+    name: computed(() => t('lookups.lookups')),
     subNav: [
       {
         value: CrmSections.SOURCES,
-        name: t('lookups.sources.sources', 2),
+        name: computed(() => t('lookups.sources.sources', 2)),
         route: 'lookups/sources',
       },
       {
         value: CrmSections.SLAS,
-        name: t('lookups.slas.slas', 2),
+        name: computed(() => t('lookups.slas.slas', 2)),
         route: 'lookups/slas',
       },
     ],
   },
-];
+]);
 </script>
 
 <style lang="scss" scoped>

From f002208c6736ac30dd9417ce1b88f7c86db46145 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 11 Dec 2024 17:28:54 +0200
Subject: [PATCH 03/28] fix: style in source
 page[WTEL-5710](https://webitel.atlassian.net/browse/WTEL-5710)

---
 .../modules/sources/components/opened-source-general.vue        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
index 97416ded..906493f2 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
@@ -5,7 +5,7 @@
         {{ t('reusable.generalInfo') }}
       </h3>
     </header>
-    <div class="opened-card-input-grid">
+    <div class="opened-card-input-grid opened-card-input-grid--1-col opened-card-input-grid--w50">
       <wt-input
         :label="t('reusable.name')"
         :value="itemInstance.name"

From 00431bb13679495d435247f438d8b3181b1696fc Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 12 Dec 2024 13:16:48 +0200
Subject: [PATCH 04/28] fix: delete general
 tab[WTEL-5731](https://webitel.atlassian.net/browse/WTEL-5731)

---
 .../sources/components/opened-source.vue      | 36 ++-----------------
 1 file changed, 2 insertions(+), 34 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
index 64e93818..364e3550 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
@@ -1,6 +1,6 @@
 <template>
   <wt-page-wrapper
-    :actions-panel="!!currentTab.filters"
+    :actions-panel="false"
   >
     <template #header>
       <wt-page-header
@@ -14,23 +14,11 @@
       </wt-page-header>
     </template>
 
-    <template #actions-panel>
-      <component
-        :is="currentTab.filters"
-        :namespace="namespace"
-      />
-    </template>
-
     <template #main>
       <form
         class="main-container"
         @submit.prevent="save"
       >
-        <wt-tabs
-          :current="currentTab"
-          :tabs="tabs"
-          @change="changeTab"
-        />
         <router-view v-slot="{ Component }">
           <component
             :is="Component"
@@ -50,17 +38,14 @@
 <script setup>
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 import { useCardStore } from '@webitel/ui-sdk/src/store/new/index.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
 import { useCardComponent } from '@webitel/ui-sdk/src/composables/useCard/useCardComponent.js';
-import { useCardTabs } from '@webitel/ui-sdk/src/composables/useCard/useCardTabs.js';
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 
 const namespace = 'configuration/lookups/sources';
 const { t } = useI18n();
-const route = useRoute();
 
 const {
   namespace: cardNamespace,
@@ -78,17 +63,6 @@ const { hasSaveActionAccess, disableUserInput } = useAccessControl();
 
 const { close } = useClose(CrmSections.SOURCES);
 
-const tabs = computed(() => {
-  const general = {
-    text: t('reusable.general'),
-    value: 'general',
-    pathName: `${CrmSections.SOURCES}-general`,
-  };
-  return [general];
-});
-
-const { currentTab, changeTab } = useCardTabs(tabs);
-
 const path = computed(() => {
 
   return [
@@ -96,13 +70,7 @@ const path = computed(() => {
     { name: t('startPage.configuration.name'), route: '/configuration' },
     { name: t('lookups.lookups'), route: '/configuration' },
     { name: t('lookups.sources.sources', 2), route: '/lookups/sources' },
-    {
-      name: isNew.value ? t('reusable.new') : pathName.value,
-      route: {
-        name: currentTab.value.pathName,
-        query: route.query,
-      },
-    },
+    { name: isNew.value ? t('reusable.new') : pathName.value },
   ];
 });
 

From 1445c174493ea2cd05ae7d4f1ef614fdcdab7a5e Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 12 Dec 2024 13:35:49 +0200
Subject: [PATCH 05/28] @24.12.20 update
 webitel/ui-sdk[WTEL-5721](https://webitel.atlassian.net/browse/WTEL-5721)

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3ca3b4d4..d07bfc74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.18",
+        "@webitel/ui-sdk": "^24.12.20",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.18",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.18.tgz",
-      "integrity": "sha512-SzOHvj2VZqxcfbGgRYcHWxvHvHcYptxf0AfQvIWxKQgLjx3F8ac31jcarji+veW6BREwTWeu9M2of7BKxbzMJw==",
+      "version": "24.12.20",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.20.tgz",
+      "integrity": "sha512-fG3dL65yS2/EY9NUw/6VhiUWqj3bEg1Aq7KU3rfEowVlYRA/wLiA7ak02kfZciWhItpVhd9WNJ119z8rrb73BQ==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
diff --git a/package.json b/package.json
index f40bf9ba..2fa2d5dc 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.18",
+    "@webitel/ui-sdk": "^24.12.20",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

From bb0169cede553cd5954de57c359c06c1351c7c61 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 12 Dec 2024 13:43:44 +0200
Subject: [PATCH 06/28] fix: locale in
 opened-sla-condition-popup[WTEL-5686](https://webitel.atlassian.net/browse/WTEL-5686)

---
 src/app/locale/en/en.js                                        | 2 ++
 src/app/locale/ru/ru.js                                        | 2 ++
 src/app/locale/ua/ua.js                                        | 2 ++
 .../conditions/components/opened-sla-condition-popup.vue       | 3 +--
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index 5faf9024..539c511e 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -106,6 +106,8 @@ export default {
     slas: {
       slas: 'SLA | SLAs',
       conditions: 'Condition | Conditions',
+      editCondition: 'Edit condition',
+      addCondition: 'Add condition',
       reactionTime: 'Reaction time',
       resolutionTime: 'Resolution time',
       validFrom: 'Valid from',
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index 9f16cf68..9af21436 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -105,6 +105,8 @@ export default {
     slas: {
       slas: 'SLA | SLAs',
       conditions: 'Условие | Условия',
+      editCondition: 'Редактировать условие',
+      addCondition: 'Добавить условие',
       reactionTime: 'Плановое время реакции',
       resolutionTime: 'Плановое время решения',
       validFrom: 'Действителен с',
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index e23fa9af..f4dbf8aa 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -105,6 +105,8 @@ export default {
     slas: {
       slas: 'SLA | SLAs',
       conditions: 'Умова | Умови',
+      editCondition: 'Редагувати умову',
+      addCondition: 'Додати умову',
       reactionTime: 'Плановий час реакції',
       resolutionTime: 'Плановий час вирішення',
       validFrom: 'Дійсний з',
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index e71ad2d8..092cb160 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -5,8 +5,7 @@
     @close="close"
   >
     <template #title>
-      {{ !isNew ? t('reusable.edit') : t('reusable.add') }}
-      {{ t('lookups.slas.conditions', 1).toLowerCase() }}
+      {{ !isNew ? t('lookups.slas.editCondition') : t('lookups.slas.addCondition') }}
     </template>
     <template #main>
       <form>

From e9d9fa78b9aeaa68dec8363fef14da4eed2ff8f2 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 12 Dec 2024 20:22:09 +0200
Subject: [PATCH 07/28] fix: delete condition in
 sla[WTEL-5683](https://webitel.atlassian.net/browse/WTEL-5683)

---
 .../modules/conditions/components/opened-sla-conditions.vue   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index 499b1c6f..a0beb5a3 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -19,6 +19,10 @@
         :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
         @click:add="router.push({ ...route, params: { conditionId: 'new' } })"
         @click:refresh="loadData"
+        @click:delete="askDeleteConfirmation({
+                  deleted: selected,
+                  callback: () => deleteData(selected),
+                })"
       >
         <template #search-bar>
           <filter-search

From 1295d7ec89b6113554350679a78f4e5cb9b0f7a5 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 12 Dec 2024 20:33:09 +0200
Subject: [PATCH 08/28] fix: add required fields in sla
 page[WTEL-5744](https://webitel.atlassian.net/browse/WTEL-5744)

---
 .../lookups/modules/slas/components/opened-sla-general.vue  | 6 ++++--
 .../conditions/components/opened-sla-condition-popup.vue    | 2 ++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
index 8b58c741..395d2d16 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
@@ -31,14 +31,16 @@
         <wt-timepicker
           :label="t('lookups.slas.reactionTime')"
           :value="itemInstance.reactionTime"
-          format='hh:mm'
+          format="hh:mm"
+          required
           @input="setItemProp({ path: 'reactionTime', value: +$event })"
         />
 
         <wt-timepicker
           :label="t('lookups.slas.resolutionTime')"
           :value="itemInstance.resolutionTime"
-          format='hh:mm'
+          format="hh:mm"
+          required
           @input="setItemProp({ path: 'resolutionTime', value: +$event })"
         />
       </div>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index 092cb160..96bc7a0b 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -26,6 +26,7 @@
           :label="t('lookups.slas.reactionTime')"
           :value="itemInstance.reactionTime"
           format="hh:mm"
+          required
           @input="setItemProp({ path: 'reactionTime', value: $event })"
         />
 
@@ -33,6 +34,7 @@
           :label="t('lookups.slas.resolutionTime')"
           :value="itemInstance.resolutionTime"
           format="hh:mm"
+          required
           @input="setItemProp({ path: 'resolutionTime', value: $event })"
         />
       </form>

From 57c0ab415564a341c1e28f563bc0e1e286d6da80 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 12 Dec 2024 21:33:34 +0200
Subject: [PATCH 09/28] fix: display loader in
 lookups[WTEL-5733](https://webitel.atlassian.net/browse/WTEL-5733)

---
 .../modules/lookups/modules/slas/components/the-slas.vue      | 4 ++--
 .../modules/conditions/components/opened-sla-conditions.vue   | 4 ++--
 .../lookups/modules/sources/components/the-sources.vue        | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 676e5d80..77f9442e 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -37,8 +37,6 @@
           </wt-action-bar>
         </header>
 
-        <wt-loader v-show="isLoading" />
-
         <delete-confirmation-popup
           :shown="isDeleteConfirmationPopup"
           :callback="deleteCallback"
@@ -56,6 +54,8 @@
             :text="textEmpty"
           />
 
+          <wt-loader v-show="isLoading" />
+
           <wt-table-transition v-if="dataList.length && !isLoading">
             <wt-table
               :data="dataList"
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index 499b1c6f..f51dcde1 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -29,8 +29,6 @@
       </wt-action-bar>
     </header>
 
-    <wt-loader v-show="isLoading" />
-
     <div
       class="table-section__table-wrapper"
     >
@@ -41,6 +39,8 @@
         :text="textEmpty"
       />
 
+      <wt-loader v-show="isLoading" />
+
       <wt-table-transition v-if="dataList.length && !isLoading">
         <wt-table
           :data="dataList"
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 6f16c043..4316bb2e 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -37,8 +37,6 @@
           </wt-action-bar>
         </header>
 
-        <wt-loader v-show="isLoading" />
-
         <delete-confirmation-popup
           :shown="isDeleteConfirmationPopup"
           :callback="deleteCallback"
@@ -55,6 +53,8 @@
             :text="textEmpty"
           />
 
+          <wt-loader v-show="isLoading" />
+
           <wt-table-transition v-if="dataList.length && !isLoading">
             <wt-table
               :data="dataList"

From f49b815d88ba5069309ea4181bd6714e65cdba55 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 13 Dec 2024 11:36:05 +0200
Subject: [PATCH 10/28] fix: add priority
 required[WTEL-5684](https://webitel.atlassian.net/browse/WTEL-5684)

---
 .../modules/conditions/components/opened-sla-condition-popup.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index 96bc7a0b..30420eed 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -20,6 +20,7 @@
           :label="t('vocabulary.priority')"
           :search-method="PrioritiesAPI.getLookup"
           multiple
+          required
           @input="setItemProp({ path: 'priorities', value: $event })"
         />
         <wt-timepicker

From 7bc45a551d231e3237a3a86387e51028cb7c10b4 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 13 Dec 2024 14:22:12 +0200
Subject: [PATCH 11/28] fix: delete table
 animation[WTEL-5734](https://webitel.atlassian.net/browse/WTEL-5734)

---
 .../modules/slas/components/the-slas.vue      |  71 ++++++-----
 .../components/opened-sla-conditions.vue      | 111 +++++++++---------
 .../sources/components/the-sources.vue        |  78 ++++++------
 3 files changed, 128 insertions(+), 132 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 77f9442e..2363a525 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -45,6 +45,7 @@
         />
 
         <div
+          v-if="dataList.length && !isLoading"
           class="table-section__table-wrapper"
         >
 
@@ -56,45 +57,43 @@
 
           <wt-loader v-show="isLoading" />
 
-          <wt-table-transition v-if="dataList.length && !isLoading">
-            <wt-table
-              :data="dataList"
-              :headers="headers"
-              :selected="selected"
-              sortable
-              @sort="sort"
-              @update:selected="setSelected"
-            >
-              <template #name="{ item }">
-                <wt-item-link
-                  :link="{ name: `${CrmSections.SLAS}-card`, params: { id: item.id } }"
-                >
-                  {{ item.name }}
-                </wt-item-link>
-              </template>
-              <template #description="{ item }">
-                {{ item.description }}
-              </template>
-              <template #calendar="{ item }">
-                {{ item.calendar.name }}
-              </template>
-              <template #actions="{ item }">
-                <wt-icon-action
-                  v-if="hasEditAccess"
-                  action="edit"
-                  @click="edit(item)"
-                />
-                <wt-icon-action
-                  v-if="hasDeleteAccess"
-                  action="delete"
-                  @click="askDeleteConfirmation({
+          <wt-table
+            :data="dataList"
+            :headers="headers"
+            :selected="selected"
+            sortable
+            @sort="sort"
+            @update:selected="setSelected"
+          >
+            <template #name="{ item }">
+              <wt-item-link
+                :link="{ name: `${CrmSections.SLAS}-card`, params: { id: item.id } }"
+              >
+                {{ item.name }}
+              </wt-item-link>
+            </template>
+            <template #description="{ item }">
+              {{ item.description }}
+            </template>
+            <template #calendar="{ item }">
+              {{ item.calendar.name }}
+            </template>
+            <template #actions="{ item }">
+              <wt-icon-action
+                v-if="hasEditAccess"
+                action="edit"
+                @click="edit(item)"
+              />
+              <wt-icon-action
+                v-if="hasDeleteAccess"
+                action="delete"
+                @click="askDeleteConfirmation({
                 deleted: [item],
                 callback: () => deleteData(item),
               })"
-                />
-              </template>
-            </wt-table>
-          </wt-table-transition>
+              />
+            </template>
+          </wt-table>
           <filter-pagination
             :namespace="filtersNamespace"
             :is-next="isNext"
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index e176e285..0d2eb0ca 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -34,6 +34,7 @@
     </header>
 
     <div
+      v-if="dataList.length && !isLoading"
       class="table-section__table-wrapper"
     >
 
@@ -45,66 +46,64 @@
 
       <wt-loader v-show="isLoading" />
 
-      <wt-table-transition v-if="dataList.length && !isLoading">
-        <wt-table
-          :data="dataList"
-          :headers="headers"
-          :selected="selected"
-          sortable
-          @sort="sort"
-          @update:selected="setSelected"
-        >
-          <template #name="{ item }">
-            {{ item.name }}
-          </template>
-          <template #priorities="{ item }">
-            <div
-              v-if="item.priorities?.length"
-              class="opened-sla-conditions__priorities"
+      <wt-table
+        :data="dataList"
+        :headers="headers"
+        :selected="selected"
+        sortable
+        @sort="sort"
+        @update:selected="setSelected"
+      >
+        <template #name="{ item }">
+          {{ item.name }}
+        </template>
+        <template #priorities="{ item }">
+          <div
+            v-if="item.priorities?.length"
+            class="opened-sla-conditions__priorities"
+          >
+            <p>{{ item.priorities[0]?.name }}</p>
+            <wt-tooltip
+              v-if="item.priorities?.length > 1"
+              :triggers="['click']"
             >
-              <p>{{ item.priorities[0]?.name }}</p>
-              <wt-tooltip
-                v-if="item.priorities?.length > 1"
-                :triggers="['click']"
-              >
-                <template #activator>
-                  <wt-chip>
-                    +{{ item.priorities?.length - 1 }}
-                  </wt-chip>
-                </template>
-
-                <ul>
-                  <li
-                    v-for="({ id, name }) of item.priorities?.slice(1)"
-                    :key="id"
-                  >
-                    <p>{{ name }}</p>
-                  </li>
-                </ul>
-              </wt-tooltip>
-            </div>
-          </template>
-          <template #reactionTime="{ item }">
-            {{ convertDurationWithMinutes(item.reactionTime / 60) }}
-          </template>
-          <template #resolutionTime="{ item }">
-            {{ convertDurationWithMinutes(item.resolutionTime / 60) }}
-          </template>
-          <template #actions="{ item }">
-            <wt-icon-action
-              action="edit"
-              @click="router.push({ ...route, params: { conditionId: item.id } })"
-            />
-            <wt-icon-action
-              action="delete"
-              @click="askDeleteConfirmation({
+              <template #activator>
+                <wt-chip>
+                  +{{ item.priorities?.length - 1 }}
+                </wt-chip>
+              </template>
+
+              <ul>
+                <li
+                  v-for="({ id, name }) of item.priorities?.slice(1)"
+                  :key="id"
+                >
+                  <p>{{ name }}</p>
+                </li>
+              </ul>
+            </wt-tooltip>
+          </div>
+        </template>
+        <template #reactionTime="{ item }">
+          {{ convertDurationWithMinutes(item.reactionTime / 60) }}
+        </template>
+        <template #resolutionTime="{ item }">
+          {{ convertDurationWithMinutes(item.resolutionTime / 60) }}
+        </template>
+        <template #actions="{ item }">
+          <wt-icon-action
+            action="edit"
+            @click="router.push({ ...route, params: { conditionId: item.id } })"
+          />
+          <wt-icon-action
+            action="delete"
+            @click="askDeleteConfirmation({
                 deleted: [item],
                 callback: () => deleteData(item),
               })"
-            />
-          </template>
-        </wt-table>
-      </wt-table-transition>
+          />
+        </template>
+      </wt-table>
       <filter-pagination
         :namespace="filtersNamespace"
         :next="isNext"
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 4316bb2e..6441d484 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -45,6 +45,7 @@
         />
 
         <div
+          v-if="dataList.length && !isLoading"
           class="table-section__table-wrapper"
         >
           <wt-empty
@@ -55,48 +56,46 @@
 
           <wt-loader v-show="isLoading" />
 
-          <wt-table-transition v-if="dataList.length && !isLoading">
-            <wt-table
-              :data="dataList"
-              :headers="headers"
-              :selected="selected"
-              sortable
-              @sort="sort"
-              @update:selected="setSelected"
-            >
-              <template #name="{ item }">
-                <wt-item-link
-                  :link="{ name: `${CrmSections.SOURCES}-card`, params: { id: item.id } }"
-                >
-                  {{ item.name }}
-                </wt-item-link>
-              </template>
-
-              <template #type="{ item }">
-                {{ t(`lookups.sources.types.${item.type}`) }}
-              </template>
-
-              <template #description="{ item }">
-                {{ item.description }}
-              </template>
-
-              <template #actions="{ item }">
-                <wt-icon-action
-                  v-if="hasEditAccess"
-                  action="edit"
-                  @click="edit(item)"
-                />
-                <wt-icon-action
-                  v-if="hasDeleteAccess"
-                  action="delete"
-                  @click="askDeleteConfirmation({
+          <wt-table
+            :data="dataList"
+            :headers="headers"
+            :selected="selected"
+            sortable
+            @sort="sort"
+            @update:selected="setSelected"
+          >
+            <template #name="{ item }">
+              <wt-item-link
+                :link="{ name: `${CrmSections.SOURCES}-card`, params: { id: item.id } }"
+              >
+                {{ item.name }}
+              </wt-item-link>
+            </template>
+
+            <template #type="{ item }">
+              {{ t(`lookups.sources.types.${item.type}`) }}
+            </template>
+
+            <template #description="{ item }">
+              {{ item.description }}
+            </template>
+
+            <template #actions="{ item }">
+              <wt-icon-action
+                v-if="hasEditAccess"
+                action="edit"
+                @click="edit(item)"
+              />
+              <wt-icon-action
+                v-if="hasDeleteAccess"
+                action="delete"
+                @click="askDeleteConfirmation({
                 deleted: [item],
                 callback: () => deleteData(item),
               })"
-                />
-              </template>
-            </wt-table>
-          </wt-table-transition>
+              />
+            </template>
+          </wt-table>
           <filter-pagination
             :namespace="filtersNamespace"
             :is-next="isNext"
@@ -133,7 +132,6 @@ const baseNamespace = 'configuration/lookups/sources';
 const { t } = useI18n();
 const router = useRouter();
 
-
 const { hasCreateAccess, hasEditAccess, hasDeleteAccess } = useAccessControl();
 
 const {

From 4bf1b588dcc8029b6df85475d9bd3cf4ebb3b42a Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 13 Dec 2024 14:54:41 +0200
Subject: [PATCH 12/28] fix: display wt-empty
 component[WTEL-5741](https://webitel.atlassian.net/browse/WTEL-5741)

---
 .../modules/slas/components/the-slas.vue      |  71 +++++------
 .../components/opened-sla-conditions.vue      | 111 +++++++++---------
 .../sources/components/the-sources.vue        |  79 +++++++------
 3 files changed, 132 insertions(+), 129 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 2363a525..9199a7ec 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -45,7 +45,6 @@
         />
 
         <div
-          v-if="dataList.length && !isLoading"
           class="table-section__table-wrapper"
         >
 
@@ -57,43 +56,45 @@
 
           <wt-loader v-show="isLoading" />
 
-          <wt-table
-            :data="dataList"
-            :headers="headers"
-            :selected="selected"
-            sortable
-            @sort="sort"
-            @update:selected="setSelected"
-          >
-            <template #name="{ item }">
-              <wt-item-link
-                :link="{ name: `${CrmSections.SLAS}-card`, params: { id: item.id } }"
-              >
-                {{ item.name }}
-              </wt-item-link>
-            </template>
-            <template #description="{ item }">
-              {{ item.description }}
-            </template>
-            <template #calendar="{ item }">
-              {{ item.calendar.name }}
-            </template>
-            <template #actions="{ item }">
-              <wt-icon-action
-                v-if="hasEditAccess"
-                action="edit"
-                @click="edit(item)"
-              />
-              <wt-icon-action
-                v-if="hasDeleteAccess"
-                action="delete"
-                @click="askDeleteConfirmation({
+          <div v-if="dataList.length && !isLoading">
+            <wt-table
+              :data="dataList"
+              :headers="headers"
+              :selected="selected"
+              sortable
+              @sort="sort"
+              @update:selected="setSelected"
+            >
+              <template #name="{ item }">
+                <wt-item-link
+                  :link="{ name: `${CrmSections.SLAS}-card`, params: { id: item.id } }"
+                >
+                  {{ item.name }}
+                </wt-item-link>
+              </template>
+              <template #description="{ item }">
+                {{ item.description }}
+              </template>
+              <template #calendar="{ item }">
+                {{ item.calendar.name }}
+              </template>
+              <template #actions="{ item }">
+                <wt-icon-action
+                  v-if="hasEditAccess"
+                  action="edit"
+                  @click="edit(item)"
+                />
+                <wt-icon-action
+                  v-if="hasDeleteAccess"
+                  action="delete"
+                  @click="askDeleteConfirmation({
                 deleted: [item],
                 callback: () => deleteData(item),
               })"
-              />
-            </template>
-          </wt-table>
+                />
+              </template>
+            </wt-table>
+          </div>
           <filter-pagination
             :namespace="filtersNamespace"
             :is-next="isNext"
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index 0d2eb0ca..00bc83b1 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -34,7 +34,6 @@
     </header>
 
     <div
-      v-if="dataList.length && !isLoading"
       class="table-section__table-wrapper"
     >
 
@@ -46,64 +45,66 @@
 
       <wt-loader v-show="isLoading" />
 
-      <wt-table
-        :data="dataList"
-        :headers="headers"
-        :selected="selected"
-        sortable
-        @sort="sort"
-        @update:selected="setSelected"
-      >
-        <template #name="{ item }">
-          {{ item.name }}
-        </template>
-        <template #priorities="{ item }">
-          <div
-            v-if="item.priorities?.length"
-            class="opened-sla-conditions__priorities"
-          >
-            <p>{{ item.priorities[0]?.name }}</p>
-            <wt-tooltip
-              v-if="item.priorities?.length > 1"
-              :triggers="['click']"
+      <div v-if="dataList.length && !isLoading">
+        <wt-table
+          :data="dataList"
+          :headers="headers"
+          :selected="selected"
+          sortable
+          @sort="sort"
+          @update:selected="setSelected"
+        >
+          <template #name="{ item }">
+            {{ item.name }}
+          </template>
+          <template #priorities="{ item }">
+            <div
+              v-if="item.priorities?.length"
+              class="opened-sla-conditions__priorities"
             >
-              <template #activator>
-                <wt-chip>
-                  +{{ item.priorities?.length - 1 }}
-                </wt-chip>
-              </template>
-
-              <ul>
-                <li
-                  v-for="({ id, name }) of item.priorities?.slice(1)"
-                  :key="id"
-                >
-                  <p>{{ name }}</p>
-                </li>
-              </ul>
-            </wt-tooltip>
-          </div>
-        </template>
-        <template #reactionTime="{ item }">
-          {{ convertDurationWithMinutes(item.reactionTime / 60) }}
-        </template>
-        <template #resolutionTime="{ item }">
-          {{ convertDurationWithMinutes(item.resolutionTime / 60) }}
-        </template>
-        <template #actions="{ item }">
-          <wt-icon-action
-            action="edit"
-            @click="router.push({ ...route, params: { conditionId: item.id } })"
-          />
-          <wt-icon-action
-            action="delete"
-            @click="askDeleteConfirmation({
+              <p>{{ item.priorities[0]?.name }}</p>
+              <wt-tooltip
+                v-if="item.priorities?.length > 1"
+                :triggers="['click']"
+              >
+                <template #activator>
+                  <wt-chip>
+                    +{{ item.priorities?.length - 1 }}
+                  </wt-chip>
+                </template>
+
+                <ul>
+                  <li
+                    v-for="({ id, name }) of item.priorities?.slice(1)"
+                    :key="id"
+                  >
+                    <p>{{ name }}</p>
+                  </li>
+                </ul>
+              </wt-tooltip>
+            </div>
+          </template>
+          <template #reactionTime="{ item }">
+            {{ convertDurationWithMinutes(item.reactionTime / 60) }}
+          </template>
+          <template #resolutionTime="{ item }">
+            {{ convertDurationWithMinutes(item.resolutionTime / 60) }}
+          </template>
+          <template #actions="{ item }">
+            <wt-icon-action
+              action="edit"
+              @click="router.push({ ...route, params: { conditionId: item.id } })"
+            />
+            <wt-icon-action
+              action="delete"
+              @click="askDeleteConfirmation({
                 deleted: [item],
                 callback: () => deleteData(item),
               })"
-          />
-        </template>
-      </wt-table>
+            />
+          </template>
+        </wt-table>
+      </div>
       <filter-pagination
         :namespace="filtersNamespace"
         :next="isNext"
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 6441d484..612e206d 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -45,7 +45,6 @@
         />
 
         <div
-          v-if="dataList.length && !isLoading"
           class="table-section__table-wrapper"
         >
           <wt-empty
@@ -56,46 +55,48 @@
 
           <wt-loader v-show="isLoading" />
 
-          <wt-table
-            :data="dataList"
-            :headers="headers"
-            :selected="selected"
-            sortable
-            @sort="sort"
-            @update:selected="setSelected"
-          >
-            <template #name="{ item }">
-              <wt-item-link
-                :link="{ name: `${CrmSections.SOURCES}-card`, params: { id: item.id } }"
-              >
-                {{ item.name }}
-              </wt-item-link>
-            </template>
-
-            <template #type="{ item }">
-              {{ t(`lookups.sources.types.${item.type}`) }}
-            </template>
-
-            <template #description="{ item }">
-              {{ item.description }}
-            </template>
-
-            <template #actions="{ item }">
-              <wt-icon-action
-                v-if="hasEditAccess"
-                action="edit"
-                @click="edit(item)"
-              />
-              <wt-icon-action
-                v-if="hasDeleteAccess"
-                action="delete"
-                @click="askDeleteConfirmation({
+          <div v-if="dataList.length && !isLoading">
+            <wt-table
+              :data="dataList"
+              :headers="headers"
+              :selected="selected"
+              sortable
+              @sort="sort"
+              @update:selected="setSelected"
+            >
+              <template #name="{ item }">
+                <wt-item-link
+                  :link="{ name: `${CrmSections.SOURCES}-card`, params: { id: item.id } }"
+                >
+                  {{ item.name }}
+                </wt-item-link>
+              </template>
+
+              <template #type="{ item }">
+                {{ t(`lookups.sources.types.${item.type}`) }}
+              </template>
+
+              <template #description="{ item }">
+                {{ item.description }}
+              </template>
+
+              <template #actions="{ item }">
+                <wt-icon-action
+                  v-if="hasEditAccess"
+                  action="edit"
+                  @click="edit(item)"
+                />
+                <wt-icon-action
+                  v-if="hasDeleteAccess"
+                  action="delete"
+                  @click="askDeleteConfirmation({
                 deleted: [item],
                 callback: () => deleteData(item),
               })"
-              />
-            </template>
-          </wt-table>
+                />
+              </template>
+            </wt-table>
+          </div>
           <filter-pagination
             :namespace="filtersNamespace"
             :is-next="isNext"
@@ -110,7 +111,7 @@
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
-import WtTableTransition from '@webitel/ui-sdk/src/components/on-demand/wt-table-transition/wt-table-transition.vue';
+import WtEmpty from '@webitel/ui-sdk/src/components/wt-empty/wt-empty.vue';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 import {
   useDeleteConfirmationPopup,

From 353dd9464849ecedaece388174d4ac058a0857f1 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 13 Dec 2024 14:56:51 +0200
Subject: [PATCH 13/28] fix: delete unused
 import[WTEL-5741](https://webitel.atlassian.net/browse/WTEL-5741)

---
 .../modules/lookups/modules/slas/components/the-slas.vue         | 1 -
 .../slas/modules/conditions/components/opened-sla-conditions.vue | 1 -
 .../modules/lookups/modules/sources/components/the-sources.vue   | 1 -
 3 files changed, 3 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 9199a7ec..1751b58c 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -113,7 +113,6 @@ import { useStore } from 'vuex';
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
-import WtTableTransition from '@webitel/ui-sdk/src/components/on-demand/wt-table-transition/wt-table-transition.vue';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 import {
   useDeleteConfirmationPopup,
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index 00bc83b1..a4122f2e 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -132,7 +132,6 @@ import ConditionPopup from './opened-sla-condition-popup.vue';
 import convertDurationWithMinutes from '@webitel/ui-sdk/src/scripts/convertDurationWithMinutes.js';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
 import filters from '../modules/filters/store/filters.js';
-import WtTableTransition from '@webitel/ui-sdk/src/components/on-demand/wt-table-transition/wt-table-transition.vue';
 
 const props = defineProps({
   namespace: {
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 612e206d..60b0ce71 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -111,7 +111,6 @@
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
-import WtEmpty from '@webitel/ui-sdk/src/components/wt-empty/wt-empty.vue';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 import {
   useDeleteConfirmationPopup,

From ae82f1de8a0a95d2c00930a35344d64f53e48f65 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 13 Dec 2024 17:31:54 +0200
Subject: [PATCH 14/28] update: add
 reserTable[WTEL-5711](https://webitel.atlassian.net/browse/WTEL-5711)

---
 .../modules/slas/components/the-slas.vue        |  4 +++-
 .../modules/lookups/modules/slas/store/slas.js  | 17 ++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 1751b58c..78313222 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -122,7 +122,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { useTableStore } from '@webitel/ui-sdk/src/modules/TableStoreModule/composables/useTableStore.js';
+import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
 import filters from '../modules/filters/store/filters.js';
 
@@ -159,6 +159,7 @@ const {
   sort,
   setSelected,
   onFilterEvent,
+  resetState,
 } = useTableStore(baseNamespace);
 
 const {
@@ -178,6 +179,7 @@ restoreFilters();
 
 onUnmounted(() => {
   flushSubscribers();
+  resetState();
 });
 
 const path = computed(() => [
diff --git a/src/modules/configuration/modules/lookups/modules/slas/store/slas.js b/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
index 160041a4..5f270436 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
+++ b/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
@@ -9,7 +9,16 @@ import headers from './_internals/headers';
 import filters from '../modules/filters/store/filters';
 import conditions from '../modules/conditions/store/conditions';
 
-const resettableState = {
+const resetTableState = {
+  dataList: [],
+  selected: [],
+  error: {},
+  isLoading: false,
+  isNextPage: false,
+};
+
+const resetCardState = {
+  itemId: '',
   itemInstance: {
     name: '',
     description: '',
@@ -28,9 +37,7 @@ const api = createApiStoreModule({
 });
 
 const table = createTableStoreModule({
-  state: {
-    headers,
-  },
+  state: { _resettable: resetTableState, headers },
   modules: {
     filters,
     api,
@@ -38,7 +45,7 @@ const table = createTableStoreModule({
 });
 
 const card = createCardStoreModule({
-  state: { _resettable: resettableState },
+  state: { _resettable: resetCardState },
   modules: {
     api,
     conditions,

From 27ded6b104ac55c7515873e248f36564e30cc8e9 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 13 Dec 2024 19:19:06 +0200
Subject: [PATCH 15/28] @24.12.22 update webitel/ui-sdk and add resetState
 method[WTEL-5711](https://webitel.atlassian.net/browse/WTEL-5711)

---
 package-lock.json                                  |  8 ++++----
 package.json                                       |  2 +-
 .../components/opened-sla-conditions.vue           |  5 ++++-
 .../slas/modules/conditions/store/conditions.js    | 14 ++++++++++++--
 .../modules/sources/components/the-sources.vue     |  4 +++-
 .../lookups/modules/sources/store/sources.js       | 13 +++++++++++--
 6 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d07bfc74..01dff006 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.20",
+        "@webitel/ui-sdk": "^24.12.22",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.20",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.20.tgz",
-      "integrity": "sha512-fG3dL65yS2/EY9NUw/6VhiUWqj3bEg1Aq7KU3rfEowVlYRA/wLiA7ak02kfZciWhItpVhd9WNJ119z8rrb73BQ==",
+      "version": "24.12.22",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.22.tgz",
+      "integrity": "sha512-wtkvXL+Qi0rHGpI8VI07BnE8JkaFRQscnE3/kBd9m+DNuoyb46br7ogh0VmtOt+2OHcWMYDIycr4XpbJ3/mpyg==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
diff --git a/package.json b/package.json
index 2fa2d5dc..a052a61b 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.20",
+    "@webitel/ui-sdk": "^24.12.22",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index a4122f2e..408444b8 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -121,7 +121,8 @@ import {
 } from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup';
 import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/filter-pagination.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { useCardStore, useTableStore } from '@webitel/ui-sdk/store';
+import { useCardStore } from '@webitel/ui-sdk/store';
+import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
 import { onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
@@ -166,6 +167,7 @@ const {
   sort,
   setSelected,
   onFilterEvent,
+  resetState,
 } = useTableStore(namespace);
 
 const {
@@ -185,6 +187,7 @@ restoreFilters();
 
 onUnmounted(() => {
   flushSubscribers();
+  resetState();
 });
 
 const {
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
index d9c82f03..ddfe6b16 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
@@ -8,7 +8,16 @@ import ConditionsAPI from '../api/conditions.js';
 import filters from '../modules/filters/store/filters.js';
 import headers from './_internals/headers.js';
 
-const resettableItemState = {
+const resetTableState = {
+  dataList: [],
+  selected: [],
+  error: {},
+  isLoading: false,
+  isNextPage: false,
+};
+
+const resetCardState = {
+  itemId: '',
   itemInstance: {
   },
 };
@@ -26,6 +35,7 @@ const api = createApiStoreModule({
 const table = createTableStoreModule({
   state: {
     headers,
+    _resettable: resetTableState,
   },
   getters,
   modules: {
@@ -35,7 +45,7 @@ const table = createTableStoreModule({
 });
 
 const card = createCardStoreModule({
-  state: { _resettable: resettableItemState },
+  state: { _resettable: resetCardState },
   getters,
   modules: {
     api,
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 60b0ce71..e2e10300 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -120,11 +120,11 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { useTableStore } from '@webitel/ui-sdk/src/modules/TableStoreModule/composables/useTableStore.js';
 import { computed, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
+import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
 import filters from '../modules/filters/store/filters.js';
 
 const baseNamespace = 'configuration/lookups/sources';
@@ -158,6 +158,7 @@ const {
   sort,
   setSelected,
   onFilterEvent,
+  resetState,
 } = useTableStore(baseNamespace);
 
 const {
@@ -177,6 +178,7 @@ restoreFilters();
 
 onUnmounted(() => {
   flushSubscribers();
+  resetState();
 });
 
 const path = computed(() => [
diff --git a/src/modules/configuration/modules/lookups/modules/sources/store/sources.js b/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
index 790d650d..ae284ca4 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
+++ b/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
@@ -8,7 +8,15 @@ import SourcesAPI from '../api/sources.js';
 import headers from './_internals/headers';
 import filters from '../modules/filters/store/filters';
 
-const resettableState = {
+const resetTableState = {
+  dataList: [],
+  selected: [],
+  error: {},
+  isLoading: false,
+  isNextPage: false,
+};
+
+const resetCardState = {
   itemInstance: {
     name: '',
     description: '',
@@ -25,6 +33,7 @@ const api = createApiStoreModule({
 const table = createTableStoreModule({
   state: {
     headers,
+    _resettable: resetTableState,
   },
   modules: {
     filters,
@@ -33,7 +42,7 @@ const table = createTableStoreModule({
 });
 
 const card = createCardStoreModule({
-  state: { _resettable: resettableState },
+  state: { _resettable: resetCardState },
   modules: {
     api,
   },

From b0e85fede9dbeea76bbb1fa30bf4493a3e4487a8 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 16 Dec 2024 14:49:11 +0200
Subject: [PATCH 16/28] fix: disabled delete action on
 table[WTEL-5730](https://webitel.atlassian.net/browse/WTEL-5730)

---
 package-lock.json                                | 16 ++++++++--------
 package.json                                     |  2 +-
 .../lookups/modules/slas/components/the-slas.vue |  2 +-
 .../components/opened-sla-conditions.vue         |  1 +
 .../modules/sources/components/the-sources.vue   |  2 +-
 5 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 01dff006..400cf5d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.22",
+        "@webitel/ui-sdk": "^24.12.23",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.22",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.22.tgz",
-      "integrity": "sha512-wtkvXL+Qi0rHGpI8VI07BnE8JkaFRQscnE3/kBd9m+DNuoyb46br7ogh0VmtOt+2OHcWMYDIycr4XpbJ3/mpyg==",
+      "version": "24.12.23",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.23.tgz",
+      "integrity": "sha512-7V59ZgR4MMnCt/dl8pI7HLmMPFUneW1te/3z2FUtnKgkFxt5wLWhWTujc1B0wNsfKGkVc8N9OWy+SFDxZ+OOfA==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
@@ -2105,7 +2105,7 @@
         "vue-multiselect": "^3.1.0",
         "vue-observe-visibility": "^2.0.0-alpha.1",
         "vue-router": "^4.4.5",
-        "webitel-sdk": "^24.10.2",
+        "webitel-sdk": "^24.10.4",
         "xlsx": "^0.18.5"
       },
       "engines": {
@@ -10451,9 +10451,9 @@
       }
     },
     "node_modules/webitel-sdk": {
-      "version": "24.10.2",
-      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.10.2.tgz",
-      "integrity": "sha512-gkyMawfT5EDQwq44RlXP5MkeE2Cx8SqV7JXsQ/HCQSMIEQQWoSTVvX/6UMVOWgyZocxiHAK/wHU8QFGe+GTs+w==",
+      "version": "24.10.4",
+      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.10.4.tgz",
+      "integrity": "sha512-90wMSqqxwBsJ/wazDSQe2YzryWaPrMl+DaU+SS73lEZsKhZrzuhmI4vFfZlsOKd8X40oAJZZjocp00vGI4GPJw==",
       "license": "MIT",
       "dependencies": {
         "@types/webrtc": "~0.0.41",
diff --git a/package.json b/package.json
index a052a61b..e7678425 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.22",
+    "@webitel/ui-sdk": "^24.12.23",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 78313222..a1bb0bd6 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -20,7 +20,7 @@
           <wt-action-bar
             :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
             :disabled:add="!hasCreateAccess"
-            :disabled:delete="!hasDeleteAccess || !selected.length"
+            :disabled:delete="!selected.length"
             @click:add="router.push({ name: `${CrmSections.SLAS}-card`, params: { id: 'new' }})"
             @click:refresh="loadData"
             @click:delete="askDeleteConfirmation({
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index 408444b8..dbb6c93e 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -17,6 +17,7 @@
 
       <wt-action-bar
         :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
+        :disabled:delete="!selected.length"
         @click:add="router.push({ ...route, params: { conditionId: 'new' } })"
         @click:refresh="loadData"
         @click:delete="askDeleteConfirmation({
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index e2e10300..5dcf0cf7 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -20,7 +20,7 @@
           <wt-action-bar
             :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
             :disabled:add="!hasCreateAccess"
-            :disabled:delete="!hasDeleteAccess || !selected.length"
+            :disabled:delete="!selected.length"
             @click:add="router.push({ name: `${CrmSections.SOURCES}-card`, params: { id: 'new' }})"
             @click:refresh="loadData"
             @click:delete="askDeleteConfirmation({

From a2c65c6ce83a37ef3bb928b4ae35b7c7502dced4 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 16 Dec 2024 15:04:26 +0200
Subject: [PATCH 17/28] fix: add reset in refresh
 table[WTEL-5711](https://webitel.atlassian.net/browse/WTEL-5711)

---
 .../lookups/modules/slas/components/the-slas.vue       | 10 +++++++++-
 .../conditions/components/opened-sla-conditions.vue    | 10 +++++++++-
 .../lookups/modules/sources/components/the-sources.vue | 10 +++++++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index a1bb0bd6..b78a0e31 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -22,7 +22,7 @@
             :disabled:add="!hasCreateAccess"
             :disabled:delete="!selected.length"
             @click:add="router.push({ name: `${CrmSections.SLAS}-card`, params: { id: 'new' }})"
-            @click:refresh="loadData"
+            @click:refresh="refresh"
             @click:delete="askDeleteConfirmation({
                   deleted: selected,
                   callback: () => deleteData(selected),
@@ -203,6 +203,14 @@ const {
   image: imageEmpty,
   text: textEmpty,
 } = useTableEmpty({ dataList, filters, error, isLoading });
+
+const refresh = () => {
+  // https://webitel.atlassian.net/browse/WTEL-5711
+  // because 'selected' needs to be updated [WTEL-5711]
+
+  resetState();
+  loadData();
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index dbb6c93e..a98bee17 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -19,7 +19,7 @@
         :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
         :disabled:delete="!selected.length"
         @click:add="router.push({ ...route, params: { conditionId: 'new' } })"
-        @click:refresh="loadData"
+        @click:refresh="refresh"
         @click:delete="askDeleteConfirmation({
                   deleted: selected,
                   callback: () => deleteData(selected),
@@ -206,6 +206,14 @@ const {
   text: textEmpty,
 } = useTableEmpty({ dataList, filters, error, isLoading });
 
+const refresh = () => {
+  // https://webitel.atlassian.net/browse/WTEL-5711
+  // because 'selected' needs to be updated [WTEL-5711]
+
+  resetState();
+  loadData();
+};
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 5dcf0cf7..6cc224f1 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -22,7 +22,7 @@
             :disabled:add="!hasCreateAccess"
             :disabled:delete="!selected.length"
             @click:add="router.push({ name: `${CrmSections.SOURCES}-card`, params: { id: 'new' }})"
-            @click:refresh="loadData"
+            @click:refresh="refresh"
             @click:delete="askDeleteConfirmation({
                   deleted: selected,
                   callback: () => deleteData(selected),
@@ -202,6 +202,14 @@ const {
   image: imageEmpty,
   text: textEmpty,
 } = useTableEmpty({ dataList, filters, error, isLoading });
+
+const refresh = () => {
+  // https://webitel.atlassian.net/browse/WTEL-5711
+  // because 'selected' needs to be updated [WTEL-5711]
+
+  resetState();
+  loadData();
+};
 </script>
 
 <style lang="scss" scoped>

From 092cced685954bf06338312fed71c544b1e3024c Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 16 Dec 2024 16:06:32 +0200
Subject: [PATCH 18/28] feature: add contact groups
 api[WTEL-5510](https://webitel.atlassian.net/browse/WTEL-5510)

---
 .../contact-groups/api/contactGroups.js       | 188 ++++++++++++++++++
 .../contact-groups/api/dymanicGroups.js       |  60 ++++++
 2 files changed, 248 insertions(+)
 create mode 100644 src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js
 create mode 100644 src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js

diff --git a/src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js b/src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js
new file mode 100644
index 00000000..7f57bbc6
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js
@@ -0,0 +1,188 @@
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  mergeEach,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { GroupsApiFactory } from 'webitel-sdk';
+import {
+  generatePermissionsApi,
+} from '@webitel/ui-sdk/src/api/clients/_shared/generatePermissionsApi.js';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const contactGroupsService = new GroupsApiFactory(configuration, '', instance);
+
+const baseUrl = '/contacts/groups';
+
+const fieldsToSend = [
+  'name',
+  'description',
+  'enabled',
+  'type',
+  'default_group',
+];
+
+const getContactGroupsList = async (params) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'type'];
+  const defaultObject = {
+    enabled: false,
+  };
+
+  const listResponseHandler = (items) => {
+    return items.map((item) => {
+      if (item.type) {
+        item.type = item.type.toLowerCase();
+      }
+      return item;
+    });
+  };
+
+  const {
+    page,
+    size,
+    fields,
+    sort,
+    id,
+    q,
+  } = applyTransform(params, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+    (params) => ({ ...params, q: params.search }),
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+
+  try {
+    const response = await contactGroupsService.listGroups(
+      page,
+      size,
+      fields,
+      sort,
+      id,
+      q,
+    );
+    const { items, next } = applyTransform(response.data, [
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, [
+        mergeEach(defaultObject),
+        listResponseHandler,
+      ]),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getContactGroup = async ({ itemId: id }) => {
+  const itemResponseHandler = (item) => {
+    if (item.group.type) {
+      item.group.type = item.group.type.toLowerCase();
+    }
+    return item.group;
+  };
+
+  try {
+    const response = await contactGroupsService.locateGroup(id, fieldsToSend);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+      itemResponseHandler,
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const preRequestHandler = (item) => {
+  return {
+    ...item,
+    type: item.type.toUpperCase(),
+  };
+};
+
+const addStaticContactGroup = async ({ itemInstance }) => {
+
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+  try {
+    const response = await contactGroupsService.createGroup(item);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateStaticContactGroup = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await contactGroupsService.updateGroup(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const patchStaticContactGroup = async ({ id, changes }) => {
+  const item = applyTransform(changes, [
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await contactGroupsService.updateGroup2(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteStaticContactGroup = async ({ id }) => {
+  try {
+    const response = await contactGroupsService.deleteGroup(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getLookup = (params) => getContactGroupsList({
+  ...params,
+  fields: params.fields || ['id', 'name'],
+});
+
+const ContactGroupsAPI = {
+  getList: getContactGroupsList,
+  get: getContactGroup,
+  add: addStaticContactGroup,
+  update: updateStaticContactGroup,
+  patch: patchStaticContactGroup,
+  delete: deleteStaticContactGroup,
+  getLookup,
+
+  ...generatePermissionsApi(baseUrl),
+
+};
+
+export default ContactGroupsAPI;
diff --git a/src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js b/src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js
new file mode 100644
index 00000000..a701adbe
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js
@@ -0,0 +1,60 @@
+import {
+  getDefaultInstance, getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  notify,
+  sanitize,
+  snakeToCamel,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { DynamicGroupsApiFactory } from 'webitel-sdk';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const dynamicContactGroupsService = new DynamicGroupsApiFactory(configuration, '', instance);
+
+const fieldsToSend = ['name', 'description', 'enabled', 'type', 'default_group_id'];
+
+const preRequestHandler = (item) => {
+  return {
+    ...item,
+    type: item.type.toUpperCase(),
+    defaultGroupId: item.defaultGroup.id,
+  }
+};
+
+const addDynamicContactGroup = async (itemInstance) => {
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await dynamicContactGroupsService.createDynamicGroup(item);
+    return applyTransform(response.data, [
+      snakeToCamel()
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateDynamicContactGroup = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [preRequestHandler, camelToSnake(), sanitize(fieldsToSend)]);
+
+  try {
+    const response = await dynamicContactGroupsService.updateDynamicGroup(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const dynamicContactGroupsAPI = {
+  add: addDynamicContactGroup,
+  update: updateDynamicContactGroup,
+}
+
+export default dynamicContactGroupsAPI;

From cde4e72fc62bc51741bb4bcf1ca0a66fd93e26d1 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 16 Dec 2024 17:01:21 +0200
Subject: [PATCH 19/28] fix: add required start in sla
 page[WTEL-5684](https://webitel.atlassian.net/browse/WTEL-5684)

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 400cf5d1..36facf93 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.23",
+        "@webitel/ui-sdk": "^24.12.24",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.23",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.23.tgz",
-      "integrity": "sha512-7V59ZgR4MMnCt/dl8pI7HLmMPFUneW1te/3z2FUtnKgkFxt5wLWhWTujc1B0wNsfKGkVc8N9OWy+SFDxZ+OOfA==",
+      "version": "24.12.24",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.24.tgz",
+      "integrity": "sha512-IyDB6Bu87LJ8O7UahB6YCfqiWCvuQAt7+7gzmc8fr6DxpP9WpzhZUgm6WDthymOD3yyXl14+JrUlRBZWfW4vPg==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
diff --git a/package.json b/package.json
index e7678425..1eb1e5f8 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.23",
+    "@webitel/ui-sdk": "^24.12.24",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

From 3ebe87f8a856e096b8917ae7e405c21c66c7a1e4 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 16 Dec 2024 20:02:45 +0200
Subject: [PATCH 20/28] fix: saving condition in
 slas[WTEL-5687](https://webitel.atlassian.net/browse/WTEL-5687)

---
 .../components/opened-sla-condition-popup.vue    |  2 +-
 .../slas/modules/conditions/store/conditions.js  | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index 30420eed..71525544 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -92,7 +92,7 @@ const {
 const conditionId = computed(() => route.params.conditionId);
 const isNew = computed(() => conditionId.value === 'new');
 
-const { close } = useClose( `${CrmSections.SLAS}-conditions`);
+const { close } = useClose(`${CrmSections.SLAS}-conditions`);
 
 function loadDataList() {
   emit('load-data');
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
index ddfe6b16..2f69e5ee 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
@@ -19,6 +19,12 @@ const resetTableState = {
 const resetCardState = {
   itemId: '',
   itemInstance: {
+    id: '',
+    name: '',
+    priorities: [],
+    reactionTime: 0,
+    resolutionTime: 0,
+    slaId: 0,
   },
 };
 
@@ -26,6 +32,15 @@ const getters = {
   PARENT_ID: (s, g, rootState) => rootState.configuration.lookups.slas.card.itemId,
 };
 
+const actions = {
+  ADD_ITEM: async (context) => {
+    await context.dispatch('api/POST_ITEM', { context });
+  },
+  UPDATE_ITEM: async (context) => {
+    await context.dispatch('api/UPD_ITEM', { context });
+  },
+}
+
 const api = createApiStoreModule({
   state: {
     api: ConditionsAPI,
@@ -47,6 +62,7 @@ const table = createTableStoreModule({
 const card = createCardStoreModule({
   state: { _resettable: resetCardState },
   getters,
+  actions,
   modules: {
     api,
   },

From 973f96c3c84133bd274c26d7aa3e0edbbf962fab Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Tue, 17 Dec 2024 12:06:40 +0200
Subject: [PATCH 21/28] fix:close conditions
 popup[WTEL-5687](https://webitel.atlassian.net/browse/WTEL-5687)

---
 .../conditions/components/opened-sla-condition-popup.vue      | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index 71525544..bee80f96 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -105,10 +105,8 @@ const save = async () => {
     await updateItem({ itemInstance, itemId: id.value });
   }
 
-  if (id?.value) {
     close();
     loadDataList();
-  }
 };
 
 async function initializePopup() {
@@ -123,7 +121,7 @@ async function initializePopup() {
 }
 
 watch(() => conditionId.value, (value) => {
-  if(value) {
+  if (value) {
     initializePopup();
   } else {
     resetState();

From e159bfea9831e40bbd9a9b820e4c99eb7275cd24 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Tue, 17 Dec 2024 15:02:29 +0200
Subject: [PATCH 22/28] fix: delete route in slas
 page[WTEL-5737](https://webitel.atlassian.net/browse/WTEL-5737)

---
 .../modules/lookups/modules/slas/components/the-slas.vue        | 2 +-
 .../modules/lookups/modules/sources/components/the-sources.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index b78a0e31..421c502f 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -186,7 +186,7 @@ const path = computed(() => [
   { name: t('crm') },
   { name: t('startPage.configuration.name'), route: '/configuration' },
   { name: t('lookups.lookups'), route: '/configuration' },
-  { name: t('lookups.slas.slas', 2), route: 'slas' },
+  { name: t('lookups.slas.slas', 2) },
 ]);
 
 const { close } = useClose('configuration');
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 6cc224f1..9cf9f943 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -185,7 +185,7 @@ const path = computed(() => [
   { name: t('crm') },
   { name: t('startPage.configuration.name'), route: '/configuration' },
   { name: t('lookups.lookups'), route: '/configuration' },
-  { name: t('lookups.sources.sources', 2), route: 'sources' },
+  { name: t('lookups.sources.sources', 2) },
 ]);
 
 const { close } = useClose('configuration');

From c2f008c2dff37215e2f36cff4deb14c26658d416 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 18 Dec 2024 13:14:51 +0200
Subject: [PATCH 23/28] fix: add style in condition
 popup[WTEL-5694](https://webitel.atlassian.net/browse/WTEL-5694)

---
 package-lock.json                                         | 8 ++++----
 package.json                                              | 2 +-
 .../conditions/components/opened-sla-condition-popup.vue  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 36facf93..ac7b310b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.24",
+        "@webitel/ui-sdk": "^24.12.27",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.24",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.24.tgz",
-      "integrity": "sha512-IyDB6Bu87LJ8O7UahB6YCfqiWCvuQAt7+7gzmc8fr6DxpP9WpzhZUgm6WDthymOD3yyXl14+JrUlRBZWfW4vPg==",
+      "version": "24.12.27",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.27.tgz",
+      "integrity": "sha512-al6EpodPOovHFmllekbfDWRfgJoLcx0IG5KdcOINU+b5BXTOZy92mMZ8pN6HX7uhM5tztG1C2KTsGsA1pFaKqg==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
diff --git a/package.json b/package.json
index 1eb1e5f8..b8b4cefd 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.24",
+    "@webitel/ui-sdk": "^24.12.27",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index bee80f96..3459bb77 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -8,7 +8,7 @@
       {{ !isNew ? t('lookups.slas.editCondition') : t('lookups.slas.addCondition') }}
     </template>
     <template #main>
-      <form>
+      <form class="opened-card-input-grid opened-card-input-grid--1-col">
         <wt-input
           :value="itemInstance.name"
           :label="t('reusable.name')"

From ff23cd8803d2c2b40b26d8bf8930123edeb4a83c Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 18 Dec 2024 14:16:34 +0200
Subject: [PATCH 24/28] fix: add reset selected value when changing
 filters[WTEL-5744](https://webitel.atlassian.net/browse/WTEL-5744)

---
 .../lookups/modules/slas/components/the-slas.vue     | 12 ++++++++++--
 .../conditions/components/opened-sla-conditions.vue  | 11 +++++++++--
 .../modules/sources/components/the-sources.vue       | 12 ++++++++++--
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index 421c502f..7a682081 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -106,7 +106,7 @@
 </template>
 
 <script setup>
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
@@ -164,6 +164,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -206,11 +207,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index a98bee17..a41647ab 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -124,7 +124,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
 import { useCardStore } from '@webitel/ui-sdk/store';
 import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
-import { onUnmounted } from 'vue';
+import { onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
@@ -173,6 +173,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -208,12 +209,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
 
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index 9cf9f943..4b6eca39 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -120,7 +120,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
@@ -163,6 +163,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -205,11 +206,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>

From 011358381570052ed5d25e6abc91037eb93b1352 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 18 Dec 2024 14:57:22 +0200
Subject: [PATCH 25/28] 
 @24.12.28/update-webitel-ui-sdk[WTEL-5744](https://webitel.atlassian.net/browse/WTEL-5744)

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ac7b310b..d0e7ae5a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.27",
+        "@webitel/ui-sdk": "^24.12.28",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.27",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.27.tgz",
-      "integrity": "sha512-al6EpodPOovHFmllekbfDWRfgJoLcx0IG5KdcOINU+b5BXTOZy92mMZ8pN6HX7uhM5tztG1C2KTsGsA1pFaKqg==",
+      "version": "24.12.28",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.28.tgz",
+      "integrity": "sha512-al2PT2gg6dpaNLgIK/nrD98tWybHZk/QJRjz6lUQWGYS12NTDvneFY4TfhG8ZtvpanROCkQKbvQFmkPOOX+j0Q==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
diff --git a/package.json b/package.json
index b8b4cefd..f4f3e4af 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.27",
+    "@webitel/ui-sdk": "^24.12.28",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

From 2533e928d2583ff8dfebea5c6dc6b35c3445f9e1 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 18 Dec 2024 17:56:39 +0200
Subject: [PATCH 26/28] height textarea in sla
 page[WTEL-5739](https://webitel.atlassian.net/browse/WTEL-5739)

---
 .../modules/slas/components/opened-sla-general.vue   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
index 395d2d16..f061a3b3 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
@@ -27,7 +27,7 @@
         @input="setItemProp({ path: 'description', value: $event })"
       />
 
-      <div>
+      <div class="opened-card-input-grid ">
         <wt-timepicker
           :label="t('lookups.slas.reactionTime')"
           :value="itemInstance.reactionTime"
@@ -43,9 +43,7 @@
           required
           @input="setItemProp({ path: 'resolutionTime', value: +$event })"
         />
-      </div>
 
-      <div class="opened-sla-general__wrapper">
         <wt-datepicker
           :label="t('lookups.slas.validFrom')"
           :value="itemInstance.validFrom"
@@ -86,8 +84,10 @@ function loadCalendarsList(search) {
 </script>
 
 <style lang="scss" scoped>
-.opened-sla-general__wrapper {
-  display: flex;
-  gap: var(--spacing-sm);
+// TODO: temporary solution. Will be fixed with typography
+.opened-sla-general {
+  :deep(.wt-textarea__textarea) {
+    min-height: 120px;
+  }
 }
 </style>

From 756c71bb535f7b92d3ae74571e5ade21c7a76e99 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 20 Dec 2024 11:08:16 +0200
Subject: [PATCH 27/28] fix:reset
 condition[WTEL-5770](https://webitel.atlassian.net/browse/WTEL-5770)

---
 .../conditions/components/opened-sla-conditions.vue        | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index a41647ab..faa357da 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -134,6 +134,7 @@ import ConditionPopup from './opened-sla-condition-popup.vue';
 import convertDurationWithMinutes from '@webitel/ui-sdk/src/scripts/convertDurationWithMinutes.js';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
 import filters from '../modules/filters/store/filters.js';
+import deepEqual from 'deep-equal';
 
 const props = defineProps({
   namespace: {
@@ -215,11 +216,13 @@ const refresh = () => {
   loadData();
 };
 
-watch(() => filtersValue.value, () => {
+watch(() => filtersValue.value, (newValue, oldValue) => {
   // https://webitel.atlassian.net/browse/WTEL-5744
   // because 'selected' value needs cleaned when changing filters
 
-  resetState();
+  if(!deepEqual(newValue, oldValue)) {
+    resetState();
+  }
 });
 </script>
 

From c2b82ef9ada61dcc4094f0e1f77ba230bc29e827 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 20 Dec 2024 11:14:42 +0200
Subject: [PATCH 28/28] fix: style in sla condition
 popup[WTEL-5776](https://webitel.atlassian.net/browse/WTEL-5776)

---
 .../components/opened-sla-condition-popup.vue | 36 +++++++++++--------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index 3459bb77..d03fde4b 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -1,5 +1,6 @@
 <template>
   <wt-popup
+    class="opened-sla-condition-popup"
     :shown="!!conditionId"
     size="sm"
     @close="close"
@@ -23,21 +24,24 @@
           required
           @input="setItemProp({ path: 'priorities', value: $event })"
         />
-        <wt-timepicker
-          :label="t('lookups.slas.reactionTime')"
-          :value="itemInstance.reactionTime"
-          format="hh:mm"
-          required
-          @input="setItemProp({ path: 'reactionTime', value: $event })"
-        />
+        <div class="opened-sla-condition-popup__wrapper">
+          <wt-timepicker
+            :label="t('lookups.slas.reactionTime')"
+            :value="itemInstance.reactionTime"
+            format="hh:mm"
+            required
+            @input="setItemProp({ path: 'reactionTime', value: $event })"
+          />
+
+          <wt-timepicker
+            :label="t('lookups.slas.resolutionTime')"
+            :value="itemInstance.resolutionTime"
+            format="hh:mm"
+            required
+            @input="setItemProp({ path: 'resolutionTime', value: $event })"
+          />
+        </div>
 
-        <wt-timepicker
-          :label="t('lookups.slas.resolutionTime')"
-          :value="itemInstance.resolutionTime"
-          format="hh:mm"
-          required
-          @input="setItemProp({ path: 'resolutionTime', value: $event })"
-        />
       </form>
     </template>
     <template #actions>
@@ -130,4 +134,8 @@ watch(() => conditionId.value, (value) => {
 </script>
 
 <style lang="scss" scoped>
+.opened-sla-condition-popup__wrapper {
+  display: flex;
+  justify-content: space-between;
+}
 </style>