@webitel/ui-sdk 24.6.45 → 24.6.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.6.45",
+  "version": "24.6.47",
   "private": false,
   "scripts": {
     "dev": "vite",

package/src/modules/CSVExport/XLSExport.js

@@ -1,5 +1,6 @@
 import * as XLSX from 'xlsx';
 import { saveAs } from 'file-saver-es';
+import { objSnakeToCamel } from '../../scripts/caseConverters.js';
 
 export default class XLSExport {
   filename = 'export';
@@ -18,8 +19,42 @@ export default class XLSExport {
     this.downloadProgress = { count: 0 };
   }
 
-  save(data) {
-    const ws = XLSX.utils.json_to_sheet(data);
+  // NOTE: if the value is an object with a name property, extract the name to display it in the EXEL file
+  extractNameFromObject(value) {
+    if (value && typeof value === 'object' && value.name) {
+      return value.name;
+    }
+    return value;
+  }
+
+  // NOTE: creates a new object that only includes the properties specified in the columns array
+  filterDataByColumns(data, columns) {
+    return data.map(item => {
+      let filteredItem = {};
+      columns.forEach(column => {
+        const value = item.hasOwnProperty(column) ? this.extractNameFromObject(item[column]) : ''; // '' needed to display column that has no data
+        filteredItem[column] = value;
+      });
+      return filteredItem;
+    });
+  }
+
+  // NOTE: calculates the width of the columns based on the data to display it in the EXEL file
+  calculateColumnWidths(data, columns) {
+    return columns.map(column => {
+      const maxLength = data.reduce((max, item) => {
+        const value = item[column] || '';
+        return Math.max(max, value.toString().length);
+      }, column.length);
+      return { wch: maxLength + 2 }; // Adding some padding
+    });
+  }
+
+  save(data, columns) {
+    const filteredData = this.filterDataByColumns(data, columns);
+    const ws = XLSX.utils.json_to_sheet(filteredData);
+    const columnWidths = this.calculateColumnWidths(filteredData, columns);
+    ws['!cols'] = columnWidths;
     const wb = XLSX.utils.book_new();
     XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
     const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
@@ -27,10 +62,12 @@ export default class XLSExport {
     saveAs(blob, `${this.filename}.xlsx`);
   }
 
-  async export(params) {
+  async fetchAndPrepareData(params) {
     let data = [];
     let isNext = false;
     let page = 1;
+    let columns = params._columns ||
+      (params?.fields ? objSnakeToCamel(params?.fields) : []);
 
     do {
       const { items, next } = await this.fetchMethod({
@@ -43,8 +80,12 @@ export default class XLSExport {
       isNext = next;
       page += 1;
     } while (isNext);
+    return { data, columns };
+  }
 
-    this.save(data);
+  async export(params) {
+    const { data, columns } = await this.fetchAndPrepareData(params);
+    this.save(data, columns);
     this.resetProgress();
   }
 }

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

@@ -4,6 +4,7 @@ export default {
   data: () => ({
     XLSExport: null,
   }),
+
   computed: {
     isXLSLoading() {
       return !!this.XLSDownloadProgress;
@@ -12,7 +13,14 @@ export default {
     XLSDownloadProgress() {
       return this.XLSExport ? this.XLSExport.downloadProgress.count : 0;
     },
-
+    selectedIds() {
+      return this.dataList
+      .filter((item) => item._isSelected)
+      .map((item) => item.id);
+    },
+    isAnySelected() {
+      return !!this.selectedIds.length;
+    },
   },
   methods: {
     initXLSExport(fetchMethod, options) {
@@ -33,6 +41,5 @@ export default {
         throw err;
       }
     },
-
   },
 };

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

@@ -2,6 +2,7 @@ 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 newChatSound from '../assets/audio/new-chat.wav';
 import newMessageSound from '../assets/audio/new-message.wav';
 import ringingSound from '../assets/audio/ringing.mp3';
@@ -19,10 +20,11 @@ const getNotificationSound = (action) => {
     case ChatActions.Close:
       return new Audio(endChatSound);
     case CallActions.Ringing:
-
       const audio = new Audio(ringingSound);
       audio.loop = true;
       return audio;
+    case CallActions.Hangup:
+      return new Audio(endCallSound);
     default:
       return false;
   }
@@ -120,6 +122,10 @@ export default class NotificationsStoreModule extends BaseStoreModule {
       if (context.getters.IS_SOUND_ALLOWED
         && !localStorage.getItem('wtIsPlaying')
       ) {
+        if (action === CallActions.Hangup
+          && !localStorage.getItem('settings/callEndSound'))
+          return;
+
         const audio = sound instanceof Audio ? sound : new Audio(sound);
         audio.addEventListener('ended', () => {
           context.dispatch('STOP_SOUND');