@webitel/ui-sdk 0.1.3-vue3 → 0.1.4-vite

package/src/locale/ua/ua.js

@@ -2,12 +2,18 @@ import {
   AgentStatus,
   CallDirection,
   ChannelState,
-  ChannelType, EngineRoutingSchemaType,
+  ChannelType,
+  EngineRoutingSchemaType,
 } from 'webitel-sdk';
 import { QueueType } from 'webitel-sdk/esm2015/enums';
 import AdminSections from '../../enums/WebitelApplications/AdminSections.enum';
-import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum';
-import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum';
+import AuditorSections
+  from '../../enums/WebitelApplications/AuditorSections.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 {
@@ -16,6 +22,10 @@ export default {
     total: 'Всього',
     ok: 'Ок',
     save: 'Зберегти',
+    saveAs: 'Зберегти як',
+    saved: 'Збережено',
+    send: 'Надіслати',
+    start: 'Почати',
     close: 'Закрити',
     add: 'Додати',
     cancel: 'Відмінити',
@@ -25,12 +35,13 @@ export default {
     delete: 'Видалити',
     search: 'Пошук',
     open: 'Відкрити',
-    name: 'Ім\'я',
+    name: 'Назва',
     expand: 'Розгорнути',
     collapse: 'Згорнути',
     generate: 'Згенерувати',
     lang: {
       en: 'English',
+      es: 'Español',
       ru: 'Русский',
       ua: 'Українська',
     },
@@ -44,6 +55,20 @@ export default {
     downloadAll: 'Завантажити все',
     warning: 'Попередження',
     doNotSave: 'Не зберігати',
+    required: 'Обов\'язковий',
+    copy: 'Скопіювати',
+    new: 'Новий',
+    createdAt: 'Створено',
+    createdBy: 'Ким створено',
+    modifiedAt: 'Змінено',
+    modifiedBy: 'Ким змінено',
+    general: 'Загальне',
+    generalInfo: 'Загальна інформація',
+    all: 'Всі {entity}',
+    upload: 'Завантажити',
+    edit: 'Редагувати',
+    back: 'Назад',
+    step: 'Крок { count }',
   },
   vocabulary: {
     language: 'Мова',
@@ -68,6 +93,13 @@ export default {
     keys: 'Ключ | Ключі',
     duration: 'Тривалість',
     errors: 'Помилка | Помилки',
+    labels: 'Мітка | Мітки',
+    permissions: 'Дозвіл | Дозволи',
+    options: 'Опція | Опції',
+    emails: 'Електронна адреса | Електронні адреси',
+    phones: 'Телефон | Телефони',
+    messaging: 'Повідомлення',
+    emptyResultSearch: 'Пошук не дав результатів',
   },
   // date-related texts
   date: {
@@ -80,6 +112,8 @@ export default {
     supervisor: 'Супервізор | Супервізори',
     auditor: 'Аудитор | Аудитори',
     region: 'Регіон | Регіони',
+    communicationType: 'Тип зв\'язку | Типи зв\'язку',
+    grantee: 'Отримувач | Отримувачі',
     queue: {
       type: {
         [QueueType.INBOUND_QUEUE]: 'Вхідна черга',
@@ -139,7 +173,18 @@ export default {
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
     [WebitelApplications.AGENT]: { name: 'Agent Workspace' },
-    [WebitelApplications.AUDIT]: { name: 'Audit' },
+    [WebitelApplications.AUDIT]: {
+      name: 'Audit',
+      sections: {
+        [AuditorSections.SCORECARDS]: 'Анкети',
+      },
+    },
+    [WebitelApplications.CRM]: {
+      name: 'CRM',
+      sections: {
+        [CrmSections.CONTACTS]: 'Контакти',
+      },
+    },
     [WebitelApplications.HISTORY]: { name: 'Call History' },
     [WebitelApplications.ANALYTICS]: { name: 'Data Visualisation Tool' },
     [WebitelApplications.SUPERVISOR]: {
@@ -164,7 +209,7 @@ export default {
         [AdminSections.SKILLS]: 'Навички оператора',
         [AdminSections.BUCKETS]: 'Кошики',
         [AdminSections.MEDIA]: 'Медіафайли',
-        [AdminSections.BLACKLIST]: 'Cписки обдзвону',
+        [AdminSections.BLACKLIST]: 'Cписки',
         [AdminSections.CALENDARS]: 'Календарі',
         [AdminSections.REGIONS]: 'Розташування',
         [AdminSections.COMMUNICATIONS]: 'Типи зв\'язку',
@@ -181,6 +226,8 @@ export default {
         [AdminSections.TRIGGERS]: 'Тригери',
         [AdminSections.ROLES]: 'Ролі',
         [AdminSections.OBJECTS]: 'Розділи',
+        [AdminSections.CHANGELOGS]: 'Журнал змін',
+        [AdminSections.SETTINGS]: 'Налаштування',
       },
     },
   },
@@ -198,10 +245,15 @@ export default {
     requiredArrayValue: 'Поле не повинно бути пустим',
     minLength: 'Кількість символів повинна бути не меншою, ніж',
     url: 'Необхідно ввести правильну url-адресу',
+    regExpValidator: 'Не правильний регулярний вираз',
+    domainValidator: 'Невірний домен',
+    decimalValidator: 'Кількість десяткових знаків не повинна бути більше { count }',
+    integer: 'Поле повинно містити лише цілі числа',
   },
   webitelUI: {
     searchBar: {
       placeholder: 'Пошук',
+      settingsHint: 'Налаштування пошуку',
     },
     timepicker: {
       hour: 'Год:',
@@ -215,7 +267,7 @@ export default {
     pagination: {
       sizeText: 'Записів на сторінці:',
       prev: 'Назад',
-      next: 'Вперед',
+      next: 'Далі',
     },
     appNavigator: {
       title: 'Застосунки Webitel',
@@ -240,7 +292,7 @@ export default {
       expandFilters: 'Розкрити фільтри',
     },
     tableColumnSelect: {
-      title: 'Виберіть відображені колонки',
+      title: 'Виберіть колонки',
     },
     statusSelect: {
       online: 'Онлайн',
@@ -248,11 +300,12 @@ export default {
       offline: 'Оффлайн',
       breakOut: 'Примусова перерва',
     },
-    table: {
-      tableCells: {
-        deleteActionHint: 'Видалити',
-        editActionHint: 'Редагувати',
-      },
+    iconAction: {
+      deleteActionHint: 'Видалити',
+      editActionHint: 'Редагувати',
+      addActionHint: 'Додати',
+      historyActionHint: 'Історія',
+      downloadActionHint: 'Скачати',
     },
     errorPages: {
       goBack: 'Повернутись назад',
@@ -269,5 +322,37 @@ export default {
       copy: 'Копіювати',
       copied: 'Скопійовано!',
     },
+    auditForm: {
+      question: 'Критерій',
+      option: 'Варіант | Варіанти',
+      score: 'Бал | Бали',
+      addQuestion: 'Додати критерій',
+      answerType: 'Тип відповіді',
+      type: {
+        options: 'Варіант',
+        score: 'Бал',
+      },
+      clearSelection: 'Очистити вибір',
+    },
+    deleteConfirmationPopup: {
+      title: 'Підтвердіть видалення',
+      askingAlert: 'Ви впевнені, що хочете видалити {count} запис? | Ви впевнені, що хочете видалити {count} записів?',
+      undoneActionAlert: 'Дана дія не може бути скасована.',
+      deleteAll: 'ВСІ',
+    },
+    dummy: {
+      text: 'Записи у розділі ще не створені',
+    },
+    agentStatusSelect: {
+      pauseCausePopup: {
+        title: 'Виберіть причину паузи',
+        min: 'Хв',
+        unlimited: 'Безліміт',
+      },
+      statusSelectErrorPopup: {
+        title: 'Увага',
+        message: 'Ліміт операторів в паузі перевищено. Перерва наразі недоступна.',
+      },
+    },
   },
 };

package/src/mixins/dataFilterMixins/__tests__/apiFilterMixin.spec.js

@@ -2,9 +2,9 @@ import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
 import apiFilterMixin from '../apiFilterMixin';
 
-const router = new createRouter({
+const router = createRouter({
   history: createWebHistory(),
-  routes: [],
+  routes: [{ path: '/', name: 'jest' }],
 });
 const team = ['1', '2'];
 
@@ -25,7 +25,7 @@ describe('API filter mixin', () => {
   it('Correctly sets value from $route query', async () => {
     await router.replace({ query: { team } });
     wrapper = shallowMount(Component, {
-      plugins: [router],
+      global: { plugins: [router] },
     });
     await wrapper.vm.$nextTick();
     expect(wrapper.vm.value).toEqual(team);
@@ -33,8 +33,7 @@ describe('API filter mixin', () => {
 
   it('Sets empty array value if $route query is empty', async () => {
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
       data: () => ({
         filterQuery: 'queue',
       }),
@@ -45,8 +44,7 @@ describe('API filter mixin', () => {
   it('Resets value after $route query reset', async () => {
     await router.replace({ query: { team } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
     });
     await wrapper.vm.$nextTick();
     expect(wrapper.vm.value).toEqual(team);

package/src/mixins/dataFilterMixins/__tests__/enumFilterMixin.spec.js

@@ -1,5 +1,5 @@
-import { createLocalVue, shallowMount } from '@vue/test-utils';
-import VueRouter from 'vue-router';
+import { shallowMount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
 import enumFilterMixin from '../enumFilterMixin';
 
 const options = [{
@@ -11,9 +11,10 @@ const options = [{
     value: 'outbound',
   }];
 
-const localVue = createLocalVue();
-localVue.use(VueRouter);
-const router = new VueRouter();
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [{ path: '/', name: 'jest' }],
+});
 
 describe('Enum filter mixin', () => {
   let wrapper;
@@ -28,14 +29,15 @@ describe('Enum filter mixin', () => {
   };
 
   beforeEach(() => {
-    if (Object.keys(router.currentRoute.query).length) router.replace({ query: null });
+    router.replace({ query: null });
   });
 
   it('Correctly sets value from $route query', async () => {
     await router.replace({ query: { type: [options[0].value] } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: {
+        plugins: [router],
+      },
     });
     await wrapper.vm.$nextTick();
     expect(wrapper.vm.value).toEqual([options[0]]);
@@ -44,18 +46,20 @@ describe('Enum filter mixin', () => {
   it('Correctly sets single value from $route query', async () => {
     await router.replace({ query: { type: options[0].value } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: {
+        plugins: [router],
+      },
     });
     await wrapper.vm.$nextTick();
-    expect(wrapper.vm.value).toEqual(options[0]);
+    expect(wrapper.vm.value).toEqual([options[0]]);
   });
 
   it('Resets value after $route query reset', async () => {
     await router.replace({ query: { type: [options[0].value] } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: {
+        plugins: [router],
+      },
     });
     await wrapper.vm.$nextTick();
     expect(wrapper.vm.value).toEqual([options[0]]);

package/src/mixins/dataFilterMixins/__tests__/paginationFilterMixin.spec.js

@@ -1,10 +1,11 @@
-import { createLocalVue, shallowMount } from '@vue/test-utils';
-import VueRouter from 'vue-router';
+import { shallowMount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
 import paginationFilterMixin from '../paginationFilterMixin';
 
-const localVue = createLocalVue();
-localVue.use(VueRouter);
-const router = new VueRouter();
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [{ path: '/', name: 'jest' }],
+});
 const page = '2';
 const size = '20';
 
@@ -15,15 +16,14 @@ describe('Pagination filter mixin', () => {
     mixins: [paginationFilterMixin],
   };
 
-  beforeEach(() => {
-    if (Object.keys(router.currentRoute.query).length) router.replace({ query: null });
+  beforeEach(async () => {
+    await router.replace({ path: '/', query: null });
   });
 
   it('Correctly sets value from $route query', async () => {
-    await router.replace({ query: { page, size } });
+    await router.replace({ path: '/', query: { page, size } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
     });
     await wrapper.vm.$nextTick();
     expect(wrapper.vm.page).toEqual(page);
@@ -32,8 +32,7 @@ describe('Pagination filter mixin', () => {
 
   it('Sets initial value if $route query is empty', async () => {
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
       data: () => ({
         filterQuery: 'queue',
       }),
@@ -43,50 +42,43 @@ describe('Pagination filter mixin', () => {
   });
 
   it('Resets value after $route query reset', async () => {
-    await router.replace({ query: { page, size } });
+    await router.replace({ path: '/', query: { page, size } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
     });
-    await wrapper.vm.$router.replace({ query: null });
+    await wrapper.vm.$router.replace({ path: '/', query: null });
     await wrapper.vm.$nextTick();
     expect(wrapper.vm.page).toEqual('1');
     expect(wrapper.vm.size).toEqual('10');
   });
 
   it('At "prev" page, changes query and emits event', async () => {
-    await router.replace({ query: { page, size } });
+    await router.replace({ path: '/', query: { page, size } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
     });
-    wrapper._emitted.input = []; // reset emitted events
-    wrapper.vm.prev();
+    await wrapper.vm.prev();
     expect(wrapper.emitted().input).toBeTruthy();
     expect(wrapper.vm.$route.query.page).toBe(`${page - 1}`);
   });
 
   it('At "next" page, changes query and emits event', async () => {
-    await router.replace({ query: { page, size } });
+    await router.replace({ path: '/', query: { page, size } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
     });
-    wrapper._emitted.input = []; // reset emitted events
-    wrapper.vm.next();
+    await wrapper.vm.next();
     expect(wrapper.emitted().input).toBeTruthy();
     expect(wrapper.vm.$route.query.page).toBe(`${+page + 1}`);
   });
 
   it('At "sizeChange", changes query and emits event', async () => {
     const newSize = '40';
-    await router.replace({ query: { page, size } });
+    await router.replace({ path: '/', query: { page, size } });
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
+      global: { plugins: [router] },
     });
-    wrapper._emitted.input = []; // reset emitted events
-    wrapper.vm.sizeChange(newSize);
+    await wrapper.vm.sizeChange(newSize);
     expect(wrapper.emitted().input).toBeTruthy();
     expect(wrapper.vm.$route.query.size).toBe(newSize);
   });

package/src/mixins/dataFilterMixins/__tests__/sortFilterMixin.spec.js

@@ -1,10 +1,11 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils';
-import VueRouter from 'vue-router';
+import { shallowMount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
 import sortFilterMixin from '../sortFilterMixin';
 
-const localVue = createLocalVue();
-localVue.use(VueRouter);
-const router = new VueRouter();
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [{ path: '/', name: 'jest' }],
+});
 
 const headers = [{
   value: 'queue',
@@ -18,8 +19,6 @@ const headers = [{
   field: 'online',
 }];
 
-const $t = () => {};
-
 describe('Sort filter mixin', () => {
   let wrapper;
   const Component = {
@@ -28,12 +27,10 @@ describe('Sort filter mixin', () => {
     data: () => ({ headers }),
   };
 
-  beforeEach(() => {
-    router.replace('/');
+  beforeEach(async () => {
+    await router.replace('/');
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
-      mocks: { $t },
+      global: { plugins: [router] },
     });
   });
 
@@ -43,10 +40,10 @@ describe('Sort filter mixin', () => {
     expect(queue.sort).toEqual('asc');
   });
 
-  it('After "sort" trigger, header column sort value changes properly', () => {
+  it('After "sort" trigger, header column sort value changes properly', async () => {
     let queue;
     queue = wrapper.vm.headers.find((header) => header.value === 'queue');
-    wrapper.vm.sort(queue);
+    await wrapper.vm.sort(queue);
     queue = wrapper.vm.headers.find((header) => header.value === 'queue');
     expect(queue.sort).toEqual('asc');
   });
@@ -54,7 +51,7 @@ describe('Sort filter mixin', () => {
   it('After "sort" trigger, url query changes properly', async () => {
     await router.replace({ path: '/', query: { sort: '+queue' } });
     const queue = wrapper.vm.headers.find((header) => header.value === 'queue');
-    wrapper.vm.sort(queue);
+    await wrapper.vm.sort(queue);
     expect(wrapper.vm.$route.query.sort).toEqual('-queue');
   });
 });

package/src/mixins/dataFilterMixins/__tests__/urlControllerMixin.spec.js

@@ -1,12 +1,12 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils';
-import VueRouter from 'vue-router';
+import { shallowMount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
 import _urlControllerMixin from '../_urlControllerMixin/_urlControllerMixin';
 
-const localVue = createLocalVue();
-localVue.use(VueRouter);
-const router = new VueRouter();
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [{ path: '/', name: 'jest' }],
+});
 
-const $t = () => {};
 const filterQuery = 'team';
 
 describe('URL Controller mixin Set and Get operations', () => {
@@ -19,29 +19,29 @@ describe('URL Controller mixin Set and Get operations', () => {
   beforeEach(() => {
     router.replace('/');
     wrapper = shallowMount(Component, {
-      localVue,
-      router,
-      mocks: { $t },
+      global: {
+        plugins: [router],
+      },
     });
   });
 
   it('Array of objects', async () => {
     const value = [{ name: 'team 1', id: '1' }, { name: 'team 2', id: '2' }];
-    wrapper.vm.setValueToQuery({ filterQuery, value });
+    await wrapper.vm.setValueToQuery({ filterQuery, value });
     const queryValue = wrapper.vm.getValueFromQuery({ filterQuery });
     expect(queryValue).toEqual(['1', '2']);
   });
 
   it('Array of values', async () => {
     const value = ['hello', '1'];
-    wrapper.vm.setValueToQuery({ filterQuery, value });
+    await wrapper.vm.setValueToQuery({ filterQuery, value });
     const queryValue = wrapper.vm.getValueFromQuery({ filterQuery });
     expect(queryValue).toEqual(value);
   });
 
   it('String value', async () => {
     const value = 'hello there';
-    wrapper.vm.setValueToQuery({ filterQuery, value });
+    await wrapper.vm.setValueToQuery({ filterQuery, value });
     const queryValue = wrapper.vm.getValueFromQuery({ filterQuery });
     expect(queryValue).toEqual(value);
   });

package/src/mixins/dataFilterMixins/_urlControllerMixin/_urlControllerMixin.js

@@ -11,7 +11,7 @@ export default {
       });
     },
 
-    setValueToQuery({ filterQuery, value, storedProp = 'id' }) {
+    async setValueToQuery({ filterQuery, value, storedProp = 'id' }) {
       let newValue = '';
       if (Array.isArray(value)) {
         if (value.length && typeof value[0] !== 'object') {
@@ -23,7 +23,7 @@ export default {
         newValue = value;
       }
       if (!deepEqual(this.$route.query[filterQuery], newValue)) {
-        this.changeRouteQuery({
+        await this.changeRouteQuery({
           value: newValue,
           filterQuery,
         });

package/src/mixins/dataFilterMixins/paginationFilterMixin.js

@@ -52,7 +52,7 @@ export default {
       this.$emit('input');
       const value = `${+this.page + 1}`;
       this.page = value;
-      this.setValueToQuery({
+      return this.setValueToQuery({
         filterQuery: 'page',
         value,
       });
@@ -62,7 +62,7 @@ export default {
       this.$emit('input');
       const value = `${+this.page - 1}`;
       this.page = value;
-      this.setValueToQuery({
+      return this.setValueToQuery({
         filterQuery: 'page',
         value,
       });
@@ -70,7 +70,7 @@ export default {
 
     sizeChange(value) {
       this.$emit('input');
-      this.setValueToQuery({
+      return this.setValueToQuery({
         filterQuery: 'size',
         value,
       });

package/src/mixins/dataFilterMixins/sortFilterMixin.js

@@ -49,7 +49,7 @@ export default {
   methods: {
     sort(column) {
       const order = getNextSortOrder(column.sort);
-      this.setValue({ column, order });
+      return this.setValue({ column, order });
     },
 
     setValue({ column, order }) {
@@ -58,7 +58,7 @@ export default {
         sort: col === column ? order : null,
       }));
       const value = encodeSortQuery({ column, order });
-      this.setValueToQuery({
+      return this.setValueToQuery({
         value,
         filterQuery: this.filterQuery,
       });

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

@@ -11,7 +11,7 @@ describe('Validation mixin', () => {
 
   it('detects validation prop', () => {
     wrapper = shallowMount(Component, {
-      propsData: {
+      props: {
         v: {
           $error: true,
         },
@@ -23,10 +23,10 @@ describe('Validation mixin', () => {
 
   it('computes error message on validation error', () => {
     wrapper = shallowMount(Component, {
-      propsData: {
+      props: {
         v: {
           $error: true,
-          email: false,
+          email: { $invalid: true },
         },
       },
     });
@@ -35,10 +35,10 @@ describe('Validation mixin', () => {
 
   it('prioritizes error messages', () => {
     wrapper = shallowMount(Component, {
-      propsData: {
+      props: {
         v: {
           $error: true,
-          required: false,
+          required: { $invalid: true },
         },
       },
     });