@topconsultnpm/sdkui-react 6.20.0-dev1.12 → 6.20.0-dev1.120

package/lib/components/features/tasks/TMTasksUtils.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Task_States, PdGs, Priorities, ValidationItem, SDK_Localizator, ResultTypes, SDK_Globals } from '@topconsultnpm/sdk-ts';
 import { TMColors } from '../../../utils/theme';
 import { SDKUI_Localizator } from '../../../helper';
@@ -296,7 +297,20 @@ newTasks // Array of new tasks to merge
     return Array.from(taskMap.values());
 };
 export const getOriginLabel = (pdg, ID1Name) => {
-    return pdg ? (ID1Name ?? '') : SDKUI_Localizator.NoSource;
+    let label = ID1Name ?? SDKUI_Localizator.NoSource;
+    try {
+        if (typeof label === 'string' && label.length > 0) {
+            // Rimuove: (TID: 123), (DID: 456), TID: 123, DID: 456
+            label = label.replace(/\s*\(\s*\b(?:TID|DID):\s*\d+\s*\)|\s*\b(?:TID|DID):\s*\d+/gi, '');
+            // Rimuove eventuali spazi multipli rimasti
+            label = label.replace(/\s{2,}/g, ' ').trim();
+        }
+    }
+    catch {
+        label = ID1Name ?? SDKUI_Localizator.NoSource;
+    }
+    // Se pdg esiste ritorna la label (anche se vuota), altrimenti ritorna sempre NoSource
+    return pdg ? label : SDKUI_Localizator.NoSource;
 };
 export const taskValidatorAsync = async (taskDescriptor) => {
     let vil = [];
@@ -399,59 +413,65 @@ export const areDifferentIDs = (fromID, userID) => {
 export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSearch, setShowSearch, openTaskForm, openEditTaskForm, openDuplicateTaskForm, onDeleteCallback, markAsStatus, getAllTasks, fromWG, showContextualWG, setShowContextualWG, fromDossier, showContextualDossier, setShowContextualDossier, fromDocument, showContextualDocument, setShowContextualDocument, showGoToToday, handleGoToToday, fromDatagrid = true) => {
     const isTaskDescriptorDefined = taskDescriptor !== undefined;
     const isTaskFromAnotherUser = isTaskDescriptorDefined && areDifferentIDs(taskDescriptor.fromID, SDK_Globals.tmSession?.SessionDescr?.userID);
+    const getRowIdsAsArray = (rowIds) => {
+        if (fromDatagrid) {
+            return Array.isArray(rowIds) ? rowIds : [rowIds];
+        }
+        return taskDescriptor?.id ? [taskDescriptor.id] : [];
+    };
     const menuItems = [
         {
             id: 'createContextualTask',
-            text: SDKUI_Localizator.CreateContextualTask,
-            icon: 'plus',
+            name: SDKUI_Localizator.CreateContextualTask,
+            icon: _jsx("span", { className: "dx-icon-plus" }),
             onClick: () => { openTaskForm(FormModes.Create, undefined, true); },
             disabled: false
         },
         {
-            text: SDKUI_Localizator.Create,
-            icon: 'plus',
+            name: SDKUI_Localizator.Create,
+            icon: _jsx("span", { className: "dx-icon-plus" }),
             onClick: () => { openTaskForm(FormModes.Create, undefined, false); },
             disabled: false
         },
         {
-            text: SDKUI_Localizator.Update,
-            icon: 'edit',
-            onClick: openEditTaskForm,
+            name: SDKUI_Localizator.Update,
+            icon: _jsx("span", { className: "dx-icon-edit" }),
+            onClick: (rowId) => openEditTaskForm(fromDatagrid ? rowId : taskDescriptor?.id),
             operationType: 'singleRow',
             disabled: fromDatagrid ? false : !isTaskDescriptorDefined
         },
         {
-            text: SDKUI_Localizator.Duplicate,
-            icon: 'copy',
-            onClick: openDuplicateTaskForm,
+            name: SDKUI_Localizator.Duplicate,
+            icon: _jsx("span", { className: "dx-icon-copy" }),
+            onClick: (rowId) => openDuplicateTaskForm(fromDatagrid ? rowId : taskDescriptor?.id),
             operationType: 'singleRow',
             disabled: fromDatagrid ? isTaskFromAnotherUser : !isTaskDescriptorDefined || isTaskFromAnotherUser
         },
         {
-            text: SDKUI_Localizator.Delete,
-            icon: 'trash',
-            onClick: onDeleteCallback,
+            name: SDKUI_Localizator.Delete,
+            icon: _jsx("span", { className: "dx-icon-trash" }),
+            onClick: (rowIds) => onDeleteCallback(getRowIdsAsArray(rowIds)),
             operationType: 'multiRow',
             disabled: fromDatagrid ? isTaskFromAnotherUser : !isTaskDescriptorDefined || isTaskFromAnotherUser
         },
         {
-            icon: 'optionsgear',
-            text: SDKUI_Localizator.MarkAs,
+            icon: _jsx("span", { className: "dx-icon-optionsgear" }),
+            name: SDKUI_Localizator.MarkAs,
             id: "markAs",
             operationType: 'multiRow',
             disabled: fromDatagrid ? false : !isTaskDescriptorDefined,
-            items: [
-                { icon: 'product', text: SDKUI_Localizator.NewFemale, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.NotStarted) },
-                { icon: 'refresh', text: SDKUI_Localizator.InProgress, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.InProgress) },
-                { icon: 'check', text: SDKUI_Localizator.Completed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.Completed) },
-                { icon: 'taskstop', text: SDKUI_Localizator.Pending, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.Waiting) },
-                { icon: 'clock', text: SDKUI_Localizator.Postponed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(rowIds, Task_States.Deferred) }
+            submenu: [
+                { icon: _jsx("span", { className: "dx-icon-product" }), name: SDKUI_Localizator.NewFemale, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.NotStarted) },
+                { icon: _jsx("span", { className: "dx-icon-refresh" }), name: SDKUI_Localizator.InProgress, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.InProgress) },
+                { icon: _jsx("span", { className: "dx-icon-check" }), name: SDKUI_Localizator.Completed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Completed) },
+                { icon: _jsx("span", { className: "dx-icon-taskstop" }), name: SDKUI_Localizator.Pending, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Waiting) },
+                { icon: _jsx("span", { className: "dx-icon-clock" }), name: SDKUI_Localizator.Postponed, operationType: 'multiRow', onClick: (rowIds) => markAsStatus(getRowIdsAsArray(rowIds), Task_States.Deferred) }
             ]
         },
         {
             id: 'wgContextFilter',
-            text: showContextualWG ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
-            icon: 'filter',
+            name: showContextualWG ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: _jsx("span", { className: "dx-icon-filter" }),
             onClick: () => { setShowContextualWG(prev => !prev); },
             disabled: false,
             beginGroup: true,
@@ -459,8 +479,8 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
         },
         {
             id: 'dossierContextFilter',
-            text: showContextualDossier ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
-            icon: 'filter',
+            name: showContextualDossier ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: _jsx("span", { className: "dx-icon-filter" }),
             onClick: () => { setShowContextualDossier(prev => !prev); },
             disabled: false,
             beginGroup: !fromWG && !fromDocument,
@@ -468,38 +488,38 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
         },
         {
             id: 'documentContextFilter',
-            text: showContextualDocument ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
-            icon: 'filter',
+            name: showContextualDocument ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: _jsx("span", { className: "dx-icon-filter" }),
             onClick: () => { setShowContextualDocument(prev => !prev); },
             disabled: false,
             beginGroup: !fromDossier && !fromWG,
             visible: fromDocument
         },
         {
-            icon: "event",
+            icon: _jsx("span", { className: "dx-icon-event" }),
             onClick: () => { if (handleGoToToday) {
                 handleGoToToday();
             } },
-            text: SDKUI_Localizator.GoToToday,
+            name: SDKUI_Localizator.GoToToday,
             disabled: false,
             beginGroup: true,
         },
         {
             beginGroup: true,
-            icon: showSearch ? "eyeclose" : "eyeopen",
+            icon: showSearch ? _jsx("span", { className: "dx-icon-eyeclose" }) : _jsx("span", { className: "dx-icon-eyeopen" }),
             onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
-            text: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
+            name: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
             disabled: false
         },
         {
-            icon: showId ? "eyeclose" : "eyeopen",
+            icon: showId ? _jsx("span", { className: "dx-icon-eyeclose" }) : _jsx("span", { className: "dx-icon-eyeopen" }),
             onClick: () => setShowId(prevShowId => !prevShowId),
-            text: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
+            name: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
             disabled: false
         },
         {
-            text: SDKUI_Localizator.Refresh,
-            icon: 'refresh',
+            name: SDKUI_Localizator.Refresh,
+            icon: _jsx("span", { className: "dx-icon-refresh" }),
             onClick: () => getAllTasks(),
             disabled: false,
         },
@@ -529,7 +549,7 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
             item.visible === undefined);
     }
     if (showGoToToday === false) {
-        filteredMenuItems = filteredMenuItems.filter(item => item.text !== SDKUI_Localizator.GoToToday);
+        filteredMenuItems = filteredMenuItems.filter(item => item.name !== SDKUI_Localizator.GoToToday);
     }
     return filteredMenuItems;
 };

package/lib/components/features/tasks/TMTasksView.js

@@ -5,7 +5,6 @@ import { TabPanel, Item } from 'devextreme-react/tab-panel';
 import { Priorities, ResultTypes, SDK_Globals, Task_States } from "@topconsultnpm/sdk-ts";
 import { calculateNumberOfDays, renderTaskIcons } from "./TMTasksUtilsView";
 import { getPriorityLocalizatorValue } from "../tasks/TMTasksUtils";
-import ContextMenu from 'devextreme-react/context-menu';
 import { calcResponsiveSizes, getExceptionMessage, SDKUI_Localizator, StyledTabItem, TMCountBadge } from "../../../helper";
 import { useDeviceType } from "../../base/TMDeviceProvider";
 import { FormModes } from "../../../ts";
@@ -85,8 +84,9 @@ const TMTasksView = (props) => {
                 onDeleteCallback([focusedRowKey]); }, (rowIds, status) => { if (focusedRowKey)
                 markAsStatus([focusedRowKey], status); }, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, true, () => { setCurrentCalendarDate(new Date()); setCurrentAgendaDate(new Date()); }, false),
         ];
-    }, [visualizedTasks, focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, taskContext]);
+    }, [focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, taskContext]);
     const [menuItems, setMenuItems] = useState(agendaCalendarItems());
+    const [datagridMenu, setDatagridMenu] = useState([]);
     const newTaskCount = getNewTaskCount(allTasks);
     useEffect(() => {
         setMenuItems(agendaCalendarItems());
@@ -266,6 +266,23 @@ const TMTasksView = (props) => {
             }
         });
     }, [visualizedTasks]);
+    const listMenuItems = useCallback(() => {
+        const taskDescriptor = visualizedTasks.find(task => task.id === focusedRowKey);
+        return createTasksMenuItems(taskDescriptor, showId, setShowId, showSearch, setShowSearch, openTaskFormCallback, (rowId) => { if (rowId) {
+            const task = visualizedTasks.find(t => t.id === rowId);
+            if (task)
+                openTaskFormCallback(FormModes.Update, task);
+        } }, (rowId) => { if (rowId) {
+            const task = visualizedTasks.find(t => t.id === rowId);
+            if (task)
+                openTaskFormCallback(FormModes.Duplicate, task);
+        } }, onDeleteCallback, markAsStatus, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, false, // showGoToToday 
+        undefined, true // fromDatagrid
+        );
+    }, [visualizedTasks, focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, showContextualDocument, taskContext, openTaskFormCallback, onDeleteCallback, markAsStatus, getAllTasks]);
+    useEffect(() => {
+        setDatagridMenu(listMenuItems());
+    }, [listMenuItems]);
     const onSavedCallback = async (task) => {
         // If task is undefined or has no ID, exit early
         if (task === undefined || task.id === undefined)
@@ -295,22 +312,14 @@ const TMTasksView = (props) => {
         }
         setShowTaskForm(false);
     };
-    const handleNavigateToDossiersWrapper = useCallback(async (dossierId) => {
+    const handleNavigateToDossiersWrapper = useCallback(async (value) => {
         setShowTaskForm(false);
-        await handleNavigateToDossiers(dossierId);
-    }, []);
-    const handleNavigateToWGsWrapper = useCallback(async (workGroupId) => {
+        await handleNavigateToDossiers(value);
+    }, [handleNavigateToDossiers]);
+    const handleNavigateToWGsWrapper = useCallback(async (value) => {
         setShowTaskForm(false);
-        await handleNavigateToWGs(workGroupId);
-    }, []);
-    const onContextMenuPreparing = (e) => {
-        if (e === undefined)
-            return;
-        if (e.target === 'content') {
-            e.items = e.items || [];
-            e.items = createTasksMenuItems(e.row?.data, showId, setShowId, showSearch, setShowSearch, openTaskFormCallback, () => { openTaskFormCallback(FormModes.Update, e.row?.data); }, () => { openTaskFormCallback(FormModes.Duplicate, e.row?.data); }, onDeleteCallback, markAsStatus, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, false);
-        }
-    };
+        await handleNavigateToWGs(value);
+    }, [handleNavigateToWGs]);
     const RenderCustomHeader = ({ data }) => { return _jsx("p", { style: { color: TEXT_NOT_SELECTED_COLOR }, children: data.column.caption }); };
     const cellDefaultRender = useCallback((cellData) => {
         const data = cellData.data;
@@ -519,13 +528,13 @@ const TMTasksView = (props) => {
         ];
     }, [showId]);
     const getFromOrToDatagridElement = (fromOrToDataSource, fromCell = false, toCell = false) => {
-        return _jsx(TMDataGrid, { dataSource: fromOrToDataSource, dataColumns: getDataColumns(fromCell, toCell), selection: { mode: 'multiple', showCheckBoxesMode: "always" }, focusedRowKey: focusedRowKey, selectedRowKeys: [...selectedRowKeys], onFocusedRowChanged: onFocusedRowChanged, onSelectionChanged: onSelectionChanged, onRowDblClick: onRowDblClick, onContextMenuPreparing: onContextMenuPreparing, showSearchPanel: showSearch, noDataText: SDKUI_Localizator.TasksEmpty, counterConfig: { show: true }, onHasFiltersChange: (active) => setHasFilters(active) });
+        return _jsx(TMDataGrid, { dataSource: fromOrToDataSource, dataColumns: getDataColumns(fromCell, toCell), selection: { mode: 'multiple', showCheckBoxesMode: "always" }, focusedRowKey: focusedRowKey, selectedRowKeys: [...selectedRowKeys], onFocusedRowChanged: onFocusedRowChanged, onSelectionChanged: onSelectionChanged, onRowDblClick: onRowDblClick, customContextMenuItems: datagridMenu, showSearchPanel: showSearch, noDataText: SDKUI_Localizator.TasksEmpty, counterConfig: { show: true }, onHasFiltersChange: (active) => setHasFilters(active) });
     };
     const getFromOrToAgendaElement = (fromOrToDataSource, fromCell = false, toCell = false) => {
-        return _jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: [_jsx(ContextMenu, { dataSource: menuItems, target: `#tasks-agenda-wrapper-${id}` }), _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksAgenda, { id: id, showId: showId, showSearch: showSearch, visualizedTasks: fromOrToDataSource, fromCell: fromCell, toCell: toCell, currentAgendaDate: currentAgendaDate, setCurrentAgendaDate: setCurrentAgendaDate, openTaskForm: openTaskFormCallback, handleFocusedRowChange: handleFocusedRowChange }) })] });
+        return _jsx("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksAgenda, { id: id, showId: showId, showSearch: showSearch, visualizedTasks: fromOrToDataSource, fromCell: fromCell, toCell: toCell, currentAgendaDate: currentAgendaDate, setCurrentAgendaDate: setCurrentAgendaDate, openTaskForm: openTaskFormCallback, handleFocusedRowChange: handleFocusedRowChange, menuItems: menuItems }) }) });
     };
     const getFromOrToCalendarElement = (fromOrToDataSource, fromCell = false, toCell = false) => {
-        return _jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: [_jsx(ContextMenu, { dataSource: menuItems, target: `#tasks-calendar-wrapper-${id}` }), _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksCalendar, { id: id, visualizedTasks: fromOrToDataSource, showId: showId, fromCell: fromCell, toCell: toCell, showSearch: showSearch, currentCalendarDate: currentCalendarDate, setCurrentCalendarDate: setCurrentCalendarDate, openTaskForm: openTaskFormCallback, onDeleteCallback: onDeleteCallback, setCalendarStartDate: setCalendarStartDate, setCalendarEndDate: setCalendarEndDate, focusedRowKey: focusedRowKey, handleFocusedRowChange: handleFocusedRowChange }) })] });
+        return _jsx("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', overflow: "auto" }, children: _jsx("div", { style: { width: "100%", height: "100%" }, children: _jsx(TMTasksCalendar, { id: id, visualizedTasks: fromOrToDataSource, showId: showId, fromCell: fromCell, toCell: toCell, showSearch: showSearch, currentCalendarDate: currentCalendarDate, setCurrentCalendarDate: setCurrentCalendarDate, openTaskForm: openTaskFormCallback, onDeleteCallback: onDeleteCallback, setCalendarStartDate: setCalendarStartDate, setCalendarEndDate: setCalendarEndDate, focusedRowKey: focusedRowKey, handleFocusedRowChange: handleFocusedRowChange, menuItems: menuItems }) }) });
     };
     return _jsxs("div", { style: { width: '100%', height: '100%' }, onContextMenu: (e) => e.preventDefault(), children: [_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TabPanel, { width: "100%", height: "100%", animationEnabled: false, swipeEnabled: false, loop: false, showNavButtons: true, repaintChangesOnly: true, stylingMode: "primary", iconPosition: 'start', tabsPosition: 'top', selectedIndex: activeTabIndex, onSelectedIndexChange: onSelectedIndexChange, id: "task-centered-tab-title", children: [_jsx(Item, { title: SDKUI_Localizator.AssignedToMe, icon: "user", tabRender: (params) => {
                                 return _jsxs(StyledTabItem, { "$isSelected": activeTabIndex === AssignedTab.AssignedToMe, children: [_jsxs(TMTooltip, { content: SDKUI_Localizator.AssignedToMe, children: [_jsx("i", { className: `dx-icon-${params.icon}` }), "\u00A0", params.title, " ", (assignedToMeCount > 0) ? `(${assignedToMeCount})` : ''] }), newTaskCount > 0 && (_jsx(TMTooltip, { content: SDKUI_Localizator.NewAssignedActivitiesNumber + ": " + newTaskCount, children: _jsx(TMCountBadge, { children: newTaskCount }) }))] });

package/lib/components/features/workflow/TMWorkflowPopup.d.ts

@@ -1,5 +1,6 @@
-import { DcmtTypeDescriptor } from '@topconsultnpm/sdk-ts';
+import { DcmtTypeDescriptor, WFDescriptor } from '@topconsultnpm/sdk-ts';
 import { DeviceType } from "../../base/TMDeviceProvider";
+import { WorkItemDetail } from "../../../ts";
 interface IWorkflowOperationButtonsProps {
     dtd: DcmtTypeDescriptor | undefined;
     approveDisable?: boolean;
@@ -24,13 +25,43 @@ export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReje
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onCompleted }: {
+export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onCompleted, wf, workItemDetail }: {
     TID?: number;
     DID?: number;
     deviceType?: DeviceType;
     onClose?: () => void;
     selectedItems?: any[];
     onCompleted?: () => Promise<void>;
+    wf?: WFDescriptor;
+    workItemDetail?: WorkItemDetail;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal per forzare l'approvazione di un work item
+ */
+export declare const WorkflowForceApproveModal: ({ detail, onClose, onCompleted }: {
+    detail: WorkItemDetail;
+    onClose?: () => void;
+    onCompleted?: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal per forzare il rifiuto di un work item
+ */
+export declare const WorkflowForceRejectModal: ({ detail, onClose, onCompleted }: {
+    detail: WorkItemDetail;
+    onClose?: () => void;
+    onCompleted?: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal per terminare le istanze workflow selezionate
+ */
+export declare const WorkflowEndInstanceModal: ({ selectedInstances, onClose, onCompleted }: {
+    selectedInstances: Array<{
+        wfid?: number;
+        tid?: number;
+        did?: number;
+    }>;
+    onClose?: () => void;
+    onCompleted?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const WorkFlowMoreInfoPopUp: ({ DID, TID, deviceType, onClose, onCompleted }: {
     TID?: number;

package/lib/components/features/workflow/TMWorkflowPopup.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Priorities, ResultTypes, SDK_Globals, SDK_Localizator, TaskEngine, UserListCacheService, ValidationItem, WorkflowCacheService } from '@topconsultnpm/sdk-ts';
+import { useEffect, useMemo, useState } from "react";
+import { Priorities, ResultTypes, SDK_Globals, SDK_Localizator, TaskEngine, UserListCacheService, ValidationItem, WFEvents, WorkflowCacheService } from '@topconsultnpm/sdk-ts';
 import styled from "styled-components";
-import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo, DateDisplayTypes, TASK_MORE_INFO_PREFIX_NAME, IconSignaturePencil, isSign4TopEnabled } from "../../../helper";
+import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo, DateDisplayTypes, TASK_MORE_INFO_PREFIX_NAME, IconSignaturePencil, isSign4TopEnabled, IconCheck, IconCloseCircle, IconStop } from "../../../helper";
 import { TMColors } from "../../../utils/theme";
 import TMButton from "../../base/TMButton";
 import { DeviceType } from "../../base/TMDeviceProvider";
@@ -21,17 +21,15 @@ const StyledWorkFlowOperationButtonsContainer = styled.div `
     gap: 10px;
     flex-direction: column;
 `;
-const StyledTextArea = styled.textarea.attrs({
-    maxLength: 200
-}) `
+const StyledTextArea = styled.textarea `
     width: 100%; 
     height: 100%; 
-    border: 1px solid ${props => props.$isValid ? '#b4b4b4' : TMColors.error}; 
+    border: 1px solid ${(props) => (props.$isValid ? '#b4b4b4' : TMColors.error)}; 
     border-radius: 10px; 
     padding: 10px;
-    &:focus{
+    &:focus {
         outline: none;
-        border-bottom: 4px solid ${props => props.$isValid ? TMColors.primaryColor : TMColors.error};
+        border-bottom: 4px solid ${(props) => (props.$isValid ? TMColors.primaryColor : TMColors.error)};
     }
 `;
 const CharacterCounter = styled.div `
@@ -68,17 +66,12 @@ const StyledHorizontalContainer = styled.div `
 export const WorkFlowOperationButtons = (props) => {
     const { dtd = undefined, deviceType = DeviceType.DESKTOP, approveDisable = false, signApproveDisable = false, rejectDisable = false, reassignDisable = false, infoDisable = false, onApprove, onSignApprove, onReject, onReAssign, onMoreInfo } = props;
     const isMobile = deviceType === DeviceType.MOBILE;
-    // Stato per distinguere workflow di firma vs approvazione
-    const [isSignWorkflow, setIsSignWorkflow] = useState(false);
-    useEffect(() => {
-        // Controlla se il documento ha dei widget definiti, se il documento ha il widget SIGN4_TOP abilitato, allora è un workflow di firma
+    // Calcola direttamente se è un workflow di firma per evitare flickering durante il render
+    const isSignWorkflow = useMemo(() => {
         if (dtd && dtd.widgets && dtd.widgets.length > 0) {
-            setIsSignWorkflow(isSign4TopEnabled(dtd.widgets));
-        }
-        else {
-            // Se non ci sono widget o non è SIGN4_TOP, imposta il workflow di default (approvazione senza firma)
-            setIsSignWorkflow(false);
+            return isSign4TopEnabled(dtd.widgets);
         }
+        return false;
     }, [dtd]);
     return (_jsx(StyledWorkFlowOperationButtonsContainer, { "$isMobile": isMobile, children: isSignWorkflow ? (_jsxs(_Fragment, { children: [_jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconSignaturePencil, {}), caption: SDKUI_Localizator.SignatureAndApprove, width: "160px", disabled: signApproveDisable, onClick: () => !signApproveDisable && onSignApprove?.(), onMouseDown: e => e.stopPropagation(), advancedColor: "#1a9a49", color: "success" }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: rejectDisable, onClick: () => !rejectDisable && onReject?.(), onMouseDown: e => e.stopPropagation(), advancedColor: TMColors.error, color: "error" }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconInfo, { fontSize: 16 }), caption: SDKUI_Localizator.MoreInformation, width: "180px", disabled: infoDisable, onClick: () => !infoDisable && onMoreInfo?.(), onMouseDown: e => e.stopPropagation(), advancedColor: TMColors.info, color: "info" })] })) : (_jsxs(_Fragment, { children: [_jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconApply, {}), caption: SDKUI_Localizator.Approve, disabled: approveDisable, onClick: () => !approveDisable && onApprove?.(), advancedColor: "#1a9a49", color: "success" }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: rejectDisable, onClick: () => !rejectDisable && onReject?.(), advancedColor: TMColors.error, color: "error" }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: reassignDisable, onClick: () => !reassignDisable && onReAssign?.(), advancedColor: TMColors.tertiary, color: "tertiary" }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconInfo, { fontSize: 16 }), caption: SDKUI_Localizator.MoreInformation, width: "180px", disabled: infoDisable, onClick: () => !infoDisable && onMoreInfo?.(), advancedColor: TMColors.info, color: "info" })] })) }));
 };
@@ -97,6 +90,7 @@ export const WorkFlowApproveRejectPopUp = ({ TID = 0, DID = 0, deviceType = Devi
             for (const { TID, DID } of items) {
                 await workflowEngine.WorkItem_CompleteOrRejectAsync(TID, DID, commentValue, isReject);
             }
+            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: isReject === 0 ? SDKUI_Localizator.WorkitemApprove : SDKUI_Localizator.WorkitemReject, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
         }
         catch (e) {
             TMExceptionBoxManager.show({ exception: e });
@@ -105,33 +99,42 @@ export const WorkFlowApproveRejectPopUp = ({ TID = 0, DID = 0, deviceType = Devi
             onCompleted?.();
             onClose?.();
             TMSpinner.hide();
-            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: isReject === 0 ? SDKUI_Localizator.WorkitemApprove : SDKUI_Localizator.WorkitemReject, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
         }
     };
     const workflowAction = isReject === 0 ? SDKUI_Localizator.Approve : SDKUI_Localizator.Reject;
     const itemCount = selectedItems.length > 0 ? `(${selectedItems.length} workitem)` : '';
     const title = `${workflowAction} ${itemCount}`;
-    return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsxs("p", { style: { color: (isReject === 1 && disable) ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", isReject === 1 && disable && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { "$isValid": isReject === 0 ? true : !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value) }), _jsx(CharacterCounter, { children: `${200 - commentValue.length} ${SDKUI_Localizator.CharactersRemaining}` })] }), _jsx(StyledModalFooter, { children: isReject === 0
+    return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsxs("p", { style: { color: (isReject === 1 && disable) ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", isReject === 1 && disable && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { maxLength: 200, "$isValid": isReject === 0 ? true : !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value) }), _jsx(CharacterCounter, { children: `${200 - commentValue.length} ${SDKUI_Localizator.CharactersRemaining}` })] }), _jsx(StyledModalFooter, { children: isReject === 0
                         ? _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconApply, {}), caption: SDKUI_Localizator.Approve, disabled: false, onClick: () => completeOrRejectAsync(isReject), advancedColor: TMColors.success })
                         : _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: disable, onClick: () => { !disable && completeOrRejectAsync(isReject); }, advancedColor: TMColors.error }) })] }) }));
 };
-export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, selectedItems = [], onCompleted }) => {
+export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, selectedItems = [], onCompleted, wf, workItemDetail }) => {
     const [commentValue, setCommentValue] = useState('');
     const [selectedUserID, setSelectedUserID] = useState([]);
     const [participants, setParticipants] = useState([]);
     const disable = commentValue.length === 0 || !selectedUserID;
+    // Determina se siamo nel contesto CtrlWorkflow (quando abbiamo workItemDetail)
+    const isCtrlWorkflowContext = !!workItemDetail;
     const reAssignWorkFlowAsync = async () => {
         try {
             TMSpinner.show();
             const workflowEngine = SDK_Globals.tmSession?.NewWorkflowEngine();
             if (!workflowEngine)
                 throw new Error("Workflow engine is not available");
-            const items = selectedItems.length > 0
-                ? selectedItems.map(({ TID, DID }) => ({ TID, DID }))
-                : [{ TID, DID }];
-            for (const { TID, DID } of items) {
-                await SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_ReassignAsync(TID, DID, selectedUserID?.[0], commentValue);
+            if (isCtrlWorkflowContext && workItemDetail) {
+                // Contesto CtrlWorkflow: usa WFCtrl_ReassignWIAsync
+                await workflowEngine.WFCtrl_ReassignWIAsync(workItemDetail.wfid, workItemDetail.did, selectedUserID?.[0], commentValue);
+            }
+            else {
+                // Contesto WorkItem: usa WorkItem_ReassignAsync
+                const items = selectedItems.length > 0
+                    ? selectedItems.map(({ TID, DID }) => ({ TID, DID }))
+                    : [{ TID, DID }];
+                for (const { TID, DID } of items) {
+                    await workflowEngine.WorkItem_ReassignAsync(TID, DID, selectedUserID?.[0], commentValue);
+                }
             }
+            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: SDKUI_Localizator.WorkitemReassign, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
         }
         catch (e) {
             TMExceptionBoxManager.show({ exception: e });
@@ -140,11 +143,10 @@ export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
             onCompleted?.();
             onClose?.();
             TMSpinner.hide();
-            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: SDKUI_Localizator.WorkitemReassign, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
         }
     };
     // Determina il TID da usare
-    const tidToUse = selectedItems?.[0]?.TID ?? TID;
+    const tidToUse = workItemDetail?.tid ?? selectedItems?.[0]?.TID ?? TID;
     useEffect(() => {
         let isMounted = true;
         const fetchData = async () => {
@@ -153,11 +155,11 @@ export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
                 if (!tidToUse)
                     return;
                 // Recupera info workflow
-                const wf = await WorkflowCacheService.GetWFInfoAsync(tidToUse);
+                const workflowInfo = wf ?? await WorkflowCacheService.GetWFInfoAsync(tidToUse);
                 // Recupera tutti gli utenti
                 const allUsers = await UserListCacheService.GetAllAsync();
                 // Filtra utenti partecipanti
-                const participantIds = wf?.participants?.map(p => p.userID);
+                const participantIds = workflowInfo?.participants?.map(p => p.userID);
                 const participantUsers = allUsers.filter(u => participantIds?.includes(u.id) && u.id !== SDK_Globals.tmSession?.SessionDescr?.userID);
                 if (isMounted)
                     setParticipants(participantUsers);
@@ -171,10 +173,113 @@ export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
         };
         fetchData();
         return () => { isMounted = false; };
-    }, [tidToUse]);
-    return (_jsx(TMModal, { onClose: onClose, width: '600px', height: '270px', isModal: true, title: SDKUI_Localizator.Reassign + (selectedItems.length > 0 ? ' (' + selectedItems.length + ' workitem)' : ''), children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx(TMUserChooser, { dataSource: participants, values: selectedUserID, onValueChanged: (IDs) => {
+    }, [tidToUse, wf, workItemDetail]);
+    // Determina il conteggio degli item da mostrare nel titolo
+    const itemCount = workItemDetail ? 1 : selectedItems.length;
+    const titleSuffix = itemCount > 0 ? ` (${itemCount} workitem)` : '';
+    return (_jsx(TMModal, { onClose: onClose, width: '600px', height: '270px', isModal: true, title: SDKUI_Localizator.Reassign + titleSuffix, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx(TMUserChooser, { dataSource: participants, values: selectedUserID, onValueChanged: (IDs) => {
                                 setSelectedUserID(IDs ?? []);
-                            } }), _jsxs("p", { style: { color: commentValue.length === 0 ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", commentValue.length === 0 && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { "$isValid": commentValue.length !== 0, value: commentValue, onChange: (e) => setCommentValue(e.target.value) }), _jsx(CharacterCounter, { children: `${200 - commentValue.length} ${SDKUI_Localizator.CharactersRemaining}` })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: disable, onClick: () => !disable && reAssignWorkFlowAsync(), advancedColor: TMColors.tertiary }) })] }) }));
+                            } }), _jsxs("p", { style: { color: commentValue.length === 0 ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", commentValue.length === 0 && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { maxLength: 200, "$isValid": commentValue.length !== 0, value: commentValue, onChange: (e) => setCommentValue(e.target.value) }), _jsx(CharacterCounter, { children: `${200 - commentValue.length} ${SDKUI_Localizator.CharactersRemaining}` })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: disable, onClick: () => !disable && reAssignWorkFlowAsync(), advancedColor: TMColors.tertiary }) })] }) }));
+};
+/**
+ * Modal per forzare l'approvazione di un work item
+ */
+export const WorkflowForceApproveModal = ({ detail, onClose, onCompleted }) => {
+    const [commentValue, setCommentValue] = useState('');
+    const disable = commentValue.length === 0;
+    const forceApproveAsync = async () => {
+        try {
+            TMSpinner.show({ description: 'Forza approvazione in corso...' });
+            await SDK_Globals.tmSession?.NewWorkflowEngine().WFCtrl_ForceWIAsync(detail.wfid, detail.did, WFEvents.AfterBtnApprove01, commentValue);
+            ShowAlert({
+                mode: 'success',
+                position: 'TOP_RIGHT',
+                title: 'Forza completamento',
+                message: 'Work item approvato con successo',
+                duration: 3000
+            });
+            await onCompleted?.();
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            onClose?.();
+            TMSpinner.hide();
+        }
+    };
+    const userName = detail.toUser?.name ?? detail.to;
+    const title = `Forza completamento - ${userName}`;
+    return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '8px' }, children: "Motivazione (obbligatorio):" }), _jsx(StyledTextArea, { "$isValid": !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value), placeholder: "Inserisci il motivo della forzatura...", maxLength: 200 }), _jsxs(CharacterCounter, { children: [commentValue.length, "/200"] })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconCheck, {}), caption: "Forza approvazione", width: '180px', disabled: disable, onClick: () => !disable && forceApproveAsync(), advancedColor: TMColors.success }) })] }) }));
+};
+/**
+ * Modal per forzare il rifiuto di un work item
+ */
+export const WorkflowForceRejectModal = ({ detail, onClose, onCompleted }) => {
+    const [commentValue, setCommentValue] = useState('');
+    const disable = commentValue.length === 0;
+    const forceRejectAsync = async () => {
+        try {
+            TMSpinner.show({ description: 'Forza rifiuto in corso...' });
+            await SDK_Globals.tmSession?.NewWorkflowEngine().WFCtrl_ForceWIAsync(detail.wfid, detail.did, WFEvents.AfterBtnReject01, commentValue);
+            ShowAlert({
+                mode: 'success',
+                position: 'TOP_RIGHT',
+                title: 'Forza rifiuto',
+                message: 'Work item rifiutato con successo',
+                duration: 3000
+            });
+            await onCompleted?.();
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            onClose?.();
+            TMSpinner.hide();
+        }
+    };
+    const userName = detail.toUser?.name ?? detail.to;
+    const title = `Forza rifiuto - ${userName}`;
+    return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '8px' }, children: "Motivazione (obbligatorio):" }), _jsx(StyledTextArea, { "$isValid": !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value), placeholder: "Inserisci il motivo del rifiuto...", maxLength: 200 }), _jsxs(CharacterCounter, { children: [commentValue.length, "/200"] })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconCloseCircle, {}), caption: "Forza rifiuto", width: '150px', disabled: disable, onClick: () => !disable && forceRejectAsync(), advancedColor: TMColors.error }) })] }) }));
+};
+/**
+ * Modal per terminare le istanze workflow selezionate
+ */
+export const WorkflowEndInstanceModal = ({ selectedInstances, onClose, onCompleted }) => {
+    const [commentValue, setCommentValue] = useState('');
+    const disable = commentValue.length === 0;
+    const endInstancesAsync = async () => {
+        try {
+            TMSpinner.show({ description: 'Terminazione istanze in corso...' });
+            const workflowEngine = SDK_Globals.tmSession?.NewWorkflowEngine();
+            if (!workflowEngine)
+                throw new Error("Workflow engine non disponibile");
+            for (const instance of selectedInstances) {
+                if (instance.wfid && instance.did) {
+                    await workflowEngine.WFCtrl_EndInstanceAsync(instance.wfid, instance.tid ?? 0, instance.did, commentValue);
+                }
+            }
+            ShowAlert({
+                mode: 'success',
+                position: 'TOP_RIGHT',
+                title: 'Terminazione istanze',
+                message: `${selectedInstances.length} ${selectedInstances.length === 1 ? 'istanza terminata' : 'istanze terminate'} con successo`,
+                duration: 3000
+            });
+            await onCompleted?.();
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            onClose?.();
+            TMSpinner.hide();
+        }
+    };
+    const itemCount = selectedInstances.length > 0 ? `(${selectedInstances.length} ${selectedInstances.length === 1 ? 'istanza' : 'istanze'})` : '';
+    const title = `Termina istanza ${itemCount}`;
+    return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '8px' }, children: "Motivazione (obbligatorio):" }), _jsx(StyledTextArea, { "$isValid": !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value), placeholder: "Inserisci il motivo della terminazione...", maxLength: 200 }), _jsxs(CharacterCounter, { children: [commentValue.length, "/200"] })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconStop, {}), caption: "Termina istanza", width: '150px', disabled: disable, onClick: () => !disable && endInstancesAsync(), advancedColor: TMColors.error }) })] }) }));
 };
 export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, onCompleted }) => {
     const [users, setUsers] = useState([]);
@@ -210,6 +315,7 @@ export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
                 name: `${TASK_MORE_INFO_PREFIX_NAME}${nameInput}`
             };
             await SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(TID, DID, taskWithPrefix);
+            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: SDKUI_Localizator.MoreInformation, message: SDKUI_Localizator.MoreInfoSent, duration: 3000 });
         }
         catch (e) {
             TMExceptionBoxManager.show({ exception: e });
@@ -218,7 +324,6 @@ export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
             onCompleted?.();
             onClose?.();
             TMSpinner.hide();
-            ShowAlert({ mode: 'success', position: 'TOP_RIGHT', title: SDKUI_Localizator.MoreInformation, message: SDKUI_Localizator.MoreInfoSent, duration: 3000 });
         }
     };
     useEffect(() => {