@webitel/ui-sdk 26.8.31 → 26.8.32

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.31",
+	"version": "26.8.32",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/modules/AgentPdfs/components/agent-pdfs-tab.vue

@@ -6,6 +6,8 @@
 			:load-data-list="loadDataList"
 			:ask-delete-confirmation="askDeleteConfirmation"
 			:handle-delete="handleDelete"
+			:download-archive="downloadArchive"
+			:is-downloading-archive="isDownloadingArchive"
 		/>
 
 		<delete-confirmation-popup
@@ -110,18 +112,23 @@ import {
 	type WebitelMediaExporterExportRecord,
 	WebitelMediaExporterExportStatus,
 } from '@webitel/api-services/gen/models';
+import {
+	downloadFile as downloadArchiveFile,
+	FileFormat,
+} from '@webitel/api-services/scripts';
 import { WtEmpty } from '@webitel/ui-sdk/components';
 import { getEndOfDay, getStartOfDay } from '@webitel/ui-sdk/scripts';
 import DeleteConfirmationPopup from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useDeleteConfirmationPopup } from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty';
 import { storeToRefs } from 'pinia';
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 import { DatetimeFormat } from 'vue-i18n';
 
 import { CrudAction } from '../../../enums';
 import { FormatDateMode } from '../../../enums/FormatDateMode/FormatDateMode';
 import { formatDate } from '../../../utils/formatDate';
+import type { AskDeleteConfirmationParams } from '../../DeleteConfirmationPopup/composables/useDeleteConfirmationPopup';
 import PdfStatus from './pdf-status.vue';
 import PdfStatusPreview from './pdf-status-preview.vue';
 
@@ -134,6 +141,17 @@ const props = defineProps<{
 	access?: Partial<Record<CrudAction, boolean>>;
 }>();
 
+defineSlots<{
+	header(props: {
+		selected: WebitelMediaExporterExportRecord[];
+		loadDataList: () => Promise<void>;
+		askDeleteConfirmation: (params: AskDeleteConfirmationParams) => void;
+		handleDelete: (items: WebitelMediaExporterExportRecord[]) => Promise<void>;
+		downloadArchive: () => Promise<void>;
+		isDownloadingArchive: boolean;
+	}): unknown;
+}>();
+
 const tableStore = props.store;
 
 const {
@@ -238,10 +256,10 @@ const {
 	isLoading,
 });
 
-const handleDelete = async (items: []) => {
-	const deleteEl = (el) => {
+const handleDelete = async (items: WebitelMediaExporterExportRecord[]) => {
+	const deleteEl = (el: WebitelMediaExporterExportRecord) => {
 		// If status is failed, use deletePdfExportRecord with the export id
-		if (el.status === WebitelMediaExporterExportStatus.Failed) {
+		if (el.status === WebitelMediaExporterExportStatus.Failed && el.id) {
 			return PdfServicesAPI.delete(el.id);
 		}
 		// Otherwise, use custom delete function if provided
@@ -249,8 +267,11 @@ const handleDelete = async (items: []) => {
 			return props.onDeleteItem(el);
 		}
 		// Fallback to default implementation
+		if (!el.fileId) return Promise.resolve();
 		return FileServicesAPI.deleteScreenRecordingsByAgent({
-			id: el.fileId,
+			id: [
+				el.fileId,
+			],
 			agentId: props.entityIdValue,
 		});
 	};
@@ -271,6 +292,34 @@ const downloadPdf = async (id: string) => {
 	await downloadFile(id);
 };
 
+const isDownloadingArchive = ref(false);
+
+const downloadArchive = async () => {
+	if (!props.entityIdValue) return;
+
+	isDownloadingArchive.value = true;
+	try {
+		const fileIds = selected.value.length
+			? selected.value.map(
+					(item: WebitelMediaExporterExportRecord) => item.fileId,
+				)
+			: undefined;
+
+		const response = await PdfServicesAPI.downloadCallArchive({
+			callId: props.entityIdValue,
+			fileIds,
+		});
+
+		downloadArchiveFile({
+			response,
+			fileFormat: FileFormat.ZIP,
+			filename: `pdfs-${props.entityIdValue}`,
+		});
+	} finally {
+		isDownloadingArchive.value = false;
+	}
+};
+
 const openPdfInNewWindow = (fileId: string) => {
 	try {
 		const pdfUrl = getMediaUrl(fileId);