@webitel/ui-sdk 24.10.70 → 24.10.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.10.70",
+  "version": "24.10.71",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -150,7 +150,6 @@
     "postcss-prefix-selector": "^2.1.0",
     "prismjs": "^1.29.0",
     "sass": "^1.80.6",
-    "tslib": "^2.8.1",
     "vite": "^5.4.11",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-static-copy": "^2.1.0",

package/src/components/index.js

@@ -8,6 +8,7 @@ import WtButtonSelect from './wt-button-select/wt-button-select.vue';
 import WtButton from './wt-button/wt-button.vue';
 import WtCheckbox from './wt-checkbox/wt-checkbox.vue';
 import WtChip from './wt-chip/wt-chip.vue';
+import WtConfirmDialog from './wt-confirm-dialog/wt-confirm-dialog.vue';
 import WtContextMenu from './wt-context-menu/wt-context-menu.vue';
 import WtCopyAction from './wt-copy-action/wt-copy-action.vue';
 import WtDatepicker from './wt-datepicker/wt-datepicker.vue';
@@ -76,6 +77,7 @@ const Components = {
   WtInputInfo,
   WtButton,
   WtChip,
+  WtConfirmDialog,
   WtDivider,
   WtTooltip,
   WtLabel,

package/src/components/wt-confirm-dialog/wt-confirm-dialog.vue

@@ -0,0 +1,97 @@
+<template>
+  <wt-popup
+    class="wt-confirm-dialog"
+    size="sm"
+    v-bind="attrs"
+    @close="close"
+  >
+    <template #title>
+      {{ title }}
+    </template>
+    <template #main>
+      <slot name="main">
+        <div class="wt-confirm-dialog__content">
+          <p class="wt-confirm-dialog__message">
+            {{ deleteMessage ? deleteMessage : $t('webitelUI.deleteConfirmationPopup.askingAlert', { subject }) }}
+          </p>
+        </div>
+      </slot>
+    </template>
+    <template #actions>
+      <slot name="actions" :isDeleting="isDeleting" :confirm="confirm" :close="close">
+        <wt-button
+          :disabled="isDeleting"
+          color="secondary"
+          @click="close"
+        >
+          {{ $t('reusable.cancel') }}
+        </wt-button>
+        <wt-button
+          :loading="isDeleting"
+          color="error"
+          @click="confirm"
+        >
+          {{ $t('reusable.delete') }}
+        </wt-button>
+      </slot>
+    </template>
+  </wt-popup>
+</template>
+
+<script setup>
+import { ref, useAttrs } from 'vue';
+
+const props = defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  deleteMessage: {
+    type: String,
+    default: '',
+  },
+  subject: {
+    type: String,
+    default: '',
+  },
+  callback: {
+    type: Function,
+    required: true,
+  },
+});
+
+const emit = defineEmits(['close', 'confirm']);
+
+const attrs = useAttrs();
+
+const isDeleting = ref(false);
+
+function close() {
+  emit('close');
+}
+
+async function confirm() {
+  try {
+    isDeleting.value = true;
+
+    await props.callback()
+    close();
+  } finally {
+    isDeleting.value = false;
+  }
+}
+</script>
+
+<style scoped>
+.wt-confirm-dialog__content {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+
+.wt-confirm-dialog__message {
+  text-align: center;
+}
+
+</style>

package/src/locale/en/en.js

@@ -385,6 +385,8 @@ export default {
     deleteConfirmationPopup: {
       title: 'Confirm deletion',
       askingAlert:
+        'Are you sure you want to delete {subject}? This action cannot be undone.',
+      tableAskingAlert:
         'Are you sure you want\n to delete {count} record? | Are you sure you want\n to delete {count} records?',
       deleteAll: 'ALL',
     },

package/src/locale/ru/ru.js

@@ -383,6 +383,8 @@ export default {
     deleteConfirmationPopup: {
       title: 'Подтвердите удаление',
       askingAlert:
+        'Вы уверены, что хотите удалить {subject}? Это действие не может быть отменено.',
+      tableAskingAlert:
         'Вы уверенны, что хотите\n удалить {count} запись? | Вы уверенны, что хотите\n удалить {count} записей?',
       deleteAll: 'ВСЕ',
     },

package/src/locale/ua/ua.js

@@ -383,6 +383,8 @@ export default {
     deleteConfirmationPopup: {
       title: 'Підтвердіть видалення',
       askingAlert:
+        'Ви впевнені, що хочете видалити {subject}? Ця дія не може бути скасована.',
+      tableAskingAlert:
         'Ви впевнені, що хочете\n видалити {count} запис? | Ви впевнені, що хочете\n видалити {count} записів?',
       deleteAll: 'ВСІ',
     },

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

@@ -1,13 +1,10 @@
 <template>
-  <wt-popup
-    class="delete-confirmation-popup"
-    size="sm"
+  <wt-confirm-dialog
     v-bind="attrs"
-    @close="close"
+    class="delete-confirmation-popup"
+    :title="$t('webitelUI.deleteConfirmationPopup.title')"
+    :callback="callback"
   >
-    <template #title>
-      {{ $t('webitelUI.deleteConfirmationPopup.title') }}
-    </template>
     <template #main>
       <div class="delete-confirmation-popup__content">
         <wt-icon
@@ -19,7 +16,7 @@
         </p>
       </div>
     </template>
-    <template #actions>
+    <template #actions="{ isDeleting, close, confirm}">
       <wt-button
         :loading="isDeleting"
         @click="confirm"
@@ -34,11 +31,11 @@
         {{ $t('vocabulary.no') }}
       </wt-button>
     </template>
-  </wt-popup>
+  </wt-confirm-dialog>
 </template>
 
 <script setup>
-import { computed, ref, useAttrs } from 'vue';
+import { computed, useAttrs } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 const props = defineProps({
@@ -58,30 +55,14 @@ const attrs = useAttrs();
 
 const { t } = useI18n();
 
-const isDeleting = ref(false);
-
 const deleteMessage = computed(() => {
   if (props.deleteCount === 0) {
-    return t('webitelUI.deleteConfirmationPopup.askingAlert', 2, null, {
+    return t('webitelUI.deleteConfirmationPopup.tableAskingAlert', 2, null, {
       count: t('webitelUI.deleteConfirmationPopup.deleteAll'),
     });
   }
-  return t('webitelUI.deleteConfirmationPopup.askingAlert', { count: props.deleteCount }, null);
+  return t('webitelUI.deleteConfirmationPopup.tableAskingAlert', { count: props.deleteCount }, null);
 });
-
-function close() {
-  emit('close');
-}
-
-async function confirm() {
-  try {
-    isDeleting.value = true;
-    await props.callback();
-    close();
-  } finally {
-    isDeleting.value = false;
-  }
-}
 </script>
 
 <style scoped>

package/src/modules/FilesExport/FilesExport.js

@@ -2,7 +2,6 @@ import { saveAs } from 'file-saver-es';
 import JSZip from 'jszip';
 import jszipUtils from 'jszip-utils';
 import path from 'path-browserify';
-import { _wtUiLog } from '../../scripts/logger.js';
 import generateMediaURL from './scripts/generateMediaURL.js';
 
 export default class FilesExport {
@@ -12,19 +11,16 @@ export default class FilesExport {
 
   isLoading = false;
 
-  skipFilesWithError = false;
-
   downloadProgress = { count: 0 };
 
   zippingProgress = { percent: 0 };
 
   filesURL = generateMediaURL;
 
-  constructor({ fetchMethod, filename, filesURL, skipFilesWithError = false }) {
+  constructor({ fetchMethod, filename, filesURL }) {
     if (fetchMethod) this.fetchMethod = fetchMethod;
     if (filename) this.filename = filename;
     if (filesURL) this.filesURL = filesURL;
-    this.skipFilesWithError = skipFilesWithError;
   }
 
   _fetchFileBinary(fileId) {
@@ -50,23 +46,12 @@ export default class FilesExport {
       if (item.files) {
         await this._addFilesToZip(item.files, zip);
       } else {
-        try {
-          const binary = await this._fetchFileBinary(item.id);
-          const ext = item.mimeType.split('/').pop();
-          // itemName needed to remove extension from item.name https://stackoverflow.com/a/31615711
-          const itemName = path.parse(item.name).name;
-          zip.file(`${itemName}.${ext}`, binary);
-          this.downloadProgress.count += 1;
-        } catch (err) {
-          debugger;
-          _wtUiLog.error({ entity: 'script', module: 'FilesExport' })(
-            `An error occurred while downloading a file id=${item.id}`,
-            err,
-          );
-          if (!this.skipFilesWithError) {
-            throw err;
-          }
-        }
+        const binary = await this._fetchFileBinary(item.id);
+        const ext = item.mimeType.split('/').pop();
+        // itemName needed to remove extension from item.name https://stackoverflow.com/a/31615711
+        const itemName = path.parse(item.name).name;
+        zip.file(`${itemName}.${ext}`, binary);
+        this.downloadProgress.count += 1;
       }
     }
   }

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

@@ -37,7 +37,6 @@ export default {
     },
 
     async exportFiles(files, reqParams = {}) {
-      debugger;
       if (!this.FilesExport) throw new Error('FilesExport is not initialized');
       const exportFiles = files || this.getSelectedFiles();
       try {