@webitel/ui-sdk 23.12.2 → 23.12.5-1

package/src/locale/kz/kz.js

@@ -0,0 +1,327 @@
+import {
+  AgentStatus,
+  CallDirection,
+  ChannelState,
+  ChannelType,
+  EngineRoutingSchemaType,
+} from 'webitel-sdk';
+import { QueueType } from 'webitel-sdk/esm2015/enums';
+import AdminSections from '../../enums/WebitelApplications/AdminSections.enum';
+import CrmSections from '../../enums/WebitelApplications/CrmSections.enum';
+import SupervisorSections
+  from '../../enums/WebitelApplications/SupervisorSections.enum';
+import WebitelApplications
+  from '../../enums/WebitelApplications/WebitelApplications.enum';
+import { snakeToCamel } from '../../scripts/caseConverters';
+
+export default {
+  reusable: {
+    total: 'Барлығы',
+    ok: 'ок',
+    save: 'Сақтау',
+    saveAs: 'ретінде сақтау',
+    saved: 'Сақталды',
+    send: 'Жіберу',
+    start: 'Бастау',
+    close: 'Жабу',
+    add: 'Қосу',
+    cancel: 'Бас тарту',
+    import: 'Импорттау',
+    export: 'Экспорттау',
+    true: 'Иә',
+    delete: 'Жою',
+    search: 'Іздеу',
+    open: 'Ашу',
+    name: 'Атауы',
+    expand: 'Ашу',
+    collapse: 'Жию ',
+    generate: 'Бастау',
+    lang: {
+      en: 'English',
+      es: 'Español',
+      ru: 'Орысша',
+      ua: 'Українська',
+      kz: 'Қазақ',
+    },
+    from: 'Бастап',
+    to: 'Дейін',
+    state: 'Жағдай',
+    refresh: 'Жаңарту',
+    retry: 'Қайталау',
+    downloadAll: 'Барлығын жүктеп алу',
+    warning: 'Ескерту',
+    doNotSave: 'Сақтамау',
+    required: 'Міндетті',
+    copy: 'Көшіру',
+    new: 'Жаңа',
+    createdAt: 'Жасалды',
+    createdBy: 'кім жасады',
+    modifiedAt: 'Өзгертілді',
+    modifiedBy: 'кім өзгертті',
+    general: 'Жалпы',
+    generalInfo: 'жалпы ақпарат',
+    all: 'Барлығы { entity }',
+    upload: 'Жүктеп алу',
+    edit: 'Редакциялау',
+    back: 'Артқа',
+    step: 'Қадам { count }',
+  },
+  vocabulary: {
+    language: 'Тіл',
+    voice: 'Дауыс',
+    format: 'Формат',
+    text: 'Мәтін',
+    yes: 'Иә',
+    no: 'Жоқ',
+    description: 'Сипаттама',
+    login: 'Логин',
+    host: 'Хост',
+    time: 'Уақыт',
+    channel: 'Арна',
+    file: 'Файл',
+    logout: 'Шығу',
+    priority: 'Басымдық',
+    variables: 'Ауыспалы | Ауыспалылар',
+    type: 'Тип',
+    tag: 'Тег | Тегтер',
+    output: 'Шығу',
+    values: 'Мәні| Мәндер',
+    keys: 'Кілт  | Кілттер',
+    duration: 'Ұзақтығы',
+    reset: 'Қалпына келтіру',
+    errors: 'Қате | Қателер',
+    labels: 'Белгі | Белгілер',
+    permissions: 'Рұқсат | Рұқсат',
+    options: 'Опция | Опциялар',
+    emails: 'Email | Emails',
+    phones: 'Телефон | Телефондар',
+    messaging: 'Хабарламалар',
+  },
+  date: {
+    sec: 'Сек',
+    timezone: 'Уақыт белдеуі | Уақыт белдеулері',
+  },
+  objects: {
+    team: 'Команда | Командалар',
+    supervisor: 'Супервизор | Супервизорлар',
+    auditor: 'Аудитор | Аудиторлар',
+    region: 'Аймақ | Аймақтар',
+    communicationType: 'Байланыс түрі |Байланыс түрлері',
+    queue: {
+      type: {
+        [QueueType.INBOUND_QUEUE]: 'Кіріс кезегі',
+        [QueueType.OFFLINE_QUEUE]: 'Офлайн кезек',
+        [QueueType.OUTBOUND_IVR_QUEUE]: 'Шығыс IVR',
+        [QueueType.PREDICTIVE_DIALER]: 'Предиктивтік қоңырау',
+        [QueueType.PROGRESSIVE_DIALER]: 'Прогрессивті қоңырау',
+        [QueueType.PREVIEW_DIALER]: 'Қоңырауды алдын ала қарау',
+        [QueueType.CHAT_INBOUND_QUEUE]: 'Чаттар кезегі',
+        [QueueType.INBOUND_JOB_QUEUE]: 'Кіріс тапсырмалар кезегі',
+        [QueueType.OUTBOUND_JOB_QUEUE]: 'Шығыс тапсырмалар  кезегі',
+      },
+    },
+    agent: {
+      status: {
+        [AgentStatus.Online]: 'Онлайн',
+        [AgentStatus.Pause]: 'Үзіліс',
+        [AgentStatus.Offline]: 'Оффлайн',
+        [snakeToCamel(AgentStatus.BreakOut)]: 'Мәжбүрлі үзіліс',
+      },
+    },
+    flow: {
+      type: {
+        [EngineRoutingSchemaType.Chat]: 'Мәтіндік',
+        [EngineRoutingSchemaType.Voice]: 'Дыбыстық',
+        [EngineRoutingSchemaType.Service]: 'Қызметтік',
+        [EngineRoutingSchemaType.Processing]: 'Нысандар',
+        [EngineRoutingSchemaType.Default]: 'Типі жоқ',
+      },
+    },
+  },
+  channel: {
+    state: {
+      [ChannelState.Waiting]: 'Күту',
+      [ChannelState.Distribute]: 'Резервтелген',
+      [ChannelState.Offering]: 'Тарату',
+      [ChannelState.Answered]: 'Жауап берді',
+      [ChannelState.Active]: 'Белсенді',
+      [ChannelState.Bridged]: 'Қосылды',
+      [ChannelState.Hold]: 'Ұстап тұру',
+      [ChannelState.Missed]: 'Өткізіп жіберді',
+      [snakeToCamel(ChannelState.WrapTime)]: 'Кейінгі өңдеу',
+      [ChannelState.Processing]: 'Өңдеу',
+      [ChannelState.Transfer]: 'Ауыстыру',
+    },
+    type: {
+      [ChannelType.Call]: 'Қоңырау',
+      [ChannelType.Email]: 'Пошта',
+      [ChannelType.Chat]: 'Чат',
+    },
+  },
+  calls: {
+    direction: {
+      [CallDirection.Inbound]: 'Кіріс | Кірістер',
+      [CallDirection.Outbound]: 'Шығыс | Шығыстар',
+    },
+  },
+  WebitelApplications: {
+    [WebitelApplications.AGENT]: {},
+    [WebitelApplications.AUDIT]: {
+      sections: {},
+    },
+    [WebitelApplications.CRM]: {
+      sections: {
+        [CrmSections.CONTACTS]: 'Байланыстар',
+      },
+    },
+    [WebitelApplications.HISTORY]: {},
+    [WebitelApplications.ANALYTICS]: {},
+    [WebitelApplications.SUPERVISOR]: {
+      sections: {
+        [SupervisorSections.QUEUES]: 'Кезектер',
+        [SupervisorSections.AGENTS]: 'Операторлар',
+        [SupervisorSections.ACTIVE_CALLS]: 'Белсенді қоңыраулар',
+      },
+    },
+    [WebitelApplications.ADMIN]: {
+      sections: {
+        [AdminSections.USERS]: 'Пайдаланушылар',
+        [AdminSections.LICENSE]: 'Лицензиялар',
+        [AdminSections.DEVICES]: 'Құрылғылар',
+        [AdminSections.FLOW]: 'Схемалар',
+        [AdminSections.DIALPLAN]: 'Шығыс бағыттау',
+        [AdminSections.GATEWAYS]: 'Шлюздер',
+        [AdminSections.CHATPLAN]: 'Мәтіндік хабарламаны бағыттау қағидасы',
+        [AdminSections.SKILLS]: 'Оператор дағдылары',
+        [AdminSections.BUCKETS]: 'Себеттер',
+        [AdminSections.MEDIA]: 'Медиафайлдар',
+        [AdminSections.BLACKLIST]: 'Тізімдер',
+        [AdminSections.CALENDARS]: 'Күнтізбелер',
+        [AdminSections.COMMUNICATIONS]: 'Байланыс түрлері',
+        [AdminSections.REGIONS]: 'Орындар',
+        [AdminSections.PAUSE_CAUSE]: 'Оператор күйлері',
+        [AdminSections.AGENTS]: 'Операторлар',
+        [AdminSections.TEAMS]: 'Командалар',
+        [AdminSections.RESOURCES]: 'Ресурстар',
+        [AdminSections.RESOURCE_GROUPS]: 'Ресурстар топтары',
+        [AdminSections.QUEUES]: 'Кезектер',
+        [AdminSections.STORAGE]: 'Қойма',
+        [AdminSections.COGNITIVE_PROFILES]: 'Дыбыстық профильдер',
+        [AdminSections.EMAIL_PROFILES]: 'Email профильдері',
+        [AdminSections.IMPORT_CSV]: 'CSV файлдарынан деректерді импорттау',
+        [AdminSections.TRIGGERS]: 'Триггерлер',
+        [AdminSections.ROLES]: 'Рөлдер',
+        [AdminSections.OBJECTS]: 'Бөлімдер',
+      },
+    },
+  },
+  validation: {
+    required: 'Міндетті өріс',
+    numeric: 'Сандық мәнді енгізу керек',
+    email: 'Электрондық пошта мекенжайын енгізу қажет',
+    gatewayHostValidator: 'IPv4 немесе FQDN енгізу керек',
+    sipAccountValidator: 'SIP-аккаунт енгізу керек',
+    ipValidator: 'IPv4 енгізу керек',
+    macValidator: 'MAC-мекенжайын енгізу керек',
+    minValue: 'Мәні кіші болмауы керек',
+    maxValue: 'Мәні үлкен болмауы керек',
+    sameAs: 'Қате құпиясөз',
+    requiredArrayValue: 'Өріс бос болмауы керек',
+    minLength: 'Таңбалар саны кем болмауы керек',
+    url: 'Жарамды URL-мекенжайын енгізу қажет',
+    regExpValidator: 'Жарамсыз тұрақты мән',
+    domainValidator: 'Қате домен',
+  },
+  webitelUI: {
+    searchBar: {
+      placeholder: 'Іздеу',
+    },
+    timepicker: {
+      hour: 'Сағат:',
+      min: 'Мин:',
+      sec: 'Сек:',
+    },
+    datetimepicker: {
+      lastHour: 'Соңғы сағат',
+      lastDay: 'Соңғы күн',
+    },
+    pagination: {
+      sizeText: 'Беттегі жазбалар:',
+      prev: 'Артқа',
+      next: 'Әрі қарай',
+    },
+    appNavigator: {
+      title: 'Webitel қосымшалары',
+    },
+    headerActions: {
+      account: 'Аккаунт',
+      docs: 'Құжаттама',
+      settings: 'Баптау',
+      logout: 'Шығу',
+      buildVersion: 'Құрастыру нұсқасы',
+    },
+    tableActions: {
+      filterReset: 'Іріктемені қалпына келтіру',
+      columnSelect: 'Бағандарды қосу',
+      refreshTable: 'Жаңарту',
+      expandFilters: 'Іріктемені кеңейту',
+    },
+    tableColumnSelect: {
+      title: 'Көрсетілетін бағандарды таңдаңыз',
+    },
+    statusSelect: {
+      online: 'Онлайн',
+      pause: 'Үзіліс ',
+      offline: 'Оффлайн',
+      breakOut: 'Мәжбүрлі үзіліс',
+    },
+    iconAction: {
+      deleteActionHint: 'Жою',
+      editActionHint: 'Редакциялау',
+      addActionHint: 'Қосу',
+      historyActionHint: 'Тарих',
+      downloadActionHint: 'Жүктеп алу',
+    },
+    errorPages: {
+      goBack: 'Артқа қайту',
+      page403: {
+        title: 'Кіруге болмайды',
+        text: 'Кешіріңіз, бұл бетті көруге сізде рұқсат жоқ.',
+      },
+      page404: {
+        title: 'Сіз адасып кеткен сияқтысыз',
+        text: 'Кешіріңіз, біз сіз іздегенді таба алмадық',
+      },
+    },
+    copyAction: {
+      copy: 'Көшіру',
+      copied: 'Көшірілді!',
+    },
+    auditForm: {
+      question: 'Критерий',
+      option: 'Нұсқа |Нұсқалар',
+      addQuestion: 'Критерий қосу',
+      answerType: 'Жауап түрі',
+      type: {
+        options: 'Нұсқа ',
+        score: 'Бал',
+      },
+    },
+    deleteConfirmationPopup: {
+      title: 'Жоюды растаңыз',
+      askingAlert: '{count} жазбасын  жойғыңыз келетініне сенімдісіз бе?  | {count} жазбасын  жойғыңыз келетініне сенімдісіз бе?',
+      undoneActionAlert: 'Бұл әрекетті қайтару мүмкін емес.',
+      deleteAll: 'БАРЛЫҒЫ',
+    },
+    dummy: {
+      text: 'Бөлімде әлі жазбалар жазылмаған',
+    },
+    agentStatusSelect: {
+      pauseCausePopup: {
+        title: 'Үзіліс себебін таңдаңыз',
+        min: 'Мин',
+        unlimited: 'Лимитсіз',
+      },
+    },
+  },
+};

package/src/locale/ru/ru.js

@@ -44,6 +44,7 @@ export default {
       es: 'Español',
       ru: 'Русский',
       ua: 'Українська',
+      kz: 'Қазақ',
     },
     from: 'От',
     to: 'До',
@@ -222,12 +223,13 @@ export default {
         [AdminSections.STORAGE]: 'Хранилища',
         [AdminSections.COGNITIVE_PROFILES]: 'Голосовые профили',
         [AdminSections.EMAIL_PROFILES]: 'Email профили',
+        [AdminSections.SINGLE_SIGN_ON]: 'Single Sign-on',
         [AdminSections.IMPORT_CSV]: 'Импорт данных из CSV файлов',
         [AdminSections.TRIGGERS]: 'Триггеры',
         [AdminSections.ROLES]: 'Роли',
         [AdminSections.OBJECTS]: 'Разделы',
         [AdminSections.CHANGELOGS]: 'Журнал изменений',
-        [AdminSections.SETTINGS]: 'Настройки',
+        [AdminSections.CONFIGURATION]: 'Конфигурация',
       },
     },
   },
@@ -245,6 +247,7 @@ export default {
     requiredArrayValue: 'Поле не должно быть пустым',
     minLength: 'Количество символов не должно быть меньше, чем',
     url: 'Необходимо ввести корректный url-адрес',
+    websocketValidator: 'Необходимо ввести корректный WebSocket url-адрес',
     regExpValidator: 'Не правильное регулярное выражение',
     domainValidator: 'Неправильный домен',
     decimalValidator: 'Количество десятичных знаков не должно быть больше { count }',
@@ -254,6 +257,7 @@ export default {
     searchBar: {
       placeholder: 'Поиск',
       settingsHint: 'Настройки поиска',
+      variableSearchHint: 'Формат запроса: "ключ=значение"',
     },
     timepicker: {
       hour: 'Час:',
@@ -336,8 +340,7 @@ export default {
     },
     deleteConfirmationPopup: {
       title: 'Подтвердите удаление',
-      askingAlert: 'Вы уверенны, что хотите удалить {count} запись? | Вы уверенны, что хотите удалить {count} записей?',
-      undoneActionAlert: 'Это действие не может быть отменено.',
+      askingAlert: 'Вы уверенны, что хотите\n удалить {count} запись? | Вы уверенны, что хотите\n удалить {count} записей?',
       deleteAll: 'ВСЕ',
     },
     dummy: {
@@ -354,5 +357,10 @@ export default {
         message: 'Лимит операторов в паузе превышен. Перерыв сейчас недоступен.',
       },
     },
+    saveFailedPopup: {
+      title: 'Ошибка сохранения',
+      label: 'Что-то пошло не так. Пожалуйста, попробуйте еще раз',
+      exportToJson: 'Экспортировать в JSON',
+    },
   },
 };

package/src/locale/ua/ua.js

@@ -44,6 +44,7 @@ export default {
       es: 'Español',
       ru: 'Русский',
       ua: 'Українська',
+      kz: 'Қазақ',
     },
     from: 'Від',
     to: 'До',
@@ -222,12 +223,13 @@ export default {
         [AdminSections.STORAGE]: 'Сховища',
         [AdminSections.COGNITIVE_PROFILES]: 'Голосові профілі',
         [AdminSections.EMAIL_PROFILES]: 'Email профілі',
+        [AdminSections.SINGLE_SIGN_ON]: 'Single Sign-on',
         [AdminSections.IMPORT_CSV]: 'Імпорт даних з CSV файлів',
         [AdminSections.TRIGGERS]: 'Тригери',
         [AdminSections.ROLES]: 'Ролі',
         [AdminSections.OBJECTS]: 'Розділи',
         [AdminSections.CHANGELOGS]: 'Журнал змін',
-        [AdminSections.SETTINGS]: 'Налаштування',
+        [AdminSections.CONFIGURATION]: 'Конфігурація',
       },
     },
   },
@@ -245,6 +247,7 @@ export default {
     requiredArrayValue: 'Поле не повинно бути пустим',
     minLength: 'Кількість символів повинна бути не меншою, ніж',
     url: 'Необхідно ввести правильну url-адресу',
+    websocketValidator: 'Необхідно ввести правильну WebSocket url-адресу',
     regExpValidator: 'Не правильний регулярний вираз',
     domainValidator: 'Невірний домен',
     decimalValidator: 'Кількість десяткових знаків не повинна бути більше { count }',
@@ -254,6 +257,7 @@ export default {
     searchBar: {
       placeholder: 'Пошук',
       settingsHint: 'Налаштування пошуку',
+      variableSearchHint: 'Формат запиту: "ключ=значення"',
     },
     timepicker: {
       hour: 'Год:',
@@ -336,8 +340,7 @@ export default {
     },
     deleteConfirmationPopup: {
       title: 'Підтвердіть видалення',
-      askingAlert: 'Ви впевнені, що хочете видалити {count} запис? | Ви впевнені, що хочете видалити {count} записів?',
-      undoneActionAlert: 'Дана дія не може бути скасована.',
+      askingAlert: 'Ви впевнені, що хочете\n видалити {count} запис? | Ви впевнені, що хочете\n видалити {count} записів?',
       deleteAll: 'ВСІ',
     },
     dummy: {
@@ -354,5 +357,10 @@ export default {
         message: 'Ліміт операторів в паузі перевищено. Перерва наразі недоступна.',
       },
     },
+    saveFailedPopup: {
+      title: 'Помилка збереження',
+      label: 'Щось пішло не так. Будь ласка, спробуйте ще раз',
+      exportToJson: 'Експортувати в JSON',
+    },
   },
 };

package/src/mixins/validationMixin/__tests__/validationMixin.spec.js

@@ -30,7 +30,7 @@ describe('Validation mixin', () => {
         },
       },
     });
-    expect(wrapper.vm.validationText).toBe('validation.email');
+    expect(wrapper.vm.validationText).toBe('Should look like email');
   });
 
   it('prioritizes error messages', () => {
@@ -42,6 +42,6 @@ describe('Validation mixin', () => {
         },
       },
     });
-    expect(wrapper.vm.validationText).toBe('validation.required');
+    expect(wrapper.vm.validationText).toBe('Field is required');
   });
 });

package/src/mixins/validationMixin/useValidation.js

@@ -1,14 +1,28 @@
-import { computed } from 'vue';
+import { computed, isReactive, isRef } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-export function useValidation({ v, customValidators }) {
+export function useValidation({ v: inputV, customValidators: inputCustomValidators }) {
   const { t } = useI18n();
-  const isValidation = computed(() => !!v.value && !!Object.keys(v.value).length);
+
+  // support vue options api, where v is a reactive, not ref
+  let v = inputV;
+  let customValidators = inputCustomValidators;
+
+  if (isReactive(v)) {
+    v = computed(() => inputV);
+    customValidators = computed(() => inputCustomValidators);
+  }
+
+  // end
+
+  console.info(v, inputV, isRef(v), isReactive(inputV));
+
+  const isValidation = computed(() => !!v && !!v.value && !!Object.keys(v.value).length);
   const invalid = computed(() => isValidation.value && v.value.$error);
 
   const validationText = computed(() => {
     let validationText = '';
-    if (isValidation && invalid) {
+    if (isValidation.value && invalid) {
       if (v.value.required?.$invalid) validationText = t('validation.required');
       else if (v.value.numeric?.$invalid) validationText = t('validation.numeric');
       else if (v.value.email?.$invalid) validationText = t('validation.email');
@@ -24,6 +38,7 @@ export function useValidation({ v, customValidators }) {
       else if (v.value.sameAs?.$invalid) validationText = `${t('validation.sameAs')}`;
       else if (v.value.domainValidator?.$invalid) validationText = `${t('validation.domainValidator')}`;
       else if (v.value.decimalValidator?.$invalid) validationText = `${t('validation.decimalValidator')} ${v.value.decimalValidator.$params.count}`;
+      else if (v.value.websocketValidator?.$invalid) validationText = `${t('validation.websocketValidator')}`;
       else if (v.value.integer?.$invalid) validationText = `${t('validation.integer')}`;
     }
     // eslint-disable-next-line no-restricted-syntax

package/src/mixins/validationMixin/validationMixin.js

@@ -34,6 +34,7 @@ export default {
         else if (this.v.sameAs?.$invalid) validationText = `${this.$t('validation.sameAs')}`;
         else if (this.v.domainValidator?.$invalid) validationText = `${this.$t('validation.domainValidator')}`;
         else if (this.v.decimalValidator?.$invalid) validationText = `${this.$t('validation.decimalValidator')} ${this.v.decimalValidator.$params.count}`;
+        else if (this.v.websocketValidator?.$invalid) validationText = `${this.$t('validation.websocketValidator')}`;
         else if (this.v.integer?.$invalid) validationText = `${this.$t('validation.integer')}`;
       }
       // eslint-disable-next-line no-restricted-syntax

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-agent-status-select.spec.js

@@ -6,13 +6,13 @@ import * as PauseCauseAPIFactory from '../../api/pause-cause';
 import WtCcAgentStatusSelect from '../wt-cc-agent-status-select.vue';
 
 const pauseCauses = [{ name: 'jest1' }, { name: 'jest2' }];
-const getAgentPauseCausesMock = jest.fn(() => ({ items: pauseCauses }));
+const getAgentPauseCausesMock = vi.fn(() => ({ items: pauseCauses }));
 // https://stackoverflow.com/a/63727813
-jest.spyOn(PauseCauseAPIFactory, 'default').mockImplementation(() => ({ getList: getAgentPauseCausesMock }));
+vi.spyOn(PauseCauseAPIFactory, 'default').mockImplementation(() => ({ getList: getAgentPauseCausesMock }));
 
-const agentStatusMock = jest.fn(() => {});
+const agentStatusMock = vi.fn(() => {});
 // https://stackoverflow.com/a/63727813
-jest.spyOn(AgentStatusAPIFactory, 'default').mockImplementation(() => ({ patch: agentStatusMock }));
+vi.spyOn(AgentStatusAPIFactory, 'default').mockImplementation(() => ({ patch: agentStatusMock }));
 
 const agent = {
   status: '',

package/src/modules/AgentStatusSelect/components/_internals/wt-cc-pause-cause-popup.vue

@@ -4,16 +4,16 @@
     min-width="480"
     @close="close"
   >
-    <template v-slot:title>
+    <template #title>
       {{ $t('webitelUI.agentStatusSelect.pauseCausePopup.title') }}
     </template>
-    <template v-slot:main>
+    <template #main>
       <form @submit.prevent="setPause">
         <ul>
           <li
-            class="wt-cc-pause-cause-popup-option"
             v-for="(option) of pauseCause"
             :key="option.id"
+            class="wt-cc-pause-cause-popup-option"
           >
             <wt-radio
               class="wt-cc-pause-cause-popup-option__radio"
@@ -21,12 +21,12 @@
               :value="option.id"
               :label="option.name"
               @input="select(option)"
-            ></wt-radio>
+            />
             <div class="wt-cc-pause-cause-popup-option__limits-wrapper">
               <span
                 :class="{
-                    'wt-cc-pause-cause-popup-option__duration--overflow': option.isOverflow,
-                 }"
+                  'wt-cc-pause-cause-popup-option__duration--overflow': option.isOverflow,
+                }"
               >
                 {{ option.duration }}
               </span>
@@ -37,16 +37,18 @@
         </ul>
       </form>
     </template>
-    <template v-slot:actions>
+    <template #actions>
       <wt-button
         :disabled="!selected"
         @click="setPause"
-      >{{ $t('reusable.ok') }}
+      >
+        {{ $t('reusable.ok') }}
       </wt-button>
       <wt-button
         color="secondary"
         @click="close"
-      >{{ $t('reusable.cancel') }}
+      >
+        {{ $t('reusable.cancel') }}
       </wt-button>
     </template>
   </wt-popup>

package/src/modules/AgentStatusSelect/components/_internals/wt-cc-status-select-error-popup.vue

@@ -4,25 +4,26 @@
     min-width="480"
     @close="close"
   >
-    <template v-slot:header>
+    <template #header>
       {{ $t('webitelUI.agentStatusSelect.statusSelectErrorPopup.title') }}
     </template>
-    <template v-slot:main>
+    <template #main>
       <article class="wt-cc-status-select-error-popup__main-wrapper">
         <wt-icon
           icon="attention"
           color="danger"
-        ></wt-icon>
+        />
         <p class="wt-cc-status-select-error-popup__message">
           {{ $t('webitelUI.agentStatusSelect.statusSelectErrorPopup.message') }}
         </p>
       </article>
     </template>
-    <template v-slot:actions>
+    <template #actions>
       <wt-button
         color="secondary"
         @click="close"
-      >{{ $t('reusable.ok') }}
+      >
+        {{ $t('reusable.ok') }}
       </wt-button>
     </template>
   </wt-popup>

package/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue

@@ -4,18 +4,18 @@
       :status="status"
       :status-duration="statusDuration"
       @change="handleStatusSelectInput"
-    ></wt-status-select>
+    />
     <pause-cause-popup
       v-if="isPauseCausePopup"
       :options="pauseCauses"
       @change="handlePauseCauseInput"
       @close="closePauseCausePopup"
-    ></pause-cause-popup>
+    />
     <status-select-error-popup
       v-if="error"
       :error="error"
       @close="error = null"
-    ></status-select-error-popup>
+    />
   </article>
 </template>
 

package/src/modules/AuditForm/components/__tests__/audit-form.spec.js

@@ -6,7 +6,7 @@ import {
   useDestroyableSortable,
 } from '../../../../composables/useDestroyableSortable/useDestroyableSortable';
 
-jest.mock('../../../../composables/useDestroyableSortable/useDestroyableSortable');
+vi.mock('../../../../composables/useDestroyableSortable/useDestroyableSortable');
 
 useDestroyableSortable.mockImplementation(() => ({ reloadSortable: ref(false) }));