@webitel/ui-sdk 24.10.3 → 24.10.4

package/src/modules/Notifications/store/NotificationsStoreModule.js

@@ -1,8 +1,8 @@
 import { CallActions, ChatActions, JobState } from 'webitel-sdk';
 import i18n from '../../../locale/i18n.js';
 import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
-import endChatSound from '../assets/audio/end-chat.wav';
 import endCallSound from '../assets/audio/end-call.mp3';
+import endChatSound from '../assets/audio/end-chat.wav';
 import newChatSound from '../assets/audio/new-chat.wav';
 import newMessageSound from '../assets/audio/new-message.wav';
 import ringingSound from '../assets/audio/ringing.mp3';
@@ -45,8 +45,7 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 
   getters = {
     IS_MAIN_TAB: (state) => state.thisTabId === state.currentTabId,
-    IS_SOUND_ALLOWED: (state, getters) => getters.IS_MAIN_TAB &&
-      !state.currentlyPlaying,
+    IS_SOUND_ALLOWED: (state, getters) => getters.IS_MAIN_TAB && !state.currentlyPlaying,
   };
 
   actions = {
@@ -102,32 +101,30 @@ export default class NotificationsStoreModule extends BaseStoreModule {
     },
 
     // public
-    INITIALIZE: (context) => Promise
-    .allSettled([
-      context.dispatch('_SETUP_THIS_TAB_ID'),
-      context.dispatch('_SETUP_UNREAD_COUND_BROADCAST_LISTENING'),
-      context.dispatch('_SUBSCRIBE_TAB_CLOSING'),
-    ]),
-
-    DESTROY: (context) => Promise
-    .allSettled([
-      context.dispatch('STOP_SOUND'),
-      context.dispatch('_REMOVE_CURRENT_TAB_ID'),
-    ]),
-
-    PLAY_SOUND: (context, {
-      action,
-      sound = getNotificationSound(action),
-    }) => {
-      if (context.getters.IS_SOUND_ALLOWED
-        && !localStorage.getItem('wtIsPlaying')
-      ) {
-
+    INITIALIZE: (context) =>
+      Promise.allSettled([
+        context.dispatch('_SETUP_THIS_TAB_ID'),
+        context.dispatch('_SETUP_UNREAD_COUND_BROADCAST_LISTENING'),
+        context.dispatch('_SUBSCRIBE_TAB_CLOSING'),
+      ]),
+
+    DESTROY: (context) =>
+      Promise.allSettled([
+        context.dispatch('STOP_SOUND'),
+        context.dispatch('_REMOVE_CURRENT_TAB_ID'),
+      ]),
+
+    PLAY_SOUND: (context, { action, sound = getNotificationSound(action) }) => {
+      if (context.getters.IS_SOUND_ALLOWED && !localStorage.getItem('wtIsPlaying')) {
         const audio = sound instanceof Audio ? sound : new Audio(sound);
 
-        audio.addEventListener('ended', () => {
-          context.dispatch('STOP_SOUND');
-        }, { once: true });
+        audio.addEventListener(
+          'ended',
+          () => {
+            context.dispatch('STOP_SOUND');
+          },
+          { once: true },
+        );
 
         if (action === CallActions.Ringing) audio.loop = true;
 
@@ -139,23 +136,29 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 
     STOP_SOUND: (context) => {
       const { currentlyPlaying } = context.state;
-      if (currentlyPlaying && currentlyPlaying instanceof
-        Audio) currentlyPlaying.pause();
+      if (currentlyPlaying && currentlyPlaying instanceof Audio) currentlyPlaying.pause();
       localStorage.removeItem('wtIsPlaying');
       context.commit('RESET_CURRENTLY_PLAYING');
     },
 
-    SEND_NOTIFICATION: (context, {
-      locale,
-      text = i18n.t(locale),
-      icon = notificationIcon,
-      interval = NOTIFICATION_VISIBLE_INTERVAL,
-    }) => {
+    SEND_NOTIFICATION: (
+      context,
+      {
+        locale,
+        text = i18n.t(locale),
+        icon = notificationIcon,
+        interval = NOTIFICATION_VISIBLE_INTERVAL,
+      },
+    ) => {
       const notification = new Notification(text, { icon });
 
-      notification.addEventListener('click', () => {
-        window.focus();
-      }, { once: true });
+      notification.addEventListener(
+        'click',
+        () => {
+          window.focus();
+        },
+        { once: true },
+      );
 
       setTimeout(() => {
         notification.close();

package/src/modules/Notifications/store/__tests__/NotificationsStoreModule.actions.spec.js

@@ -38,8 +38,7 @@ describe('features/notifications store: actions', () => {
 
   it('INITIALIZE action dispatches _SETUP_UNREAD_COUND_BROADCAST_LISTENING action', () => {
     notificationsModule.actions.INITIALIZE(context);
-    expect(context.dispatch.mock.calls[1][0])
-    .toContain('_SETUP_UNREAD_COUND_BROADCAST_LISTENING');
+    expect(context.dispatch.mock.calls[1][0]).toContain('_SETUP_UNREAD_COUND_BROADCAST_LISTENING');
   });
 
   it('INITIALIZE action dispatches _SETUP_THIS_TAB_ID action', () => {
@@ -59,8 +58,10 @@ describe('features/notifications store: actions', () => {
 
   it('INCREMENT_UNREAD_COUNT action dispatches _SET_UNREAD_COUNT and increases unreadCount', () => {
     notificationsModule.actions.INCREMENT_UNREAD_COUNT(context);
-    expect(context.dispatch)
-    .toHaveBeenCalledWith('_SET_UNREAD_COUNT', context.state.unreadCount + 1);
+    expect(context.dispatch).toHaveBeenCalledWith(
+      '_SET_UNREAD_COUNT',
+      context.state.unreadCount + 1,
+    );
   });
 
   it('_SETUP_UNREAD_COUND_BROADCAST_LISTENING action commits SET_BROADCAST_CHANNEL mutation', () => {
@@ -99,8 +100,7 @@ describe('features/notifications store: actions', () => {
   it('_SET_UNREAD_COUNT action commits _SET_UNREAD_COUNT mutation with count', () => {
     const unreadCount = 5;
     notificationsModule.actions._SET_UNREAD_COUNT(context, unreadCount);
-    expect(context.commit)
-    .toHaveBeenCalledWith('SET_UNREAD_COUNT', unreadCount);
+    expect(context.commit).toHaveBeenCalledWith('SET_UNREAD_COUNT', unreadCount);
   });
 
   it('_RESET_UNREAD_COUNT action does not dispatch if unread count is 0', () => {

package/src/modules/QueryFilters/api/defaults.js

@@ -8,9 +8,8 @@ export const defaultParams = {
   fields: FIELDS,
 };
 
-export const listResponseHandler = (response) => (
+export const listResponseHandler = (response) =>
   response.items.map((item) => ({
     name: item.name,
     id: item.id,
-  }))
-);
+  }));

package/src/modules/QueryFilters/classes/ApiFilterSchema.js

@@ -2,10 +2,7 @@ import BaseFilterSchema from './BaseFilterSchema.js';
 
 export default class ApiFilterSchema extends BaseFilterSchema {
   constructor(params = {}) {
-    const {
-      value = [],
-      defaultValue = [],
-    } = params;
+    const { value = [], defaultValue = [] } = params;
     super({ value, defaultValue });
     const {
       locale = { label: 'filter' },

package/src/modules/QueryFilters/classes/EnumFilterSchema.js

@@ -2,10 +2,7 @@ import BaseFilterSchema from './BaseFilterSchema.js';
 
 export default class EnumFilterSchema extends BaseFilterSchema {
   constructor(params = {}) {
-    const {
-      value = [],
-      defaultValue = [],
-    } = params;
+    const { value = [], defaultValue = [] } = params;
     super({ value, defaultValue });
     const {
       locale = { label: 'filter' },

package/src/modules/QueryFilters/components/__tests__/filter-datetime.spec.js

@@ -42,8 +42,7 @@ describe('DatetimeFilter Filter', () => {
     const value = Date.now();
     await router.replace({ query: { [filterQuery]: value } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue')
-    .mockImplementationOnce(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementationOnce(setValueMock);
     shallowMount(DatetimeFilter, mountOptions);
     expect(setValueMock).toHaveBeenCalledWith({ filter: filterQuery, value });
   });

package/src/modules/QueryFilters/components/__tests__/filter-from-to.spec.js

@@ -40,8 +40,7 @@ describe('FilterFromTo Filter', () => {
     const value = 10;
     await router.replace({ query: { [`${filterQuery}From`]: value } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue')
-    .mockImplementation(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementation(setValueMock);
     shallowMount(FilterFromTo, mountOptions);
     expect(setValueMock).toHaveBeenNthCalledWith(1, {
       filter: filterQuery,
@@ -52,8 +51,7 @@ describe('FilterFromTo Filter', () => {
     const value = 10;
     await router.replace({ query: { [`${filterQuery}To`]: value } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue')
-    .mockImplementation(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementation(setValueMock);
     shallowMount(FilterFromTo, mountOptions);
     expect(setValueMock).toHaveBeenNthCalledWith(2, {
       filter: filterQuery,

package/src/modules/QueryFilters/components/__tests__/filter-search.spec.js

@@ -40,10 +40,8 @@ describe('Search Filter', () => {
     const search = 'jest';
     await router.replace({ query: { [filterQuery]: search } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue')
-    .mockImplementationOnce(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementationOnce(setValueMock);
     shallowMount(SearchFilter, mountOptions);
-    expect(setValueMock)
-    .toHaveBeenCalledWith({ filter: filterQuery, value: search });
+    expect(setValueMock).toHaveBeenCalledWith({ filter: filterQuery, value: search });
   });
 });

package/src/modules/QueryFilters/components/filter-table-fields.vue

@@ -84,11 +84,7 @@ export default {
 
     // copy-pasted params from "setValueArrayToQuery method
     // for easier future refactors, if method should be abstract
-    setToLocalStorage({
-                        filterQuery,
-                        value,
-                        storedProp = 'id',
-                      }) {
+    setToLocalStorage({ filterQuery, value, storedProp = 'id' }) {
       const filter = value.map((item) => item[storedProp]);
       localStorage.setItem(`${this.entity}-${filterQuery}`, filter);
     },

package/src/modules/QueryFilters/mixins/__tests__/apiFilterMixin.spec.js

@@ -20,7 +20,9 @@ describe('API filter mixin', () => {
       filterQuery: 'team',
     }),
     computed: {
-      filterSchema() { return filterSchema; },
+      filterSchema() {
+        return filterSchema;
+      },
     },
     methods: { setValue },
   };
@@ -35,8 +37,7 @@ describe('API filter mixin', () => {
     const wrapper = shallowMount(Component, {
       global: { plugins: [router] },
     });
-    expect(setValue)
-    .toHaveBeenCalledWith({
+    expect(setValue).toHaveBeenCalledWith({
       filter: 'team',
       value: [{ id: team[0] }, { id: team[1] }],
     });

package/src/modules/QueryFilters/mixins/__tests__/enumFilterMixin.spec.js

@@ -21,8 +21,7 @@ const router = createRouter({
 describe('Enum filter mixin', () => {
   const setValue = vi.fn();
   const Component = {
-    render() {
-    },
+    render() {},
     mixins: [enumFilterMixin],
     data: () => ({
       filterQuery: 'direction',
@@ -43,8 +42,7 @@ describe('Enum filter mixin', () => {
       global: { plugins: [router] },
     });
     await wrapper.vm.$nextTick();
-    expect(setValue)
-    .toHaveBeenCalledWith({ filter: 'direction', value: options[0] });
+    expect(setValue).toHaveBeenCalledWith({ filter: 'direction', value: options[0] });
   });
 
   it('Sets empty array value if $route query is empty', async () => {

package/src/modules/QueryFilters/mixins/__tests__/sortFilterMixin.spec.js

@@ -13,7 +13,8 @@ const headers = [
     show: true,
     sort: null,
     field: 'queue',
-  }, {
+  },
+  {
     value: 'agents',
     show: true,
     sort: null,
@@ -27,7 +28,8 @@ const sortedHeaders = [
     show: true,
     sort: 'asc',
     field: 'queue',
-  }, {
+  },
+  {
     value: 'agents',
     show: true,
     sort: null,

package/src/modules/QueryFilters/mixins/__tests__/urlControllerMixin.spec.js

@@ -24,7 +24,10 @@ describe('URL Controller mixin Set and Get operations', () => {
   });
 
   it('Array of objects', async () => {
-    const value = [{ name: 'team 1', id: '1' }, { name: 'team 2', id: '2' }];
+    const value = [
+      { name: 'team 1', id: '1' },
+      { name: 'team 2', id: '2' },
+    ];
     await wrapper.vm.setValueToQuery({ filterQuery, value });
     const queryValue = wrapper.vm.getValueFromQuery({ filterQuery });
     expect(queryValue).toEqual(['1', '2']);

package/src/modules/QueryFilters/mixins/_urlControllerMixin/_urlControllerMixin.js

@@ -1,4 +1,4 @@
-import { deepEqual } from 'deep-equal';
+import deepEqual from 'deep-equal';
 
 export default {
   methods: {

package/src/modules/QueryFilters/mixins/apiFilterMixin.js

@@ -23,7 +23,7 @@ export default {
   },
   methods: {
     async restoreValue(id) {
-      if (id && id.length) {
+      if (id?.length) {
         let newValue;
         if (this.multiple) {
           const idsArr = Array.isArray(id) ? id : [id];

package/src/modules/QueryFilters/mixins/baseFilterMixin/baseFilterMixin.js

@@ -14,7 +14,8 @@ export default {
   },
   computed: {
     filterSchema() {
-      if (!this.$store) throw new Error('Vuex is required for default filterSchema baseFilterMixin property');
+      if (!this.$store)
+        throw new Error('Vuex is required for default filterSchema baseFilterMixin property');
       return getNamespacedState(this.$store.state, this.namespace)[this.filterQuery];
     },
     value() {
@@ -27,7 +28,8 @@ export default {
       if (value) this.restoreValue(value);
     },
     setValue(payload) {
-      if (!this.$store) throw new Error('Vuex is required for default setValue() baseFilterMixin method');
+      if (!this.$store)
+        throw new Error('Vuex is required for default setValue() baseFilterMixin method');
       return this.$store.dispatch(`${this.namespace}/SET_FILTER`, payload);
     },
   },

package/src/modules/QueryFilters/mixins/enumFilterMixin.js

@@ -35,9 +35,7 @@ export default {
       if (optsHaveLocale) {
         return this.options.map((opt) => ({
           ...opt,
-          name: Array.isArray(opt.locale)
-            ? this.$tc(...opt.locale)
-            : this.$t(opt.locale),
+          name: Array.isArray(opt.locale) ? this.$tc(...opt.locale) : this.$t(opt.locale),
         }));
       }
       return this.options;
@@ -50,9 +48,9 @@ export default {
         /*
         restore not just value, but value with all client-side properties like locale
          */
-        newValue = this.localizedOptions
-        .filter((option) => value
-        .some((value) => value === option[this.storedProp]));
+        newValue = this.localizedOptions.filter((option) =>
+          value.some((value) => value === option[this.storedProp]),
+        );
 
         /*
         but if allowCustomValues is true, we should also restore custom values,
@@ -61,17 +59,17 @@ export default {
         if (this.allowCustomValues) {
           newValue = newValue.concat(
             value
-            .filter((val) => !this.localizedOptions
-            .some((option) => val === option[this.storedProp]))
-            .map((val) => ({ [this.storedProp]: val, name: val })),
+              .filter(
+                (val) => !this.localizedOptions.some((option) => val === option[this.storedProp]),
+              )
+              .map((val) => ({ [this.storedProp]: val, name: val })),
           );
         }
       } else {
         /*
         see comments above
          */
-        newValue = this.localizedOptions
-        .find((option) => value === option[this.storedProp]);
+        newValue = this.localizedOptions.find((option) => value === option[this.storedProp]);
         if (this.allowCustomValues) {
           newValue = newValue || { [this.storedProp]: value, name: value };
         }

package/src/modules/QueryFilters/mixins/paginationFilterMixin.js

@@ -24,15 +24,13 @@ export default {
 
     restorePage() {
       const defaultPage = 1;
-      const value = +this.getValueFromQuery({ filterQuery: 'page' }) ||
-        defaultPage;
+      const value = +this.getValueFromQuery({ filterQuery: 'page' }) || defaultPage;
       this.setPage(value);
     },
 
     restoreSize() {
       const defaultSize = 10;
-      const value = +this.getValueFromQuery({ filterQuery: 'size' }) ||
-        defaultSize;
+      const value = +this.getValueFromQuery({ filterQuery: 'size' }) || defaultSize;
       this.setSize(value);
     },
 

package/src/modules/QueryFilters/mixins/sortFilterMixin.js

@@ -1,6 +1,6 @@
 import {
-  queryToSortAdapter,
   SortSymbols,
+  queryToSortAdapter,
   sortToQueryAdapter,
 } from '../../../scripts/sortQueryAdapters.js';
 import baseFilterMixin from './baseFilterMixin/baseFilterMixin.js';
@@ -18,10 +18,7 @@ const getNextSortOrder = (sort) => {
   }
 };
 
-const encodeSortQuery = ({
-                           column,
-                           order,
-                         }) => (`${sortToQueryAdapter(order)}${column.field}`);
+const encodeSortQuery = ({ column, order }) => `${sortToQueryAdapter(order)}${column.field}`;
 
 const decodeSortQuery = ({ value }) => {
   const sort = queryToSortAdapter(value.slice(0, 1));

package/src/modules/QueryFilters/store/QueryFiltersStoreModule.js

@@ -3,14 +3,16 @@ import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js'
 
 export default class QueryFiltersStoreModule extends BaseStoreModule {
   getters = {
-    GET_FILTERS: (state, getters) => Object.keys(state)
-    .reduce((filters, filterKey) => {
-      const filterValue = getters.GET_FILTER(filterKey);
-      return isEmpty(filterValue) ? filters : {
-        ...filters,
-        [filterKey]: filterValue,
-      };
-    }, {}),
+    GET_FILTERS: (state, getters) =>
+      Object.keys(state).reduce((filters, filterKey) => {
+        const filterValue = getters.GET_FILTER(filterKey);
+        return isEmpty(filterValue)
+          ? filters
+          : {
+              ...filters,
+              [filterKey]: filterValue,
+            };
+      }, {}),
     GET_FILTER: (state) => (filter) => {
       const { value, storedProp, multiple } = state[filter];
       if (multiple) return value.map((item) => item[storedProp]); // if arr, map
@@ -25,8 +27,7 @@ export default class QueryFiltersStoreModule extends BaseStoreModule {
       let newValue = value;
       if (newValue) {
         if (multiple && !Array.isArray(newValue)) newValue = [newValue];
-      } else if (newValue === null || newValue ===
-        undefined) newValue = defaultValue;
+      } else if (newValue === null || newValue === undefined) newValue = defaultValue;
       context.commit('SET_FILTER', { filter, value: newValue });
     },
     RESET_FILTERS: (context) => {
@@ -46,16 +47,11 @@ export default class QueryFiltersStoreModule extends BaseStoreModule {
   };
 
   /* FIXME REMOVE COMPLETELY AND USE GET_MODULE() INSERTION*/
-  constructor({
-                state = {},
-                getters = {},
-                actions = {},
-                mutations = {},
-              } = {}) {
+  constructor({ state = {}, getters = {}, actions = {}, mutations = {} } = {}) {
     super();
     this.state = { ...this.state, ...state };
     this.getters = { ...this.getters, ...getters };
     this.actions = { ...this.actions, ...actions };
     this.mutations = { ...this.mutations, ...mutations };
-  };
+  }
 }

package/src/modules/QueryFilters/store/__tests__/QueryFiltersStoreModule.spec.js

@@ -24,18 +24,18 @@ describe('QueryFiltersStoreModule getters', () => {
     module = new QueryFiltersStoreModule().getModule();
   });
   it('GET_FILTER: single value filter', () => {
-    expect(module.getters.GET_FILTER(state)(valueFilter))
-    .toEqual('jest');
+    expect(module.getters.GET_FILTER(state)(valueFilter)).toEqual('jest');
   });
   it('GET_FILTER: array value filter', () => {
-    expect(module.getters.GET_FILTER(state)(arrayFilter))
-    .toEqual([1]);
+    expect(module.getters.GET_FILTER(state)(arrayFilter)).toEqual([1]);
   });
   it('GET_FILTERS filters aggregator', () => {
     const { GET_FILTER } = module.getters;
     module.getters.GET_FILTER = vi.fn((filter) => GET_FILTER(state)(filter));
-    expect(module.getters.GET_FILTERS(state, module.getters))
-    .toEqual({ agent: [1], search: 'jest' });
+    expect(module.getters.GET_FILTERS(state, module.getters)).toEqual({
+      agent: [1],
+      search: 'jest',
+    });
   });
 });
 
@@ -58,8 +58,7 @@ describe('QueryFiltersStoreModule actions', () => {
   it('SET_FILTER: array value filter with single object value', () => {
     const filter = { filter: arrayFilter, value: { id: 3 } };
     module.actions.SET_FILTER(context, filter);
-    expect(context.commit)
-    .toHaveBeenCalledWith('SET_FILTER', {
+    expect(context.commit).toHaveBeenCalledWith('SET_FILTER', {
       filter: filter.filter,
       value: [filter.value],
     });
@@ -67,14 +66,12 @@ describe('QueryFiltersStoreModule actions', () => {
   it('SET_FILTER: sets array value filter with null value to defaultValue', () => {
     const filter = { filter: arrayFilter, value: null };
     module.actions.SET_FILTER(context, filter);
-    expect(context.commit)
-    .toHaveBeenCalledWith('SET_FILTER', { filter: filter.filter, value: [] });
+    expect(context.commit).toHaveBeenCalledWith('SET_FILTER', { filter: filter.filter, value: [] });
   });
   it('SET_FILTER: sets "false" value filter', () => {
     const filter = { filter: valueFilter, value: false };
     module.actions.SET_FILTER(context, filter);
-    expect(context.commit)
-    .toHaveBeenCalledWith('SET_FILTER', {
+    expect(context.commit).toHaveBeenCalledWith('SET_FILTER', {
       filter: filter.filter,
       value: false,
     });
@@ -88,10 +85,12 @@ describe('QueryFiltersStoreModule actions', () => {
 describe('QueryFiltersStoreModule mutations', () => {
   const module = new QueryFiltersStoreModule().getModule();
   it('correctly mutates state at RESET_FILTERS call', () => {
-    expect(Object.values(state)
-    .every((filter) => filter.value === filter.defaultValue)).toBeFalsy();
+    expect(
+      Object.values(state).every((filter) => filter.value === filter.defaultValue),
+    ).toBeFalsy();
     module.mutations.RESET_FILTERS(state);
-    expect(Object.values(state)
-    .every((filter) => filter.value === filter.defaultValue)).toBeTruthy();
+    expect(
+      Object.values(state).every((filter) => filter.value === filter.defaultValue),
+    ).toBeTruthy();
   });
 });