@webitel/ui-sdk 24.10.3 → 24.10.5

package/src/modules/Filters/store/FiltersStoreModule.js

@@ -1,7 +1,6 @@
 import mitt from 'mitt';
 import isEmpty from '../../../scripts/isEmpty.js';
-import BaseStoreModule
-  from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 import BaseFilterSchema from '../classes/BaseFilterSchema.js';
 import FilterEvent from '../enums/FilterEvent.enum.js';
 
@@ -15,17 +14,19 @@ export default class FiltersStoreModule extends BaseStoreModule {
     ROUTER: (state, g, rootState) => {
       if (!state._requireRouter) return null;
       if (rootState.router === undefined) {
-        throw new Error('"rootState.router" is needed for filters to work properly.' +
-          ' Please, provide to root state, or setup it in filters module as getter "ROUTER"');
+        throw new Error(
+          '"rootState.router" is needed for filters to work properly.' +
+            ' Please, provide to root state, or setup it in filters module as getter "ROUTER"',
+        );
       }
       return rootState.router;
     },
 
     _STATE_FILTER_NAMES: (state) => {
-      return Object.values(state)
-      .reduce((names, prop) => prop.value || prop.name
-        ? [...names, prop.name]
-        : names, []);
+      return Object.values(state).reduce(
+        (names, prop) => (prop.value || prop.name ? [...names, prop.name] : names),
+        [],
+      );
     },
 
     // get value of specific filter
@@ -45,23 +46,27 @@ export default class FiltersStoreModule extends BaseStoreModule {
 
     // get all filters values
     GET_FILTERS: (state, getters) => () => {
-      return getters._STATE_FILTER_NAMES
-      .reduce((values, filterName) => {
+      return getters._STATE_FILTER_NAMES.reduce((values, filterName) => {
         const filterValue = getters.GET_FILTER(filterName);
-        return isEmpty(filterValue) ? values : {
-          ...values,
-          [filterName]: filterValue,
-        };
+        return isEmpty(filterValue)
+          ? values
+          : {
+              ...values,
+              [filterName]: filterValue,
+            };
       }, {});
     },
   };
 
   actions = {
-    SET_FILTER: async (context, {
-      name,
-      value,
-      silent = false, // if true, don't call ON_FILTER_SET event
-    }) => {
+    SET_FILTER: async (
+      context,
+      {
+        name,
+        value,
+        silent = false, // if true, don't call ON_FILTER_SET event
+      },
+    ) => {
       const filter = context.state[name];
 
       await filter.set(value, {
@@ -74,13 +79,14 @@ export default class FiltersStoreModule extends BaseStoreModule {
         value: context.getters.GET_FILTER(name),
       });
 
-      if (!silent) await context.dispatch('EMIT', {
-        event: FilterEvent.FILTER_SET,
-        payload: {
-          name,
-          value: context.getters.GET_FILTER(name),
-        },
-      });
+      if (!silent)
+        await context.dispatch('EMIT', {
+          event: FilterEvent.FILTER_SET,
+          payload: {
+            name,
+            value: context.getters.GET_FILTER(name),
+          },
+        });
     },
 
     RESTORE_FILTER: async (context, { name }) => {
@@ -90,18 +96,20 @@ export default class FiltersStoreModule extends BaseStoreModule {
       });
 
       if (value) {
-        await context.dispatch('SET_FILTER', ({
+        await context.dispatch('SET_FILTER', {
           name,
           value,
           silent: true,
-        }));
+        });
       }
     },
 
     RESTORE_FILTERS: async (context) => {
-      await Promise.allSettled(context.getters._STATE_FILTER_NAMES.map((name) => {
-        return context.dispatch('RESTORE_FILTER', { name });
-      }));
+      await Promise.allSettled(
+        context.getters._STATE_FILTER_NAMES.map((name) => {
+          return context.dispatch('RESTORE_FILTER', { name });
+        }),
+      );
 
       return context.dispatch('EMIT', {
         event: FilterEvent.RESTORED,
@@ -109,16 +117,17 @@ export default class FiltersStoreModule extends BaseStoreModule {
       });
     },
 
-    RESET_FILTERS: (context) => Promise.allSettled(
-      context.getters._FILTER_NAMES.map((name) => {
-        const filter = context.state[name];
+    RESET_FILTERS: (context) =>
+      Promise.allSettled(
+        context.getters._FILTER_NAMES.map((name) => {
+          const filter = context.state[name];
 
-        return context.dispatch('SET_FILTER', {
-          filter,
-          value: filter.defaultValue,
-        });
-      }),
-    ),
+          return context.dispatch('SET_FILTER', {
+            filter,
+            value: filter.defaultValue,
+          });
+        }),
+      ),
 
     SUBSCRIBE: (context, { event, callback }) => {
       const subscribe = () => context.state._emitter.on(event, callback);
@@ -135,10 +144,7 @@ export default class FiltersStoreModule extends BaseStoreModule {
         const wildcardListeners = context.state._emitter.all.get('*');
         const eventListeners = context.state._emitter.all.get(event);
 
-        const listeners = [
-          ...(wildcardListeners || []),
-          ...(eventListeners || []),
-        ];
+        const listeners = [...(wildcardListeners || []), ...(eventListeners || [])];
 
         if (!listeners) {
           console.info(`No listeners for ${event} event`);
@@ -175,4 +181,4 @@ export default class FiltersStoreModule extends BaseStoreModule {
 
     return this;
   }
-};
+}

package/src/modules/Filters/store/__tests__/FiltersStoreModule.spec.js

@@ -7,16 +7,18 @@ import FiltersStoreModule from '../FiltersStoreModule.js';
 
 describe('FiltersStoreModule', () => {
   it('get/sets primitive type filter', async () => {
-    const filters = new FiltersStoreModule().addFilter([
-      {
-        name: 'vi',
-        value: 1,
-        defaultValue: 1,
-        get: ['value'],
-        set: ['value'],
-        restore: [],
-      },
-    ]).getModule();
+    const filters = new FiltersStoreModule()
+      .addFilter([
+        {
+          name: 'vi',
+          value: 1,
+          defaultValue: 1,
+          get: ['value'],
+          set: ['value'],
+          restore: [],
+        },
+      ])
+      .getModule();
 
     const store = createStore({
       state: {
@@ -41,15 +43,15 @@ describe('FiltersStoreModule', () => {
     const localStorageKey = 'vivivi';
 
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 1,
-      localStorageKey,
-      get: ['value'],
-      set: ['value', 'localStorage'],
-      restore: ['localStorage'],
-    })
-    .getModule();
+      .addFilter({
+        name: 'vi',
+        value: 1,
+        localStorageKey,
+        get: ['value'],
+        set: ['value', 'localStorage'],
+        restore: ['localStorage'],
+      })
+      .getModule();
 
     const store = createStore({
       state: {
@@ -87,23 +89,27 @@ describe('FiltersStoreModule', () => {
     await router.push({ name: 'home' });
 
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 1,
-      requireRouter: true,
-      get: (context) => () => {
-        return valueGetter(context)();
-      },
-      set: (context) => async (v, { router }) => {
-        valueSetter(context)(v);
-        await querySetter(context)(router)(v);
-        return context;
-      },
-      restore: (context) => ({ router }) => {
-        return queryRestore(context)(router)();
-      },
-    })
-    .getModule();
+      .addFilter({
+        name: 'vi',
+        value: 1,
+        requireRouter: true,
+        get: (context) => () => {
+          return valueGetter(context)();
+        },
+        set:
+          (context) =>
+          async (v, { router }) => {
+            valueSetter(context)(v);
+            await querySetter(context)(router)(v);
+            return context;
+          },
+        restore:
+          (context) =>
+          ({ router }) => {
+            return queryRestore(context)(router)();
+          },
+      })
+      .getModule();
 
     const store = createStore({
       state: {
@@ -139,15 +145,15 @@ describe('FiltersStoreModule', () => {
     await router.push({ name: 'home' });
 
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 1,
-      get: ['value'],
-      set: ['value', 'query'],
-      restore: ['query'],
-      router,
-    })
-    .getModule();
+      .addFilter({
+        name: 'vi',
+        value: 1,
+        get: ['value'],
+        set: ['value', 'query'],
+        restore: ['query'],
+        router,
+      })
+      .getModule();
 
     const store = createStore({
       state: {

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);
     },
   },