@webitel/ui-sdk 24.10.3 → 24.10.5

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

package/src/modules/TableStoreModule/store/TableStoreModule.js

@@ -1,9 +1,5 @@
-import {
-  queryToSortAdapter,
-  sortToQueryAdapter,
-} from '../../../scripts/sortQueryAdapters.js';
-import BaseStoreModule
-  from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import { queryToSortAdapter, sortToQueryAdapter } from '../../../scripts/sortQueryAdapters.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 import FilterEvent from '../../Filters/enums/FilterEvent.enum.js';
 
 export default class TableStoreModule extends BaseStoreModule {
@@ -48,10 +44,7 @@ export default class TableStoreModule extends BaseStoreModule {
 
   actions = {
     // FIXME: maybe move to filters module?
-    SET_FILTER: (
-      context,
-      payload,
-    ) => context.dispatch('filters/SET_FILTER', payload),
+    SET_FILTER: (context, payload) => context.dispatch('filters/SET_FILTER', payload),
 
     // FIXME: maybe move to filters module?
     ON_FILTER_EVENT: async (context, { event, payload }) => {
@@ -66,10 +59,7 @@ export default class TableStoreModule extends BaseStoreModule {
     },
 
     // FIXME: maybe move to filters module?
-    HANDLE_FILTERS_RESTORE: async (context, {
-      fields,
-      sort,
-    }) => {
+    HANDLE_FILTERS_RESTORE: async (context, { fields, sort }) => {
       if (sort) await context.dispatch('HANDLE_SORT_CHANGE', { value: sort });
       if (fields?.length) await context.dispatch('HANDLE_FIELDS_CHANGE', { value: fields });
       return context.dispatch('LOAD_DATA_LIST');
@@ -109,10 +99,7 @@ export default class TableStoreModule extends BaseStoreModule {
       const nextSort = queryToSortAdapter(value?.slice(0, 1) || '');
       const field = nextSort ? value.slice(1) : value;
 
-      const headers = context.state.headers.map(({
-                                                   sort: currentSort,
-                                                   ...header
-                                                 }) => {
+      const headers = context.state.headers.map(({ sort: currentSort, ...header }) => {
         let sort;
 
         if (field) {
@@ -133,10 +120,10 @@ export default class TableStoreModule extends BaseStoreModule {
 
       const params = context.getters.GET_LIST_PARAMS(query);
       try {
-        let {
-          items = [],
-          next = false,
-        } = await context.dispatch('api/GET_LIST', { context, params });
+        const { items = [], next = false } = await context.dispatch('api/GET_LIST', {
+          context,
+          params,
+        });
 
         context.commit('SET', { path: 'dataList', value: items });
         context.commit('SET', { path: 'isNextPage', value: next });
@@ -159,9 +146,7 @@ export default class TableStoreModule extends BaseStoreModule {
       });
     },
 
-    PATCH_ITEM_PROPERTY: async (context, {
-      item: _item, index, prop, value,
-    }) => {
+    PATCH_ITEM_PROPERTY: async (context, { item: _item, index, prop, value }) => {
       const item = _item || context.state.dataList[index];
 
       const { id, etag } = item;
@@ -200,8 +185,7 @@ export default class TableStoreModule extends BaseStoreModule {
         await context.dispatch('LOAD_DATA_LIST');
 
         /* if no items on current page after DELETE, move to prev page [WTEL-3793] */
-        if (!context.state.dataList.length && context.getters.FILTERS.page >
-          1) {
+        if (!context.state.dataList.length && context.getters.FILTERS.page > 1) {
           await context.dispatch('SET_FILTER', {
             name: 'page',
             value: context.getters.FILTERS.page - 1,
@@ -218,18 +202,15 @@ export default class TableStoreModule extends BaseStoreModule {
       }
     },
 
-    DELETE_BULK: async (
-      context,
-      deleted,
-    ) => Promise.allSettled(deleted.map((item) => context.dispatch('DELETE_SINGLE', item))),
+    DELETE_BULK: async (context, deleted) =>
+      Promise.allSettled(deleted.map((item) => context.dispatch('DELETE_SINGLE', item))),
 
     SET_SELECTED: (context, selected) => {
       context.commit('SET', { path: 'selected', value: selected });
     },
   };
 
-  mutations = {
-  };
+  mutations = {};
 
   constructor({ headers = [] }) {
     super();

package/src/modules/TableStoreModule/store/__tests__/TableStoreModule.spec.js

@@ -15,8 +15,7 @@ describe('TableStoreModule', () => {
 
     const state = { headers };
 
-    expect(new TableStoreModule({}).getters.FIELDS(state))
-    .toEqual(['id', 'age']);
+    expect(new TableStoreModule({}).getters.FIELDS(state)).toEqual(['id', 'age']);
   });
 });
 
@@ -28,24 +27,22 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('filters restore event triggers LOAD_DATA_LIST', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 23,
-      defaultValue: 23,
-      get: ['value'],
-      set: ['value'],
-      restore: () => 'vivi',
-    })
-    .getModule();
-
-    const table = new TableStoreModule({})
-    .getModule({
+      .addFilter({
+        name: 'vi',
+        value: 23,
+        defaultValue: 23,
+        get: ['value'],
+        set: ['value'],
+        restore: () => 'vivi',
+      })
+      .getModule();
+
+    const table = new TableStoreModule({}).getModule({
       modules: { filters },
     });
 
     const mock = vi.fn();
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(mock);
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(mock);
 
     const store = createStore({
       state: { router },
@@ -66,24 +63,22 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('FILTER_SET event triggers LOAD_DATA_LIST', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 23,
-      defaultValue: 23,
-      get: ['value'],
-      set: ['value'],
-      restore: () => {},
-    })
-    .getModule();
-
-    const table = new TableStoreModule({})
-    .getModule({
+      .addFilter({
+        name: 'vi',
+        value: 23,
+        defaultValue: 23,
+        get: ['value'],
+        set: ['value'],
+        restore: () => {},
+      })
+      .getModule();
+
+    const table = new TableStoreModule({}).getModule({
       modules: { filters },
     });
 
     const mock = vi.fn();
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(mock);
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(mock);
 
     const store = createStore({
       state: { router },
@@ -109,33 +104,31 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('FILTER_SET with not-page filter name resets page filter', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter([
-      {
-        name: 'vi',
-        value: 23,
-        defaultValue: 23,
-        get: ['value'],
-        set: ['value'],
-        restore: () => {},
-      },
-      {
-        name: 'page',
-        value: 12,
-        defaultValue: 12,
-        get: ['value'],
-        set: ['value'],
-        restore: () => {},
-      },
-    ])
-    .getModule();
-
-    const table = new TableStoreModule({})
-    .getModule({
+      .addFilter([
+        {
+          name: 'vi',
+          value: 23,
+          defaultValue: 23,
+          get: ['value'],
+          set: ['value'],
+          restore: () => {},
+        },
+        {
+          name: 'page',
+          value: 12,
+          defaultValue: 12,
+          get: ['value'],
+          set: ['value'],
+          restore: () => {},
+        },
+      ])
+      .getModule();
+
+    const table = new TableStoreModule({}).getModule({
       modules: { filters },
     });
 
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(vi.fn());
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(vi.fn());
 
     const store = createStore({
       state: { router },
@@ -161,26 +154,22 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('SORT changes both headers and sort filter', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'sort',
-      value: '',
-      get: ['value'],
-      set: ['value'],
-      restore: () => {},
-    })
-    .getModule();
+      .addFilter({
+        name: 'sort',
+        value: '',
+        get: ['value'],
+        set: ['value'],
+        restore: () => {},
+      })
+      .getModule();
 
-    const headers = [
-      { value: 'id', field: 'sort_me', sort: SortSymbols.NONE },
-    ];
+    const headers = [{ value: 'id', field: 'sort_me', sort: SortSymbols.NONE }];
 
-    const table = new TableStoreModule({ headers })
-    .getModule({
+    const table = new TableStoreModule({ headers }).getModule({
       modules: { filters },
     });
 
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(vi.fn());
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(vi.fn());
 
     const store = createStore({
       state: { router },
@@ -206,27 +195,25 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('fields filter change changes headers', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'fields',
-      value: [],
-      get: ['value'],
-      set: ['value'],
-      restore: () => {},
-    })
-    .getModule();
+      .addFilter({
+        name: 'fields',
+        value: [],
+        get: ['value'],
+        set: ['value'],
+        restore: () => {},
+      })
+      .getModule();
 
     const headers = [
       { value: 'surname', field: 'included', show: false },
       { value: 'name', field: 'excluded', show: true },
     ];
 
-    const table = new TableStoreModule({ headers })
-    .getModule({
+    const table = new TableStoreModule({ headers }).getModule({
       modules: { filters },
     });
 
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(vi.fn());
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(vi.fn());
 
     const store = createStore({
       state: { router },
@@ -243,8 +230,7 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
       value: ['surname'],
     });
 
-    expect(store.getters['table/filters/GET_FILTER']('fields'))
-    .toEqual(['surname']);
+    expect(store.getters['table/filters/GET_FILTER']('fields')).toEqual(['surname']);
 
     expect(store.getters['table/FIELDS']).toEqual(['id', 'included']);
 

package/src/modules/Userinfo/api/userinfo.js

@@ -1,20 +1,13 @@
-import applyTransform, {
-  notify,
-  snakeToCamel,
-} from '../../../api/transformers/index.js';
+import applyTransform, { notify, snakeToCamel } from '../../../api/transformers/index.js';
 
 const userinfo = (instance) => ({
   async getSession() {
     const url = '/userinfo';
     try {
       const response = await instance.get(url);
-      return applyTransform(response.data, [
-        snakeToCamel(),
-      ]);
+      return applyTransform(response.data, [snakeToCamel()]);
     } catch (err) {
-      throw applyTransform(err, [
-        notify,
-      ]);
+      throw applyTransform(err, [notify]);
     }
   },
 
@@ -22,13 +15,9 @@ const userinfo = (instance) => ({
     const url = 'role/metadata/access';
     try {
       const response = await instance.get(url);
-      return applyTransform(response.data, [
-        snakeToCamel(),
-      ]);
+      return applyTransform(response.data, [snakeToCamel()]);
     } catch (err) {
-      throw applyTransform(err, [
-        notify,
-      ]);
+      throw applyTransform(err, [notify]);
     }
   },
 
@@ -38,9 +27,7 @@ const userinfo = (instance) => ({
     try {
       return await instance.post(url, {});
     } catch (err) {
-      throw applyTransform(err, [
-        notify,
-      ]);
+      throw applyTransform(err, [notify]);
     }
   },
 });

package/src/modules/Userinfo/classes/ApplicationsAccess.js

@@ -1,14 +1,10 @@
 import deepCopy from 'deep-copy';
 import deepmerge from 'deepmerge';
-import AdminSections
-  from '../../../enums/WebitelApplications/AdminSections.enum.js';
-import AuditorSections
-  from '../../../enums/WebitelApplications/AuditorSections.enum.js';
+import AdminSections from '../../../enums/WebitelApplications/AdminSections.enum.js';
+import AuditorSections from '../../../enums/WebitelApplications/AuditorSections.enum.js';
 import CrmSections from '../../../enums/WebitelApplications/CrmSections.enum.js';
-import SupervisorSections
-  from '../../../enums/WebitelApplications/SupervisorSections.enum.js';
-import WebitelApplications
-  from '../../../enums/WebitelApplications/WebitelApplications.enum.js';
+import SupervisorSections from '../../../enums/WebitelApplications/SupervisorSections.enum.js';
+import WebitelApplications from '../../../enums/WebitelApplications/WebitelApplications.enum.js';
 
 const applicationsAccess = (value = true) => ({
   [WebitelApplications.AGENT]: {
@@ -196,16 +192,13 @@ export default class ApplicationsAccess {
   constructor({ access, value } = { value: true }) {
     /* if access, deeply merge with falsy values schema
      if no access, "not configured => full permissions" */
-    this.access = access
-      ? ApplicationsAccess.restore(access)
-      : applicationsAccess(value);
+    this.access = access ? ApplicationsAccess.restore(access) : applicationsAccess(value);
   }
 
   // minify schema for API sending
   static minify(access) {
     const rmEmptyKeys = (obj) => {
       Object.keys(obj).forEach((key) => {
-
         if (!obj[key] || key === '_locale') delete obj[key];
         if (typeof obj[key] === 'object') {
           rmEmptyKeys(obj[key]);