@noatgnu/cupcake-vanilla 1.2.21 → 1.3.0

package/fesm2022/noatgnu-cupcake-vanilla.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, signal, computed, EventEmitter, inject, Output, Input, Component, effect, ViewChild } from '@angular/core';
 import * as i3 from '@noatgnu/cupcake-core';
-import { BaseApiService, WebSocketService, NotificationService as NotificationService$1, LabGroupService, ToastService, ResourceVisibility } from '@noatgnu/cupcake-core';
+import { BaseApiService, WebSocketService, NotificationService as NotificationService$1, LabGroupService, ToastService, TaskStatus, TaskType, ResourceVisibility } from '@noatgnu/cupcake-core';
 import { switchMap, map, tap, takeUntil, filter as filter$1 } from 'rxjs/operators';
 import { from, Observable, throwError, NEVER, debounceTime, distinctUntilChanged, filter, switchMap as switchMap$1, map as map$1, catchError, of, tap as tap$1, Subject, BehaviorSubject, firstValueFrom, takeUntil as takeUntil$1 } from 'rxjs';
 import jsSHA from 'jssha';
@@ -502,35 +502,6 @@ function isSdrfColumnRequired(name) {
     return column?.isRequired === true;
 }
 
-// Helper constants
-const TASK_TYPE_LABELS = {
-    'EXPORT_EXCEL': 'Export Excel Template',
-    'EXPORT_SDRF': 'Export SDRF File',
-    'IMPORT_SDRF': 'Import SDRF File',
-    'IMPORT_EXCEL': 'Import Excel File',
-    'EXPORT_MULTIPLE_SDRF': 'Export Multiple SDRF Files',
-    'EXPORT_MULTIPLE_EXCEL': 'Export Multiple Excel Templates',
-    'VALIDATE_TABLE': 'Validate Metadata Table',
-    'REORDER_TABLE_COLUMNS': 'Reorder Table Columns',
-    'REORDER_TEMPLATE_COLUMNS': 'Reorder Template Columns',
-    'TRANSCRIBE_AUDIO': 'Transcribe Audio',
-    'TRANSCRIBE_VIDEO': 'Transcribe Video',
-};
-const TASK_STATUS_LABELS = {
-    'QUEUED': 'Queued',
-    'STARTED': 'In Progress',
-    'SUCCESS': 'Completed',
-    'FAILURE': 'Failed',
-    'CANCELLED': 'Cancelled',
-};
-const TASK_STATUS_COLORS = {
-    'QUEUED': 'secondary',
-    'STARTED': 'primary',
-    'SUCCESS': 'success',
-    'FAILURE': 'danger',
-    'CANCELLED': 'warning',
-};
-
 class MetadataTableService extends BaseApiService {
     /**
      * Get all metadata tables with optional filtering
@@ -1247,8 +1218,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
 class Websocket extends WebSocketService {
     constructor(authService) {
         super(authService);
-        this.endpoint = 'ccv/notifications';
-        this.config.endpoint = 'ccv/notifications';
+        this.endpoint = 'notifications';
+        this.config.endpoint = 'notifications';
         this.config.url = this.getWebSocketUrl();
     }
     getMetadataTableUpdates() {
@@ -1514,6 +1485,12 @@ class NotificationService extends NotificationService$1 {
             case 'REORDER_TEMPLATE_COLUMNS':
                 operation = 'Template Column Reordering';
                 break;
+            case 'TRANSCRIBE_AUDIO':
+                operation = 'Audio Transcription';
+                break;
+            case 'TRANSCRIBE_VIDEO':
+                operation = 'Video Transcription';
+                break;
         }
         switch (status) {
             case 'QUEUED':
@@ -3919,33 +3896,37 @@ class AsyncTaskUIService {
     tasks$ = this.tasksSubject.asObservable();
     activeTasks$ = this.tasks$.pipe(map(tasks => {
         const taskArray = Array.isArray(tasks) ? tasks : [];
-        return taskArray.filter(task => task.status === 'QUEUED' || task.status === 'STARTED');
+        return taskArray.filter(task => task.status === TaskStatus.QUEUED || task.status === TaskStatus.STARTED);
     }));
     metadataTableRefresh$ = this.metadataTableRefreshSubject.asObservable();
     taskCompleted$ = this.taskCompletedSubject.asObservable();
     exportTaskCompleted$ = this.exportTaskCompletedSubject.asObservable();
     constructor() {
-        this.initializeService();
     }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    initializeService() {
-        this.startRealtimeUpdates();
-    }
     startRealtimeUpdates() {
         if (this.isSubscribed) {
+            console.log('AsyncTaskUIService: Already subscribed to real-time updates');
             return;
         }
+        console.log('AsyncTaskUIService: Starting real-time updates');
         this.isSubscribed = true;
         if (!this.websocket.connectionState$() || this.websocket.connectionState$() === 'disconnected') {
+            console.log('AsyncTaskUIService: WebSocket not connected, connecting now...');
             this.websocket.connect();
         }
+        else {
+            console.log('AsyncTaskUIService: WebSocket already connected');
+        }
         this.websocket.isConnected$.pipe(takeUntil(this.destroy$), filter$1(connected => connected)).subscribe(() => {
+            console.log('AsyncTaskUIService: WebSocket connected, subscribing to async_task_updates');
             this.websocket.subscribe('async_task_updates');
         });
         this.websocket.filterMessages('async_task.update').pipe(takeUntil(this.destroy$)).subscribe((message) => {
+            console.log('AsyncTaskUIService: Received async_task.update message:', message);
             this.handleTaskUpdate(message);
         });
         this.getTasks().subscribe({
@@ -3959,6 +3940,7 @@ class AsyncTaskUIService {
         });
     }
     stopRealtimeUpdates() {
+        console.log('AsyncTaskUIService: Stopping real-time updates');
         this.isSubscribed = false;
         this.destroy$.next();
     }
@@ -4050,7 +4032,7 @@ class AsyncTaskUIService {
         const existingTaskIndex = currentTasks.findIndex(t => t.id === taskId);
         if (existingTaskIndex >= 0) {
             const existingTask = currentTasks[existingTaskIndex];
-            const wasRunning = existingTask.status === 'QUEUED' || existingTask.status === 'STARTED';
+            const wasRunning = existingTask.status === TaskStatus.QUEUED || existingTask.status === TaskStatus.STARTED;
             const updatedTask = {
                 ...existingTask,
                 status: message.status,
@@ -4062,14 +4044,14 @@ class AsyncTaskUIService {
             const updatedTasks = [...currentTasks];
             updatedTasks[existingTaskIndex] = updatedTask;
             this.tasksSubject.next(updatedTasks);
-            if (message.status === 'STARTED') {
+            if (message.status === TaskStatus.STARTED) {
                 this.showTaskProgressNotification(updatedTask, existingTask);
             }
-            if (wasRunning && (message.status === 'SUCCESS' || message.status === 'FAILURE' || message.status === 'CANCELLED')) {
+            if (wasRunning && (message.status === TaskStatus.SUCCESS || message.status === TaskStatus.FAILURE || message.status === TaskStatus.CANCELLED)) {
                 this.showTaskCompletionNotification(updatedTask);
                 const isTaskFromThisTab = this.isTaskInitiatedByThisTab(updatedTask.id);
                 this.taskCompletedSubject.next(updatedTask);
-                if (message.status === 'SUCCESS') {
+                if (message.status === TaskStatus.SUCCESS) {
                     if (this.isImportTask(updatedTask.taskType) && updatedTask.metadataTable) {
                         this.metadataTableRefreshSubject.next(updatedTask.metadataTable);
                     }
@@ -4077,10 +4059,10 @@ class AsyncTaskUIService {
                         this.exportTaskCompletedSubject.next(updatedTask);
                         this.handleExportTaskCompletion(updatedTask);
                     }
-                    if (updatedTask.taskType === 'VALIDATE_TABLE' && updatedTask.metadataTable) {
+                    if (updatedTask.taskType === TaskType.VALIDATE_TABLE && updatedTask.metadataTable) {
                         this.metadataTableRefreshSubject.next(updatedTask.metadataTable);
                     }
-                    if ((updatedTask.taskType === 'REORDER_TABLE_COLUMNS') && updatedTask.metadataTable) {
+                    if ((updatedTask.taskType === TaskType.REORDER_TABLE_COLUMNS) && updatedTask.metadataTable) {
                         this.metadataTableRefreshSubject.next(updatedTask.metadataTable);
                     }
                 }
@@ -4094,11 +4076,11 @@ class AsyncTaskUIService {
                 const taskArray = Array.isArray(tasks) ? tasks : [];
                 this.tasksSubject.next(taskArray);
                 const refreshedTask = taskArray.find(t => t.id === taskId);
-                if (refreshedTask && (message.status === 'SUCCESS' || message.status === 'FAILURE' || message.status === 'CANCELLED')) {
+                if (refreshedTask && (message.status === TaskStatus.SUCCESS || message.status === TaskStatus.FAILURE || message.status === TaskStatus.CANCELLED)) {
                     this.showTaskCompletionNotification(refreshedTask);
                     const isTaskFromThisTab = this.isTaskInitiatedByThisTab(refreshedTask.id);
                     this.taskCompletedSubject.next(refreshedTask);
-                    if (message.status === 'SUCCESS') {
+                    if (message.status === TaskStatus.SUCCESS) {
                         if (this.isImportTask(refreshedTask.taskType) && refreshedTask.metadataTable) {
                             this.metadataTableRefreshSubject.next(refreshedTask.metadataTable);
                         }
@@ -4106,10 +4088,10 @@ class AsyncTaskUIService {
                             this.exportTaskCompletedSubject.next(refreshedTask);
                             this.handleExportTaskCompletion(refreshedTask);
                         }
-                        if (refreshedTask.taskType === 'VALIDATE_TABLE' && refreshedTask.metadataTable) {
+                        if (refreshedTask.taskType === TaskType.VALIDATE_TABLE && refreshedTask.metadataTable) {
                             this.metadataTableRefreshSubject.next(refreshedTask.metadataTable);
                         }
-                        if ((refreshedTask.taskType === 'REORDER_TABLE_COLUMNS') && refreshedTask.metadataTable) {
+                        if ((refreshedTask.taskType === TaskType.REORDER_TABLE_COLUMNS) && refreshedTask.metadataTable) {
                             this.metadataTableRefreshSubject.next(refreshedTask.metadataTable);
                         }
                     }
@@ -4139,53 +4121,55 @@ class AsyncTaskUIService {
     showTaskCompletionNotification(task) {
         const taskName = this.getTaskDisplayName(task.taskType);
         const tableName = task.metadataTableName ? ` for "${task.metadataTableName}"` : '';
-        if (task.taskType === 'VALIDATE_TABLE') {
+        if (task.taskType === TaskType.VALIDATE_TABLE) {
             this.handleValidationTaskCompletion(task);
             return;
         }
-        if (task.taskType === 'IMPORT_SDRF' || task.taskType === 'IMPORT_EXCEL') {
+        if (task.taskType === TaskType.IMPORT_SDRF || task.taskType === TaskType.IMPORT_EXCEL) {
             this.handleImportTaskCompletion(task);
             return;
         }
-        if (task.taskType === 'REORDER_TABLE_COLUMNS' || task.taskType === 'REORDER_TEMPLATE_COLUMNS') {
+        if (task.taskType === TaskType.REORDER_TABLE_COLUMNS || task.taskType === TaskType.REORDER_TEMPLATE_COLUMNS) {
             this.handleReorderTaskCompletion(task);
             return;
         }
         const progressInfo = task.progressPercentage && task.progressPercentage > 0 ? ` (${task.progressPercentage}%)` : '';
         const progressDesc = task.progressDescription ? `: ${task.progressDescription}` : '';
         switch (task.status) {
-            case 'SUCCESS':
+            case TaskStatus.SUCCESS:
                 this.toastService.success(`Task Completed: ${taskName}${tableName}${progressInfo} completed successfully${progressDesc}`);
                 break;
-            case 'FAILURE':
+            case TaskStatus.FAILURE:
                 this.toastService.error(`Task Failed: ${taskName}${tableName}${progressInfo} failed: ${task.errorMessage || 'Unknown error'}${progressDesc}`);
                 break;
-            case 'CANCELLED':
+            case TaskStatus.CANCELLED:
                 this.toastService.warning(`Task Cancelled: ${taskName}${tableName}${progressInfo} was cancelled${progressDesc}`);
                 break;
         }
     }
     getTaskDisplayName(taskType) {
         const typeMap = {
-            'EXPORT_EXCEL': 'Excel export',
-            'EXPORT_SDRF': 'SDRF export',
-            'IMPORT_SDRF': 'SDRF import',
-            'IMPORT_EXCEL': 'Excel import',
-            'EXPORT_MULTIPLE_SDRF': 'Bulk SDRF export',
-            'EXPORT_MULTIPLE_EXCEL': 'Bulk Excel export',
-            'VALIDATE_TABLE': 'Table validation',
-            'REORDER_TABLE_COLUMNS': 'Column reordering',
-            'REORDER_TEMPLATE_COLUMNS': 'Template column reordering',
+            [TaskType.EXPORT_EXCEL]: 'Excel export',
+            [TaskType.EXPORT_SDRF]: 'SDRF export',
+            [TaskType.IMPORT_SDRF]: 'SDRF import',
+            [TaskType.IMPORT_EXCEL]: 'Excel import',
+            [TaskType.EXPORT_MULTIPLE_SDRF]: 'Bulk SDRF export',
+            [TaskType.EXPORT_MULTIPLE_EXCEL]: 'Bulk Excel export',
+            [TaskType.VALIDATE_TABLE]: 'Table validation',
+            [TaskType.REORDER_TABLE_COLUMNS]: 'Column reordering',
+            [TaskType.REORDER_TEMPLATE_COLUMNS]: 'Template column reordering',
+            [TaskType.TRANSCRIBE_AUDIO]: 'Audio transcription',
+            [TaskType.TRANSCRIBE_VIDEO]: 'Video transcription',
         };
         return typeMap[taskType] || taskType;
     }
     getTaskStatusClass(status) {
         const statusMap = {
-            'QUEUED': 'badge-secondary',
-            'STARTED': 'badge-primary',
-            'SUCCESS': 'badge-success',
-            'FAILURE': 'badge-danger',
-            'CANCELLED': 'badge-warning',
+            [TaskStatus.QUEUED]: 'badge-secondary',
+            [TaskStatus.STARTED]: 'badge-primary',
+            [TaskStatus.SUCCESS]: 'badge-success',
+            [TaskStatus.FAILURE]: 'badge-danger',
+            [TaskStatus.CANCELLED]: 'badge-warning',
         };
         return statusMap[status] || 'badge-secondary';
     }
@@ -4206,24 +4190,24 @@ class AsyncTaskUIService {
         }
     }
     canCancelTask(status) {
-        return status === 'QUEUED' || status === 'STARTED';
+        return status === TaskStatus.QUEUED || status === TaskStatus.STARTED;
     }
     canDownloadResult(task) {
-        return task.status === 'SUCCESS' &&
-            (task.taskType === 'EXPORT_EXCEL' || task.taskType === 'EXPORT_SDRF' ||
-                task.taskType === 'EXPORT_MULTIPLE_SDRF' || task.taskType === 'EXPORT_MULTIPLE_EXCEL');
+        return task.status === TaskStatus.SUCCESS &&
+            (task.taskType === TaskType.EXPORT_EXCEL || task.taskType === TaskType.EXPORT_SDRF ||
+                task.taskType === TaskType.EXPORT_MULTIPLE_SDRF || task.taskType === TaskType.EXPORT_MULTIPLE_EXCEL);
     }
     isImportTask(taskType) {
-        return taskType === 'IMPORT_SDRF' || taskType === 'IMPORT_EXCEL';
+        return taskType === TaskType.IMPORT_SDRF || taskType === TaskType.IMPORT_EXCEL;
     }
     isExportTask(taskType) {
-        return taskType === 'EXPORT_SDRF' || taskType === 'EXPORT_EXCEL' ||
-            taskType === 'EXPORT_MULTIPLE_SDRF' || taskType === 'EXPORT_MULTIPLE_EXCEL';
+        return taskType === TaskType.EXPORT_SDRF || taskType === TaskType.EXPORT_EXCEL ||
+            taskType === TaskType.EXPORT_MULTIPLE_SDRF || taskType === TaskType.EXPORT_MULTIPLE_EXCEL;
     }
     handleExportTaskCompletion(task) {
         const taskName = this.getTaskDisplayName(task.taskType);
         const tableName = task.metadataTableName ? ` for "${task.metadataTableName}"` : '';
-        if (task.taskType === 'EXPORT_SDRF' || task.taskType === 'EXPORT_EXCEL') {
+        if (task.taskType === TaskType.EXPORT_SDRF || task.taskType === TaskType.EXPORT_EXCEL) {
             setTimeout(() => {
                 this.downloadTaskResult(task.id);
             }, 1500);
@@ -4239,7 +4223,7 @@ class AsyncTaskUIService {
         const progressInfo = task.progressPercentage && task.progressPercentage > 0 ? ` (${task.progressPercentage}%)` : '';
         const progressDesc = task.progressDescription ? `: ${task.progressDescription}` : '';
         switch (task.status) {
-            case 'SUCCESS':
+            case TaskStatus.SUCCESS:
                 const result = task.result;
                 if (result && result.success === false) {
                     const errorCount = result.errors?.length || 0;
@@ -4254,10 +4238,10 @@ class AsyncTaskUIService {
                     }
                 }
                 break;
-            case 'FAILURE':
+            case TaskStatus.FAILURE:
                 this.toastService.error(`Validation Error: ${taskName}${tableName} failed: ${task.errorMessage || 'Unknown error'}`);
                 break;
-            case 'CANCELLED':
+            case TaskStatus.CANCELLED:
                 this.toastService.warning(`Validation Cancelled: ${taskName}${tableName} was cancelled`);
                 break;
         }
@@ -4283,7 +4267,7 @@ class AsyncTaskUIService {
         const progressInfo = task.progressPercentage && task.progressPercentage > 0 ? ` (${task.progressPercentage}%)` : '';
         const progressDesc = task.progressDescription ? `: ${task.progressDescription}` : '';
         switch (task.status) {
-            case 'SUCCESS':
+            case TaskStatus.SUCCESS:
                 const result = task.result;
                 let message = `${taskName}${tableName} completed successfully!`;
                 if (result) {
@@ -4306,10 +4290,10 @@ class AsyncTaskUIService {
                 }
                 this.toastService.success(message, 6000);
                 break;
-            case 'FAILURE':
+            case TaskStatus.FAILURE:
                 this.toastService.error(`${taskName} Failed${progressInfo}: ${task.errorMessage || 'Import failed due to an unknown error'}${progressDesc}`);
                 break;
-            case 'CANCELLED':
+            case TaskStatus.CANCELLED:
                 this.toastService.warning(`${taskName} Cancelled${progressInfo}: Import was cancelled${progressDesc}`);
                 break;
         }
@@ -4320,7 +4304,7 @@ class AsyncTaskUIService {
         const progressInfo = task.progressPercentage && task.progressPercentage > 0 ? ` (${task.progressPercentage}%)` : '';
         const progressDesc = task.progressDescription ? `: ${task.progressDescription}` : '';
         switch (task.status) {
-            case 'SUCCESS':
+            case TaskStatus.SUCCESS:
                 const result = task.result;
                 let message = `${taskName}${tableName} completed successfully!`;
                 if (result) {
@@ -4340,10 +4324,10 @@ class AsyncTaskUIService {
                 }
                 this.toastService.success(message, 5000);
                 break;
-            case 'FAILURE':
+            case TaskStatus.FAILURE:
                 this.toastService.error(`${taskName} Failed: ${task.errorMessage || 'Unknown error'}${progressInfo}${progressDesc}`);
                 break;
-            case 'CANCELLED':
+            case TaskStatus.CANCELLED:
                 this.toastService.warning(`${taskName} Cancelled: ${taskName}${tableName} was cancelled`);
                 break;
         }
@@ -9901,5 +9885,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AdminWebSocketService, AsyncExportService, AsyncImportService, AsyncTaskService, AsyncTaskUIService, AsyncValidationService, COLUMN_TYPE_CONFIGS, ChunkedImportService, ChunkedUploadService, ColumnEditModal, ColumnTemplateEditModal, ColumnTemplates, ColumnType, CupcakeVanilla, ElectronService, ExcelExportModalComponent, FavoriteManagement, FavouriteMetadataOptionService, MSTermType, MetadataColumnAutofillModal, MetadataColumnHistoryModal, MetadataColumnService, MetadataColumnTemplateService, MetadataColumnTemplateShareService, MetadataManagementService, MetadataTableDetails, MetadataTableEditModal, MetadataTableService, MetadataTableTemplateEditModal, MetadataTableTemplateService, MetadataTableTemplates, MetadataValidationModal, MetadataValueEditModal, NotificationService, NotificationType, OFFICIAL_SDRF_COLUMNS, ONTOLOGY_TYPE_CONFIGS, OntologySearchService, OntologyType, OntologyTypeLabels, OntologyUtils, SDRFDefaultsService, SamplePoolCreateModal, SamplePoolDetailsModal, SamplePoolEditModal, SamplePoolService, SchemaSelectionModal, SchemaService, SdrfAgeInput, SdrfCleavageInput, SdrfColumnCategory, SdrfModificationInput, SdrfSpikedCompoundInput, SdrfSyntaxService, SearchReplaceModal, TASK_STATUS_COLORS, TASK_STATUS_LABELS, TASK_TYPE_LABELS, TableCreationModalComponent, TemplatePermissionLabels, TemplatePermissionLevel, TemplateSchemaSelectionModal, ValidationResultsModal, Websocket, getRequiredSdrfColumns, getSdrfColumnByName, getSdrfColumnsByCategory, isSdrfColumnRequired, isUnimodFullData };
+export { AdminWebSocketService, AsyncExportService, AsyncImportService, AsyncTaskService, AsyncTaskUIService, AsyncValidationService, COLUMN_TYPE_CONFIGS, ChunkedImportService, ChunkedUploadService, ColumnEditModal, ColumnTemplateEditModal, ColumnTemplates, ColumnType, CupcakeVanilla, ElectronService, ExcelExportModalComponent, FavoriteManagement, FavouriteMetadataOptionService, MSTermType, MetadataColumnAutofillModal, MetadataColumnHistoryModal, MetadataColumnService, MetadataColumnTemplateService, MetadataColumnTemplateShareService, MetadataManagementService, MetadataTableDetails, MetadataTableEditModal, MetadataTableService, MetadataTableTemplateEditModal, MetadataTableTemplateService, MetadataTableTemplates, MetadataValidationModal, MetadataValueEditModal, NotificationService, NotificationType, OFFICIAL_SDRF_COLUMNS, ONTOLOGY_TYPE_CONFIGS, OntologySearchService, OntologyType, OntologyTypeLabels, OntologyUtils, SDRFDefaultsService, SamplePoolCreateModal, SamplePoolDetailsModal, SamplePoolEditModal, SamplePoolService, SchemaSelectionModal, SchemaService, SdrfAgeInput, SdrfCleavageInput, SdrfColumnCategory, SdrfModificationInput, SdrfSpikedCompoundInput, SdrfSyntaxService, SearchReplaceModal, TableCreationModalComponent, TemplatePermissionLabels, TemplatePermissionLevel, TemplateSchemaSelectionModal, ValidationResultsModal, Websocket, getRequiredSdrfColumns, getSdrfColumnByName, getSdrfColumnsByCategory, isSdrfColumnRequired, isUnimodFullData };
 //# sourceMappingURL=noatgnu-cupcake-vanilla.mjs.map