@webitel/ui-sdk 24.10.3 → 24.10.5

package/src/modules/CSVExport/mixins/exportXLSMixin.js

@@ -14,9 +14,7 @@ export default {
       return this.XLSExport ? this.XLSExport.downloadProgress.count : 0;
     },
     selectedIds() {
-      return this.dataList
-      .filter((item) => item._isSelected)
-      .map((item) => item.id);
+      return this.dataList.filter((item) => item._isSelected).map((item) => item.id);
     },
     isAnySelected() {
       return !!this.selectedIds.length;
@@ -30,7 +28,7 @@ export default {
     async exportXLS(exportParams) {
       const routeQuery = this.$route?.query;
       const params = {
-        ...exportParams || routeQuery,
+        ...(exportParams || routeQuery),
         size: 5000,
       };
       if (this.isAnySelected) params.id = this.selectedIds;

package/src/modules/CardStoreModule/store/CardStoreModule.js

@@ -1,7 +1,6 @@
 import deepCopy from 'deep-copy';
 import set from 'lodash/set.js';
-import BaseStoreModule
-  from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 
 export default class CardStoreModule extends BaseStoreModule {
   state = {
@@ -69,10 +68,7 @@ export default class CardStoreModule extends BaseStoreModule {
     },
   };
 
-  getModule({
-              state = {},
-              ...rest
-            } = {}) {
+  getModule({ state = {}, ...rest } = {}) {
     this.state = {
       ...this.state,
       ...state,

package/src/modules/DeleteConfirmationPopup/__tests__/delete-confirmation-popup.spec.js

@@ -1,8 +1,7 @@
 import { mount, shallowMount } from '@vue/test-utils';
 import { ref } from 'vue';
 import { useValidation } from '../../../mixins/validationMixin/useValidation.js';
-import DeleteConfirmationPopup
-  from '../components/delete-confirmation-popup.vue';
+import DeleteConfirmationPopup from '../components/delete-confirmation-popup.vue';
 
 vi.mock('../../../mixins/validationMixin/useValidation.js');
 
@@ -31,8 +30,9 @@ describe('DeleteConfirmationPopup', () => {
         callback,
       },
     });
-    const button = wrapper.findAllComponents({ name: 'wt-button' })
-    .find((btn) => btn.text().includes('Yes'));
+    const button = wrapper
+      .findAllComponents({ name: 'wt-button' })
+      .find((btn) => btn.text().includes('Yes'));
     expect(button.text()).toContain('Yes');
     await button.trigger('click');
     await wrapper.vm.$nextTick();
@@ -47,8 +47,9 @@ describe('DeleteConfirmationPopup', () => {
         callback: vi.fn(),
       },
     });
-    expect(wrapper.find('.delete-confirmation-popup__content').text())
-    .toContain(deleteCount.toString());
+    expect(wrapper.find('.delete-confirmation-popup__content').text()).toContain(
+      deleteCount.toString(),
+    );
   });
 
   it('yes button emitted close', async () => {
@@ -58,8 +59,9 @@ describe('DeleteConfirmationPopup', () => {
         callback: vi.fn(),
       },
     });
-    const button = wrapper.findAllComponents({ name: 'wt-button' })
-    .find((btn) => btn.text().includes('Yes'));
+    const button = wrapper
+      .findAllComponents({ name: 'wt-button' })
+      .find((btn) => btn.text().includes('Yes'));
     await button.vm.$emit('close');
     await wrapper.vm.$nextTick();
     expect(button.emitted('close')).toBeTruthy();
@@ -72,8 +74,9 @@ describe('DeleteConfirmationPopup', () => {
         callback: vi.fn(),
       },
     });
-    const button = wrapper.findAllComponents({ name: 'wt-button' })
-    .find((btn) => btn.text().includes('No'));
+    const button = wrapper
+      .findAllComponents({ name: 'wt-button' })
+      .find((btn) => btn.text().includes('No'));
     await button.vm.$emit('close');
     await wrapper.vm.$nextTick();
     expect(button.emitted('close')).toBeTruthy();

package/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue

@@ -52,9 +52,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits([
-  'close',
-]);
+const emit = defineEmits(['close']);
 
 const attrs = useAttrs();
 
@@ -64,18 +62,11 @@ const isDeleting = ref(false);
 
 const deleteMessage = computed(() => {
   if (props.deleteCount === 0) {
-    return t(
-      'webitelUI.deleteConfirmationPopup.askingAlert',
-      2,
-      null,
-      { count: t('webitelUI.deleteConfirmationPopup.deleteAll') },
-    );
+    return t('webitelUI.deleteConfirmationPopup.askingAlert', 2, null, {
+      count: t('webitelUI.deleteConfirmationPopup.deleteAll'),
+    });
   }
-  return t(
-    'webitelUI.deleteConfirmationPopup.askingAlert',
-    { count: props.deleteCount },
-    null,
-  );
+  return t('webitelUI.deleteConfirmationPopup.askingAlert', { count: props.deleteCount }, null);
 });
 
 function close() {

package/src/modules/FilesExport/FilesExport.js

@@ -25,14 +25,15 @@ export default class FilesExport {
 
   _fetchFileBinary(fileId) {
     const url = this.filesURL(fileId);
-    return new Promise((resolve, reject) => (
+    return new Promise((resolve, reject) =>
       jszipUtils.getBinaryContent(url, (err, data) => {
         if (err) {
           reject(err);
         } else {
           resolve(data);
         }
-      })));
+      }),
+    );
   }
 
   resetProgress() {
@@ -96,7 +97,7 @@ export default class FilesExport {
     try {
       this.isLoading = true;
       const zip = new JSZip();
-      if (files && files.length) await this._addFilesToZip(files, zip);
+      if (files?.length) await this._addFilesToZip(files, zip);
       else {
         await this._fetchAndZip(zip, reqParams);
       }

package/src/modules/FilesExport/__tests__/FilesExport.spec.js

@@ -11,9 +11,7 @@ vi.mock('file-saver-es', () => ({
   saveAs: vi.fn(),
 }));
 
-const dataList = [
-  { files: [{ name: 'jest', id: '1', mimeType: 'mime/type' }] },
-];
+const dataList = [{ files: [{ name: 'jest', id: '1', mimeType: 'mime/type' }] }];
 const selectedDataList = [
   {
     _isSelected: true,
@@ -26,14 +24,10 @@ const selectedDataList = [
 ];
 
 describe('File Export', () => {
-  jszipUtils.getBinaryContent.mockImplementation((
-    url,
-    callback,
-  ) => callback(null, {}));
+  jszipUtils.getBinaryContent.mockImplementation((url, callback) => callback(null, {}));
   let wrapper;
   const Component = {
-    render() {
-    },
+    render() {},
     mixins: [FilesExportMixin],
     created() {
       this.initFilesExport({
@@ -60,10 +54,16 @@ describe('File Export', () => {
 
   it('mixin correctly computes selectedFiles()', () => {
     wrapper = shallowMount(Component, {
-      computed: { selectedItems() { return selectedDataList; } },
+      computed: {
+        selectedItems() {
+          return selectedDataList;
+        },
+      },
     });
-    expect(wrapper.vm.getSelectedFiles())
-    .toEqual([...selectedDataList[0].files, ...selectedDataList[1].files]);
+    expect(wrapper.vm.getSelectedFiles()).toEqual([
+      ...selectedDataList[0].files,
+      ...selectedDataList[1].files,
+    ]);
   });
 
   it('mixin catches export error and resets isFilesLoading on export error', async () => {

package/src/modules/FilesExport/mixins/exportFilesMixin.js

@@ -15,9 +15,7 @@ export default {
     },
 
     filesZippingProgress() {
-      return this.FilesExport
-        ? Math.floor(this.FilesExport.zippingProgress.percent)
-        : 0;
+      return this.FilesExport ? Math.floor(this.FilesExport.zippingProgress.percent) : 0;
     },
   },
 
@@ -29,10 +27,11 @@ export default {
     getSelectedFiles() {
       let files = null;
       if (this.selectedItems?.length) {
-        files = this.selectedItems.reduce((filesAccumulator, next) => (
-          next.files
-            ? [...filesAccumulator, ...next.files]
-            : filesAccumulator), []);
+        files = this.selectedItems.reduce(
+          (filesAccumulator, next) =>
+            next.files ? [...filesAccumulator, ...next.files] : filesAccumulator,
+          [],
+        );
       }
       return files;
     },

package/src/modules/FilesExport/scripts/generateMediaURL.js

@@ -1,7 +1,6 @@
 const generateMediaURL = (id) => {
   const token = localStorage.getItem('access-token');
-  const BASE_URL = process?.env?.VUE_APP_API_URL ||
-    import.meta.env.VITE_API_URL;
+  const BASE_URL = process?.env?.VUE_APP_API_URL || import.meta.env.VITE_API_URL;
   return `${BASE_URL}/storage/recordings/${id}/stream?access_token=${token}`;
 };
 

package/src/modules/Filters/classes/BaseFilterSchema.js

@@ -1,14 +1,6 @@
-import {
-  localStorageGetter,
-  queryGetter,
-  valueGetter,
-} from '../scripts/getters/index.js';
+import { localStorageGetter, queryGetter, valueGetter } from '../scripts/getters/index.js';
 import { localStorageRestore, queryRestore } from '../scripts/restores/index.js';
-import {
-  localStorageSetter,
-  querySetter,
-  valueSetter,
-} from '../scripts/setters/index.js';
+import { localStorageSetter, querySetter, valueSetter } from '../scripts/setters/index.js';
 
 const convertGetterArray = (context) => (getters) => {
   const availableGetters = ['value', 'query', 'localStorage'];
@@ -80,23 +72,27 @@ const convertRestoreArray = (context) => (restores) => {
 
 export default class BaseFilterSchema {
   constructor({
-                name,
-                value = '',
-                defaultValue = '',
-                get = ['value', 'query'],
-                set = ['value', 'query'],
-                restore = ['query'],
-                multiple = false,
-                ...rest
-              } = {}) {
+    name,
+    value = '',
+    defaultValue = '',
+    get = ['value', 'query'],
+    set = ['value', 'query'],
+    restore = ['query'],
+    multiple = false,
+    ...rest
+  } = {}) {
     if (!name) throw new Error('Filter name is required');
 
-    Object.assign(this, {
-      name,
-      value,
-      defaultValue,
-      multiple,
-    }, rest);
+    Object.assign(
+      this,
+      {
+        name,
+        value,
+        defaultValue,
+        multiple,
+      },
+      rest,
+    );
 
     this.setupGetters(get);
     this.setupSetters(set);

package/src/modules/Filters/components/filter-pagination.vue

@@ -49,9 +49,13 @@ function setSize(value) {
   return setFilter({ value, name: sizeFilterName });
 }
 
-watch(size, () => {
-  localSize.value = size.value;
-}, { immediate: true });
+watch(
+  size,
+  () => {
+    localSize.value = size.value;
+  },
+  { immediate: true },
+);
 </script>
 
 <style lang="scss" scoped>

package/src/modules/Filters/components/filter-search.vue

@@ -49,21 +49,27 @@ function setValue(payload) {
 
 const filterName = ref(props.multisearch ? props.searchModeOpts[0].value : props.name);
 
-const currentSearchMode = computed(
-  () => props.searchModeOpts.find(({ value }) => value === filterName.value),
+const currentSearchMode = computed(() =>
+  props.searchModeOpts.find(({ value }) => value === filterName.value),
 );
 
 const filterValue = computed(() => getValue(filterName.value));
 
 const localValue = ref(filterValue.value);
 
-const v$ = props.multisearch && useVuelidate(computed(() => {
-  return {
-    localValue: {
-      ...currentSearchMode.value.v || {},
-    },
-  };
-}), { localValue }, { $autoDirty: true });
+const v$ =
+  props.multisearch &&
+  useVuelidate(
+    computed(() => {
+      return {
+        localValue: {
+          ...(currentSearchMode.value.v || {}),
+        },
+      };
+    }),
+    { localValue },
+    { $autoDirty: true },
+  );
 
 v$.value.$touch();
 
@@ -86,9 +92,12 @@ subscribe({
   callback: restoreSearchMode,
 });
 
-watch(() => filterValue.value, () => {
-  localValue.value = filterValue.value;
-});
+watch(
+  () => filterValue.value,
+  () => {
+    localValue.value = filterValue.value;
+  },
+);
 </script>
 
 <style lang="scss" scoped>

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

@@ -24,9 +24,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits([
-  'change',
-]);
+const emit = defineEmits(['change']);
 
 const filterQuery = 'fields';
 

package/src/modules/Filters/scripts/getters/index.js

@@ -2,8 +2,4 @@ import localStorageGetter from './localStorageGetter.js';
 import queryGetter from './queryGetter.js';
 import valueGetter from './valueGetter.js';
 
-export {
-  localStorageGetter,
-  queryGetter,
-  valueGetter,
-};
+export { localStorageGetter, queryGetter, valueGetter };

package/src/modules/Filters/scripts/getters/queryGetter.js

@@ -2,12 +2,11 @@
 const queryGetter = (context) => (router) => () => {
   if (!router) throw new Error('Router is required for queryGetter!');
 
-  const query = router.currentRoute.value?.query || router.currentRoute.query ||
-    {};
+  const query = router.currentRoute.value?.query || router.currentRoute.query || {};
 
   const value = query[context.name];
 
-  if(value && context?.multiple && !Array.isArray(value)) {
+  if (value && context?.multiple && !Array.isArray(value)) {
     return [value];
   }
 

package/src/modules/Filters/scripts/restores/index.js

@@ -1,7 +1,4 @@
 import localStorageRestore from './localStorageRestore.js';
 import queryRestore from './queryRestore.js';
 
-export {
-  localStorageRestore,
-  queryRestore,
-};
+export { localStorageRestore, queryRestore };

package/src/modules/Filters/scripts/setters/index.js

@@ -2,8 +2,4 @@ import localStorageSetter from './localStorageSetter.js';
 import querySetter from './querySetter.js';
 import valueSetter from './valueSetter.js';
 
-export {
-  localStorageSetter,
-  querySetter,
-  valueSetter,
-};
+export { localStorageSetter, querySetter, valueSetter };

package/src/modules/Filters/scripts/setters/querySetter.js

@@ -1,7 +1,6 @@
 import changeRouteQuery from '../utils/changeRouteQuery.js';
 
-const isObject = (value) => typeof value === 'object' &&
-  !Array.isArray(value) && value !== null;
+const isObject = (value) => typeof value === 'object' && !Array.isArray(value) && value !== null;
 
 const handlePrimitive = ({ value }) => value;
 
@@ -17,25 +16,28 @@ const handleArray = ({ value, storedProp }) => {
   }
 };
 
-const querySetter = (context) => (router) => async (rawValue = context.value) => {
-  const { name: filterQuery, storedProp } = context;
-
-  let value = '';
-
-  if (Array.isArray(rawValue)) {
-    value = handleArray({ value: rawValue, storedProp });
-  } else if (isObject(rawValue)) {
-    value = handleObject({ value: rawValue, storedProp });
-  } else {
-    value = handlePrimitive({ value: rawValue });
-  }
-
-  await changeRouteQuery(router)({
-    filterQuery,
-    value,
-  });
-
-  return context;
-};
+const querySetter =
+  (context) =>
+  (router) =>
+  async (rawValue = context.value) => {
+    const { name: filterQuery, storedProp } = context;
+
+    let value = '';
+
+    if (Array.isArray(rawValue)) {
+      value = handleArray({ value: rawValue, storedProp });
+    } else if (isObject(rawValue)) {
+      value = handleObject({ value: rawValue, storedProp });
+    } else {
+      value = handlePrimitive({ value: rawValue });
+    }
+
+    await changeRouteQuery(router)({
+      filterQuery,
+      value,
+    });
+
+    return context;
+  };
 
 export default querySetter;

package/src/modules/Filters/scripts/utils/changeRouteQuery.js

@@ -1,23 +1,24 @@
 import deepEqual from 'deep-equal';
 
-const changeRouteQuery = (router) => ({ filterQuery, value }) => {
-  const name = router.currentRoute?.value?.name || router.currentRoute?.name;
-  const query = router.currentRoute?.value?.query ||
-    router.currentRoute?.query || {};
+const changeRouteQuery =
+  (router) =>
+  ({ filterQuery, value }) => {
+    const name = router.currentRoute?.value?.name || router.currentRoute?.name;
+    const query = router.currentRoute?.value?.query || router.currentRoute?.query || {};
 
-  if (deepEqual(query[filterQuery], value)) return;
+    if (deepEqual(query[filterQuery], value)) return;
 
-  const newQuery = {
-    ...query,
-    [filterQuery]: value,
-  };
+    const newQuery = {
+      ...query,
+      [filterQuery]: value,
+    };
 
-  console.info('newQuery', newQuery);
+    console.info('newQuery', newQuery);
 
-  return router.replace({
-    name,
-    query: newQuery,
-  });
-};
+    return router.replace({
+      name,
+      query: newQuery,
+    });
+  };
 
 export default changeRouteQuery;