@webitel/ui-sdk 25.4.27 → 25.4.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.04.27",
+  "version": "25.4.29",
   "private": false,
   "scripts": {
     "dev": "vite",

package/src/locale/en/en.js

@@ -631,9 +631,36 @@ export default {
         preset: 'Preset | Presets',
         overwritePresetTitle: 'A preset with this name already exists',
         overwritePresetText: 'A preset with this name already exists. Do you want to replace it?',
+        notifications: {
+          success: {
+            /* suka ebuchij linked(,param) ne praciuje */
+            update: ({ linked }) => {
+              return linked('systemNotifications.success.update', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+            create: ({ linked }) => {
+              return linked('systemNotifications.success.create', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+            delete: ({ linked }) => {
+              return linked('systemNotifications.success.delete', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+          },
+        },
       },
     },
   },
+  systemNotifications: {
+    success: {
+      update: ({ named }) => `The ${named('entity')} was updated`,
+      create: ({ named }) => `The ${named('entity')} was saved`,
+      delete: ({ named }) => `The ${named('entity')} was deleted`,
+    },
+  },
   errorNotifications: {
     chatHistoryApi: 'There was an error loading the chat history',
     markChatProcessed: 'Failed to move the chat to “Closed”',

package/src/locale/ru/ru.js

@@ -628,9 +628,35 @@ export default {
         preset: 'Пресет | Пресеты',
         overwritePresetTitle: 'Пресет с таким названием уже существует',
         overwritePresetText: 'Пресет с таким названием уже существует. Хотите его заменить?',
+        notifications: {
+          success: {
+            update: ({ linked }) => {
+              return linked('systemNotifications.success.update', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+            create: ({ linked }) => {
+              return linked('systemNotifications.success.create', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+            delete: ({ linked }) => {
+              return linked('systemNotifications.success.delete', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+          },
+        },
       },
     },
   },
+  systemNotifications: {
+    success: {
+      update: ({ named }) => `${named('entity')} был обновлён`,
+      create: ({ named }) => `${named('entity')} был сохранён`,
+      delete: ({ named }) => `${named('entity')} был удалён`,
+    },
+  },
   errorNotifications: {
     chatHistoryApi: 'Произошла ошибка загрузки истории чата',
     markChatProcessed: 'Не удалось переместить чат в “Закрытые”',

package/src/locale/ua/ua.js

@@ -628,9 +628,35 @@ export default {
         preset: 'Пресет | Пресети',
         overwritePresetTitle: 'Пресет з такою назвою вже існує',
         overwritePresetText: 'Пресет з такою назвою вже існує. Бажаєте його замінити?',
+        notifications: {
+          success: {
+            update: ({ linked }) => {
+              return linked('systemNotifications.success.update', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+            create: ({ linked }) => {
+              return linked('systemNotifications.success.create', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+            delete: ({ linked }) => {
+              return linked('systemNotifications.success.delete', {
+                entity: linked('filters.presets.preset'),
+              });
+            },
+          },
+        },
       },
     },
   },
+  systemNotifications: {
+    success: {
+      update: ({ named }) => `${named('entity')} було оновлено`,
+      create: ({ named }) => `${named('entity')} було збережено`,
+      delete: ({ named }) => `${named('entity')} було видалено`,
+    },
+  },
   errorNotifications: {
     chatHistoryApi: 'Сталася помилка завантаження історії чату',
     markChatProcessed: 'Не вдалося перемістити чат у “Закриті”',

package/src/mixins/validationMixin/useValidation.js

@@ -62,6 +62,9 @@ export function useValidation({
         validationText =
           v.value.regex?.$message ||
           `${t('validation.isRegExpMatched')} ${v.value.regex?.$params?.regex}`;
+      else if (v.value.nameAlreadyInUse.$invalid) {
+        validationText = t('validation.nameAlreadyInUse');
+      }
     }
 
     if (customValidators?.value) {

package/src/modules/Filters/v2/filter-presets/api/PresetQuery.api.ts

@@ -1,12 +1,22 @@
-import {EngineCreatePresetQueryRequest, EnginePresetQuery, PresetQueryServiceApiFactory} from 'webitel-sdk';
-import {getDefaultGetListResponse, getDefaultGetParams, getDefaultInstance, getDefaultOpenAPIConfig} from '../../../../../api/defaults/index';
+import {
+  EngineCreatePresetQueryRequest,
+  EnginePresetQuery,
+  PresetQueryServiceApiFactory,
+} from 'webitel-sdk';
+
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '../../../../../api/defaults/index';
 import applyTransform, {
-    camelToSnake,
-    merge,
-    notify,
-    snakeToCamel,
-    starToSearch,
-    skipIf,
+  camelToSnake,
+  merge,
+  notify,
+  skipIf,
+  snakeToCamel,
+  starToSearch,
 } from '../../../../../api/transformers/index';
 
 const instance = getDefaultInstance();
@@ -15,117 +25,93 @@ const configuration = getDefaultOpenAPIConfig();
 const service = PresetQueryServiceApiFactory(configuration, '', instance);
 
 type GetPresetListRequestConfig = {
-    transformers: {
-        useStarToSearch?: boolean,
-    },
+  transformers: {
+    useStarToSearch?: boolean;
+  };
 };
 
 const getPresetList = async (params, config: GetPresetListRequestConfig) => {
+  const useStarToSearch = config?.transformers?.useStarToSearch ?? true;
 
-    const useStarToSearch = config?.transformers?.useStarToSearch ?? true;
-
-    const {
-        page,
-        size,
-        search,
-        sort,
-        fields,
-        presetNamespace,
-        id,
-    } = applyTransform(params, [
-        merge(getDefaultGetParams()),
-        (params) => useStarToSearch ? starToSearch('search')(params) : params,
+  const { page, size, search, sort, fields, presetNamespace, id } =
+    applyTransform(params, [
+      merge(getDefaultGetParams()),
+      (params) => (useStarToSearch ? starToSearch('search')(params) : params),
     ]);
 
-    try {
-        const response = await service.searchPresetQuery(
-            page,
-            size,
-            search,
-            sort,
-            fields || ['id', 'name', 'preset', 'description'],
-            id,
-        );
-        const {items, next} = applyTransform(response.data, [
-            snakeToCamel(),
-            merge(getDefaultGetListResponse()),
-        ]);
-        return {
-            items: applyTransform(items, [
-                (items) => items.filter(({preset}) => preset.namespace === presetNamespace),
-            ]),
-            next,
-        };
-    } catch (err) {
-        throw applyTransform(err, [
-            notify,
-        ]);
-    }
+  try {
+    const response = await service.searchPresetQuery(
+      page,
+      size,
+      search,
+      sort || '-created_at',
+      fields || ['id', 'name', 'preset', 'description'],
+      id,
+    );
+    const { items, next } = applyTransform(response.data, [
+      snakeToCamel(),
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, [
+        (items) =>
+          items.filter(({ preset }) => preset.namespace === presetNamespace),
+      ]),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
 };
 
-const addPreset = async ({preset, namespace}: {
-    preset: EngineCreatePresetQueryRequest,
-    namespace: string
+const addPreset = async ({
+  preset,
+  namespace,
+}: {
+  preset: EngineCreatePresetQueryRequest;
+  namespace: string;
 }): Promise<EnginePresetQuery> => {
-    const item = applyTransform(preset, [
-        camelToSnake(),
-        (item) => {
-            item.preset.namespace = namespace;
-            return item;
-        },
-    ]);
-    try {
-        const response = await service.createPresetQuery(item);
-        return applyTransform(response.data, [
-            snakeToCamel(),
-        ]);
-    } catch (err) {
-        throw applyTransform(err, [
-            skipIf(notify, (err) => err.status === 409),
-        ]);
-    }
+  const item = applyTransform(preset, [
+    camelToSnake(),
+    (item) => {
+      item.preset.namespace = namespace;
+      return item;
+    },
+  ]);
+  try {
+    const response = await service.createPresetQuery(item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [skipIf(notify, (err) => err.status === 409)]);
+  }
 };
 
-const updatePreset = async ({item: itemInstance, id}) => {
-    const item = applyTransform(itemInstance, [
-        camelToSnake(),
-    ]);
-    try {
-        const response = await service.updatePresetQuery(id, item);
-        return applyTransform(response.data, [
-            snakeToCamel(),
-        ]);
-    } catch (err) {
-        throw applyTransform(err, [
-            skipIf(notify, (err) => err.status === 409),
-        ]);
-    }
+const updatePreset = async ({ item: itemInstance, id }) => {
+  const item = applyTransform(itemInstance, [camelToSnake()]);
+  try {
+    const response = await service.updatePresetQuery(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [skipIf(notify, (err) => err.status === 409)]);
+  }
 };
 
-const deletePreset = async ({id}) => {
-    try {
-        const response = await service.deletePresetQuery(id);
-        return applyTransform(response.data, [
-        ]);
-    } catch (err) {
-        throw applyTransform(err, [
-            notify,
-        ]);
-    }
+const deletePreset = async ({ id }) => {
+  try {
+    const response = await service.deletePresetQuery(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
 };
 
 const PresetQueryAPI = {
-    getList: getPresetList,
-    add: addPreset,
-    update: updatePreset,
-    delete: deletePreset,
+  getList: getPresetList,
+  add: addPreset,
+  update: updatePreset,
+  delete: deletePreset,
 };
 
-export {
-    getPresetList,
-    addPreset,
-    updatePreset,
-    deletePreset,
-};
+export { addPreset, deletePreset,getPresetList, updatePreset };
 
 export default PresetQueryAPI;

package/src/modules/Filters/v2/filter-presets/components/_shared/preset-filters-preview.vue

@@ -13,7 +13,7 @@
         >
           <template #info>
             <component
-              :is="getFilterFieldComponent(filter.name, 'previewField')"
+              :is="FilterOptionToPreviewComponentMap[filter.name]"
               :value="filter.value"
             >
             </component>
@@ -27,12 +27,14 @@
 
 <script setup lang="ts">
 import {useI18n} from "vue-i18n";
-import DynamicFilterPreview
-  from "../../../filters/components/preview/dynamic-filter-preview.vue";
+
+import { WtLabel } from '../../../../../../components/index';
+import type {IFilter} from "../../../filters";
 import DynamicFilterPanelWrapper
   from "../../../filters/components/dynamic-filter-panel-wrapper.vue";
-import type {IFilter} from "../../../filters/types/Filter.d.ts";
-import {getFilterFieldComponent} from "../../../filters/components/values/filterComponentsMap";
+import { FilterOptionToPreviewComponentMap} from "../../../filters/components/filter-options";
+import DynamicFilterPreview
+  from "../../../filters/components/preview/dynamic-filter-preview.vue";
 
 type Props = {
   filters: IFilter[];
@@ -45,7 +47,4 @@ const { t } = useI18n();
 </script>
 
 <style scoped lang="scss">
-.preset-filters-preview {
-
-}
 </style>

package/src/modules/Filters/v2/filter-presets/components/apply-preset/apply-preset-action.vue

@@ -35,7 +35,7 @@
               :preset="preset"
               @preset:select="selectedPreset = preset"
               @preset:update="updatePreset"
-              @preset:delete="() => deleteEls([preset])"
+              @preset:delete="() => deletePreset(preset)"
             />
           </section>
 <!--            TODO: infinite scroll -->
@@ -66,10 +66,11 @@
 </template>
 
 <script lang="ts" setup>
+import {type StoreDefinition, storeToRefs } from "pinia";
 import {computed, inject, ref, watch} from "vue";
 import {useI18n} from "vue-i18n";
-import {type StoreDefinition, storeToRefs } from "pinia";
-import {WtButton, WtIconBtn, WtPopup, WtSearchBar, WtEmpty} from "../../../../../../components/index";
+
+import {WtButton, WtEmpty,WtIconBtn, WtPopup, WtSearchBar} from "../../../../../../components/index";
 import {useTableEmpty} from "../../../../../TableComponentModule/composables/useTableEmpty";
 import PresetQueryAPI from '../../api/PresetQuery.api.ts';
 import PresetPreview from "./preset-preview.vue";
@@ -158,6 +159,12 @@ const updatePreset = async ({preset, onSuccess, onFailure}) => {
       item: { ...preset, section: props.namespace },
       id: preset.id,
     });
+    eventBus.$emit('notification', {
+      type: 'success',
+      text: t('systemNotifications.success.update', {
+        entity: t('webitelUI.filters.presets.preset').toLowerCase(),
+      }),
+    });
     onSuccess();
     return loadDataList();
   } catch (err) {
@@ -165,6 +172,16 @@ const updatePreset = async ({preset, onSuccess, onFailure}) => {
     throw err;
   }
 };
+
+const deletePreset = async (preset) => {
+  await deleteEls([preset.id]);
+  eventBus.$emit('notification', {
+    type: 'success',
+    text: t('systemNotifications.success.delete', {
+      entity: t('webitelUI.filters.presets.preset').toLowerCase(),
+    }),
+  });
+};
 </script>
 
 <style lang="scss" scoped>

package/src/modules/Filters/v2/filter-presets/components/save-preset/save-preset-action.vue

@@ -25,13 +25,15 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, ref, type Ref} from 'vue';
+import {computed, inject, type Ref,ref} from 'vue';
+import {useI18n} from "vue-i18n";
 import {EnginePresetQuery} from "webitel-sdk";
+
 import { WtIconBtn } from '../../../../../../components/index';
+import {IFiltersManager} from "../../../filters/index";
 import {addPreset, getPresetList, updatePreset} from '../../api/PresetQuery.api.ts';
-import SavePresetPopup, {SubmitConfig} from "./save-preset-popup.vue";
 import OverwritePresetPopup from "./overwrite-preset-popup.vue";
-import {IFiltersManager} from "../../../filters/index";
+import SavePresetPopup, {SubmitConfig} from "./save-preset-popup.vue";
 
 const props = defineProps<{
   /**
@@ -41,6 +43,10 @@ const props = defineProps<{
   filtersManager: IFiltersManager;
 }>();
 
+const eventBus = inject('$eventBus');
+
+const { t } = useI18n();
+
 /**
  * disable "save" btn if there's nothing to save
  * */
@@ -61,6 +67,13 @@ const presetToOverwriteWith: Ref<EnginePresetQuery | null> = ref(null);
 const handlePresetSubmit = async (preset: EnginePresetQuery, { onCompleted }: SubmitConfig) => {
   try {
     await addPreset({ preset, namespace: props.namespace });
+
+    eventBus.$emit('notification', {
+      type: 'success',  text: t('systemNotifications.success.create', {
+        entity: t('webitelUI.filters.presets.preset').toLowerCase(),
+      }),
+    });
+
     showSaveForm.value = false;
   } catch (err) {
     if (err?.status === 409) {
@@ -88,6 +101,12 @@ const handlePresetOverwriteConfirmation = async ({ onCompleted }: SubmitConfig)
       },
     });
 
+    eventBus.$emit('notification', {
+      type: 'success',  text: t('systemNotifications.success.update', {
+        entity: t('webitelUI.filters.presets.preset').toLowerCase(),
+      }),
+    });
+
     presetToOverwriteWith.value = null;
     showSaveForm.value = false;
   } finally {

package/src/modules/Filters/v2/filters/components/{values → filter-options}/_shared/has-options/has-option-filter-value-field.vue

@@ -17,7 +17,7 @@ import {computed, useAttrs} from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../../components/wt-select/wt-select.vue';
-import { BooleanOptions } from '../../../enums/boolean-options';
+import { BooleanOptions } from '../../../../enums/boolean-options';
 
 const model = defineModel<boolean | null>();
 

package/src/modules/Filters/v2/filters/components/{values → filter-options}/amd-result/amd-result-filter-value-field.vue

@@ -19,7 +19,7 @@ import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { AmdResultOptions } from '../../enums/amd-result-options';
+import { AmdResultOptions } from '../../../enums/amd-result-options';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/modules/Filters/v2/filters/components/{values → filter-options}/cause/cause-filter-value-field.vue

@@ -19,7 +19,7 @@ import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { HangupCauseOptions } from '../../enums/hangup-cause-options';
+import { HangupCauseOptions } from '../../../enums/hangup-cause-options';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/modules/Filters/v2/filters/components/{values → filter-options}/direction/direction-filter-value-field.vue

@@ -18,7 +18,7 @@ import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { DirectionOptions } from '../../enums/direction-options';
+import { DirectionOptions } from '../../../enums/direction-options';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/modules/Filters/v2/filters/components/{values → filter-options}/has-attachment/has-attachment-filter-value-preview.vue

@@ -6,7 +6,7 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { BooleanOptions } from '../../enums/boolean-options';
+import { BooleanOptions } from '../../../enums/boolean-options';
 
 const props = defineProps<{
   value: boolean;

package/src/modules/Filters/v2/filters/components/{values/index.js → filter-options/index.ts}

@@ -1,3 +1,5 @@
+import type {Component} from "vue";
+
 import ActualReactionTimeFilter from './actual-reaction-time/actual-reaction-time-filter-value-field.vue';
 import ActualReactionTimeFilterPreview from './actual-reaction-time/actual-reaction-time-filter-value-preview.vue';
 import ActualResolutionTimeFilter from './actual-resolution-time/actual-resolution-time-filter-value-field.vue';
@@ -24,6 +26,7 @@ import CreatedAtToFilter from './created-at-to/created-at-to-filter-value-field.
 import CreatedAtToFilterPreview from './created-at-to/created-at-to-filter-value-preview.vue';
 import DirectionFilter from './direction/direction-filter-value-field.vue';
 import DirectionFilterPreview from './direction/direction-filter-value-preview.vue';
+import {FilterOption} from "../../enums/FilterOption";
 import GatewayFilter from './gateway/gateway-filter-value-field.vue';
 import GatewayFilterPreview from './gateway/gateway-filter-value-preview.vue';
 import GranteeFilter from './grantee/grantee-filter-value-field.vue';
@@ -157,3 +160,87 @@ export {
   VariableFilter,
   VariableFilterPreview,
 };
+
+export const FilterOptionToValueComponentMap: Record<FilterOption, Component> = {
+  [FilterOption.Agent]: AgentFilter,
+  [FilterOption.AmdResult]: AmdResultFilter,
+  [FilterOption.Contact]: ContactFilter,
+  [FilterOption.Direction]: DirectionFilter,
+  [FilterOption.Rated]: HasRatingFilterValueField,
+  [FilterOption.Gateway]: GatewayFilter,
+  [FilterOption.Grantee]: GranteeFilter,
+  [FilterOption.Cause]: CauseFilter,
+  [FilterOption.Queue]: QueueFilter,
+  [FilterOption.RatedBy]: RatedByFilter,
+  [FilterOption.HasFile]: HasFileFilter,
+  [FilterOption.Score]: ScoreFilter,
+  [FilterOption.Tag]: TagFilter,
+  [FilterOption.TalkDuration]: TalkDurationFilter,
+  [FilterOption.Team]: TeamFilter,
+  [FilterOption.TotalDuration]: TotalDurationFilter,
+  [FilterOption.HasTranscription]: HasTranscriptionFilter,
+  [FilterOption.User]: UserFilter,
+  [FilterOption.Variable]: VariableFilter,
+  [FilterOption.CreatedAtFrom]: CreatedAtFromFilter,
+  [FilterOption.CreatedAtTo]: CreatedAtToFilter,
+  [FilterOption.Status]: CaseStatusFilter,
+  [FilterOption.Source]: CaseSourceFilter,
+  [FilterOption.Service]: CaseServiceFilter,
+  [FilterOption.Author]: AuthorFilter,
+  [FilterOption.Reporter]: ReporterFilter,
+  [FilterOption.Impacted]: ImpactedFilter,
+  [FilterOption.Assignee]: AssigneeFilter,
+  [FilterOption.ContactGroup]: ContactGroupFilter,
+  [FilterOption.Priority]: CasePriorityFilter,
+  [FilterOption.CloseReasonGroups]: CloseReasonGroupsCaseFilter,
+  [FilterOption.Rating]: RatingFromToFilter,
+  [FilterOption.Sla]: SlaFilter,
+  [FilterOption.SlaCondition]: SlaConditionFilter,
+  [FilterOption.ReactionTime]: ReactionTimeFilter,
+  [FilterOption.ResolutionTime]: ResolutionTimeFilter,
+  [FilterOption.ActualReactionTime]: ActualReactionTimeFilter,
+  [FilterOption.ActualResolutionTime]: ActualResolutionTimeFilter,
+  [FilterOption.HasAttachment]: HasAttachmentFilter,
+};
+
+export const FilterOptionToPreviewComponentMap: Record<FilterOption, Component> = {
+  [FilterOption.Agent]: AgentFilterPreview,
+  [FilterOption.AmdResult]: AmdResultFilterPreview,
+  [FilterOption.Contact]: ContactFilterPreview,
+  [FilterOption.Direction]: DirectionFilterPreview,
+  [FilterOption.Rated]: HasRatingFilterValuePreview,
+  [FilterOption.Gateway]: GatewayFilterPreview,
+  [FilterOption.Grantee]: GranteeFilterPreview,
+  [FilterOption.Cause]: CauseFilterPreview,
+  [FilterOption.Queue]: QueueFilterPreview,
+  [FilterOption.RatedBy]: RatedByFilterPreview,
+  [FilterOption.HasFile]: HasFileFilterPreview,
+  [FilterOption.Score]: ScoreFilterPreview,
+  [FilterOption.Tag]: TagFilterPreview,
+  [FilterOption.TalkDuration]: TalkDurationFilterPreview,
+  [FilterOption.Team]: TeamFilterPreview,
+  [FilterOption.TotalDuration]: TotalDurationFilterPreview,
+  [FilterOption.HasTranscription]: HasTranscriptionFilterPreview,
+  [FilterOption.User]: UserFilterPreview,
+  [FilterOption.Variable]: VariableFilterPreview,
+  [FilterOption.CreatedAtFrom]: CreatedAtFromFilterPreview,
+  [FilterOption.CreatedAtTo]: CreatedAtToFilterPreview,
+  [FilterOption.Status]: CaseStatusFilterPreview,
+  [FilterOption.Source]: CaseSourceFilterPreview,
+  [FilterOption.Service]: CaseServiceFilterPreview,
+  [FilterOption.Author]: AuthorFilterPreview,
+  [FilterOption.Reporter]: ReporterFilterPreview,
+  [FilterOption.Impacted]: ImpactedFilterPreview,
+  [FilterOption.Assignee]: AssigneeFilterPreview,
+  [FilterOption.ContactGroup]: ContactGroupFilterPreview,
+  [FilterOption.Priority]: CasePriorityFilterPreview,
+  [FilterOption.CloseReasonGroups]: CloseReasonGroupsCaseFilterPreview,
+  [FilterOption.Rating]: RatingFromToFilterPreview,
+  [FilterOption.Sla]: SlaFilterPreview,
+  [FilterOption.SlaCondition]: SlaConditionFilterPreview,
+  [FilterOption.ReactionTime]: ReactionTimeFilterPreview,
+  [FilterOption.ResolutionTime]: ResolutionTimeFilterPreview,
+  [FilterOption.ActualReactionTime]: ActualReactionTimeFilterPreview,
+  [FilterOption.ActualResolutionTime]: ActualResolutionTimeFilterPreview,
+  [FilterOption.HasAttachment]: HasAttachmentFilterPreview,
+};

package/src/modules/Filters/v2/filters/components/{values → filter-options}/tag/tag-filter-value-field.vue

@@ -19,7 +19,7 @@ import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { TagOptions } from '../../enums/tag-options';
+import { TagOptions } from '../../../enums/tag-options';
 
 const model = defineModel<string>();
 const { t } = useI18n();