@topconsultnpm/sdkui-react 6.20.0-dev1.43 → 6.20.0-dev1.45

package/lib/components/editors/TMMetadataValues.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import styled from "styled-components";
-import { AccessLevels, DcmtTypeListCacheService, LayoutGroupBorderStyles, LayoutGroupOrientations, LayoutItemTypes, LayoutModes, MetadataDataDomains, MetadataDataTypes, SDK_Globals, SystemMIDsAsNumber, SystemTIDs, TemplateTIDs, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
-import { IconUndo, IconPencil, IconFunction, IconMenuVertical, IconDataList, SDKUI_Localizator, IconNull, stringIsNullOrEmpty, deepCompare, SDKUI_Globals, IconDcmtTypeSys } from "../../helper";
+import { AccessLevels, DcmtTypeListCacheService, LayoutGroupBorderStyles, LayoutGroupOrientations, LayoutItemTypes, LayoutModes, MetadataDataDomains, MetadataDataTypes, SDK_Globals, SystemMIDsAsNumber, SystemTIDs, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { IconUndo, IconPencil, IconFunction, IconMenuVertical, IconDataList, SDKUI_Localizator, IconNull, stringIsNullOrEmpty, deepCompare, SDKUI_Globals, IconDcmtTypeSys, isApprovalWorkflowView } from "../../helper";
 import { TMColors } from "../../utils/theme";
 import TMButton from "../base/TMButton";
 import TMDropDownMenu from "../base/TMDropDownMenu";
@@ -568,7 +568,7 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
         if (allSystem) {
             return metadataValues.map((item) => renderMetadataItem(item, true));
         }
-        if (currentDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isReadOnly) {
+        if (isApprovalWorkflowView(currentDTD) && !isReadOnly) {
             return layoutWorkItem;
         }
         switch (currentDTD?.id) {

package/lib/components/features/documents/TMDcmtForm.d.ts

@@ -1,6 +1,18 @@
 import React from 'react';
 import { HomeBlogPost, LayoutModes, ObjectRef, SearchResultDescriptor, TaskDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
 import { DcmtInfo, FormModes, MetadataValueDescriptorEx, TaskContext } from '../../../ts';
+/**
+ * Definisce il contesto da cui è stato invocato il TMDcmtForm.
+ * Permette di gestire logiche diverse in base alla provenienza.
+ */
+export declare enum InvocationContext {
+    /** Invocazione standard */
+    Default = "default",
+    /** Invocato dalla pagina Todo/Task */
+    Todo = "todo",
+    /** Invocato dalla pagina WorkflowCtrl */
+    WorkflowCtrl = "workflowCtrl"
+}
 interface ITMDcmtFormProps {
     allTasks?: Array<TaskDescriptor>;
     getAllTasks?: () => Promise<void>;
@@ -24,7 +36,7 @@ interface ITMDcmtFormProps {
     canPrev?: boolean;
     isClosable?: boolean;
     groupId?: string;
-    invokedByTodo?: boolean;
+    invocationContext?: InvocationContext;
     taskFormDialogComponent?: React.ReactNode;
     taskMoreInfo?: TaskDescriptor;
     showBackButton?: boolean;

package/lib/components/features/documents/TMDcmtForm.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TemplateTIDs, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
 import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
 import { DownloadTypes, FormModes, DcmtOperationTypes } from '../../../ts';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
-import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getDcmtCicoStatus, IconFileDots, IconCustom } from '../../../helper';
+import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, IconFileDots, IconCustom } from '../../../helper';
 import { hasDetailRelations, hasMasterRelations, isXMLFileExt } from '../../../helper/dcmtsHelper';
 import { Gutters, TMColors } from '../../../utils/theme';
 import { StyledFormButtonsContainer, StyledLoadingContainer, StyledModalContainer, StyledReferenceButton, StyledSpinner, StyledToolbarCardContainer } from '../../base/Styled';
@@ -46,9 +46,24 @@ import TMViewHistoryDcmt from '../search/TMViewHistoryDcmt';
 import TMDcmtCheckoutInfoForm from '../search/TMDcmtCheckoutInfoForm';
 import styled from 'styled-components';
 import { ContextMenu } from '../../NewComponents/ContextMenu';
+//#region Interfaces, Types and Enums
+/**
+ * Definisce il contesto da cui è stato invocato il TMDcmtForm.
+ * Permette di gestire logiche diverse in base alla provenienza.
+ */
+export var InvocationContext;
+(function (InvocationContext) {
+    /** Invocazione standard */
+    InvocationContext["Default"] = "default";
+    /** Invocato dalla pagina Todo/Task */
+    InvocationContext["Todo"] = "todo";
+    /** Invocato dalla pagina WorkflowCtrl */
+    InvocationContext["WorkflowCtrl"] = "workflowCtrl";
+    // Aggiungi qui altri contesti futuri secondo necessità
+})(InvocationContext || (InvocationContext = {}));
 let abortControllerLocal = new AbortController();
 //#endregion
-const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], openS4TViewer = false, onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
+const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invocationContext = InvocationContext.Default, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], openS4TViewer = false, onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
     const { showHistory, showHistoryCallback, hideHistoryCallback, showCheckoutInformationForm, commentFormState, hideCommentFormCallback, showCheckoutInformationFormCallback, hideCheckoutInformationFormCallback, copyCheckoutPathToClipboardCallback, handleCheckOutCallback, handleCheckInCallback, refreshPreviewTrigger, showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, } = useCheckInOutOperations();
     const [id, setID] = useState('');
     const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
@@ -104,6 +119,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const [dcmtReferences, setDcmtReferences] = useState(undefined);
     // Stato per triggerare il refresh del blog dall'esterno
     const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
+    const [wfError, setWfError] = useState(null);
     const triggerBlogRefresh = useCallback(async () => {
         setRefreshBlogTrigger(prev => prev + 1);
     }, []);
@@ -120,7 +136,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, [allowButtonsRefs]);
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync } = useDcmtOperations();
-    const { workflowApproveData } = useWorkflowApprove();
+    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
     const currentSearchResults = useMemo(() => {
         if (!formData || formData.length === 0 || !TID || !DID)
             return [];
@@ -438,74 +454,110 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             return;
         copyCheckoutPathToClipboardCallback({ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt }, fromDTD?.name ?? SDKUI_Localizator.SearchResult);
     };
+    // useEffect per il caricamento dei dati del workflow
     useEffect(() => {
+        // Funzione helper per caricare le informazioni del workflow
+        const loadWorkflowInfo = async (tid) => {
+            await WorkflowCacheService.GetWFInfoAsync(tid)
+                .then((result) => {
+                if (result) {
+                    setWorkflows([result]);
+                    setWfError(null);
+                }
+                else {
+                    setWorkflows([]);
+                    setWfError("Workflow info not found");
+                }
+            })
+                .catch(error => {
+                setWorkflows([]);
+                console.log("Error fetching workflow info:", error);
+                setWfError(getExceptionMessage(error));
+            });
+        };
         const loadAllWfData = async () => {
-            if (layoutMode !== LayoutModes.Update || !DID || fromDTD?.templateTID !== TemplateTIDs.WF_WIApprView) {
+            // FASE 1: Validazione prerequisiti
+            if (layoutMode !== LayoutModes.Update || !DID) {
                 setWorkItems([]);
                 setWorkflows([]);
                 return;
             }
             setIsWFDataLoading(true);
             try {
-                // 1. item da processare in modo sincrono
-                const itemsToProcess = [];
-                for (const workflow of workflowApproveData) {
-                    for (const dataRow of workflow.dtdResult?.rows ?? []) {
-                        const did = Number(dataRow?.[1]);
-                        if (did === Number(DID)) {
-                            const tid = Number(dataRow?.[0]);
-                            itemsToProcess.push({ tid, did });
-                        }
-                    }
-                }
+                // FASE 2: Raccolta work items: array di tutti i possibili work items che matchano il DID corrente
+                const itemsToProcess = getWorkItemsByDID(Number(DID));
+                // Se non ci sono work items per questo DID, resetta e esci
                 if (itemsToProcess.length === 0) {
                     setWorkItems([]);
                     setWorkflows([]);
                     setIsWFDataLoading(false);
                     return;
                 }
-                // promises per i setID in modo condizionale
-                let setIDPromises;
-                if (workItemSetIDValue !== undefined) {
-                    // Se abbiamo il setID dal form, non facciamo chiamate di rete.
-                    setIDPromises = itemsToProcess.map(() => Promise.resolve(workItemSetIDValue));
+                // FASE 3: Ricerca work item specifico
+                // Cerca prima un match esatto con TID e DID correnti
+                const foundItem = itemsToProcess.find(item => item.tid === Number(TID) && item.did === Number(DID));
+                if (foundItem) {
+                    // SCENARIO A: Match esatto trovato (TID e DID corrispondono)
+                    // Il documento corrente è esattamente il work item nel workflow
+                    let setID = undefined;
+                    // Prova a usare il setID già presente nei metadati (più veloce)
+                    if (workItemSetIDValue !== undefined) {
+                        setID = workItemSetIDValue;
+                    }
+                    else {
+                        // Altrimenti caricalo dal server
+                        setID = await getWorkItemSetIDAsync(foundItem.tid, foundItem.did);
+                    }
+                    // Imposta un singolo work item con il setID caricato
+                    setWorkItems([{ ...foundItem, setID }]);
+                    // Carica le informazioni complete del workflow
+                    await loadWorkflowInfo(foundItem.tid);
                 }
                 else {
-                    // Altrimenti, procediamo con le chiamate di rete come prima.
-                    setIDPromises = itemsToProcess.map(item => getWorkItemSetIDAsync(item.tid, item.did));
+                    // SCENARIO B: Nessun match esatto, cerca solo per DID
+                    const itemsByDID = itemsToProcess.filter(item => item.did === Number(DID));
+                    if (itemsByDID.length === 1) {
+                        // SCENARIO B.1: Un solo item trovato per DID
+                        // Situazione sicura: sappiamo esattamente quale work item usare
+                        const singleItem = itemsByDID[0];
+                        let setID;
+                        // Carica il setID (da cache o da server)
+                        if (workItemSetIDValue !== undefined) {
+                            setID = workItemSetIDValue;
+                        }
+                        else {
+                            setID = await getWorkItemSetIDAsync(singleItem.tid, singleItem.did);
+                        }
+                        setWorkItems([{ ...singleItem, setID }]);
+                        // Carica le informazioni del workflow
+                        await loadWorkflowInfo(singleItem.tid);
+                    }
+                    else if (itemsByDID.length > 1) {
+                        // SCENARIO B.2: Più item trovati per lo stesso DID
+                        // Ambiguità: lo stesso documento appare in più workflow diversi
+                        const finalWorkItems = itemsByDID.map((item, index) => ({ ...item, setID: undefined }));
+                        setWorkItems(finalWorkItems);
+                        setWorkflows([]); // Non carichiamo il workflow in caso di ambiguità
+                    }
                 }
-                // Crea un array di Promise per tutte le chiamate a GetWFInfoAsync
-                const workflowInfoPromises = itemsToProcess.map(item => WorkflowCacheService.GetWFInfoAsync(item.tid));
-                // Esegui tutte le chiamate in parallelo e attendi i risultati
-                const setIDResults = await Promise.all(setIDPromises);
-                const workflowInfoResults = await Promise.all(workflowInfoPromises);
-                // Combina i risultati
-                const finalWorkItems = itemsToProcess.map((item, index) => ({
-                    ...item,
-                    setID: setIDResults[index],
-                }));
-                const validWorkflows = workflowInfoResults.filter(Boolean);
-                // Aggiorna lo stato una sola volta con i dati finali
-                setWorkItems(finalWorkItems);
-                setWorkflows(validWorkflows);
             }
             catch (error) {
+                // FASE 4: Gestione errori
                 TMExceptionBoxManager.show({ exception: error });
                 setWorkItems([]);
                 setWorkflows([]);
             }
             finally {
+                // Garantisce sempre il reset del flag di loading
                 setIsWFDataLoading(false);
             }
         };
-        // Usa hasFormData invece di formDataRef.current
         if (!hasFormData || !fromDTD?.id) {
-            // console.log("formData is empty or fromDTD not loaded, skipping loadAllWfData");
             return;
         }
         if (workItemSetIDValue !== undefined || workflowApproveData.length > 0)
             loadAllWfData();
-    }, [hasFormData, workItemSetIDValue, workflowApproveData, DID, layoutMode, fromDTD?.templateTID, fromDTD?.id]);
+    }, [hasFormData, workItemSetIDValue, workflowApproveData, getWorkItemsByDID, TID, DID, layoutMode, fromDTD?.templateTID, fromDTD?.id]);
     const getSelectionDcmtInfo = useCallback(() => {
         let dcmts = [];
         dcmts.push({ TID: TID ?? 0, DID: DID ?? 0 });
@@ -536,7 +588,11 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const showToppyForCompleteMoreInfo = useMemo(() => layoutMode === LayoutModes.Update && !!isTaskMoreInfo(taskMoreInfo?.name) && taskMoreInfo?.state !== Task_States.Completed, [layoutMode, taskMoreInfo?.name, taskMoreInfo?.state]);
     const showToppyForReferences = useMemo(() => allowButtonsRefs && layoutMode === LayoutModes.Update && !!(dcmtReferences && dcmtReferences.length > 0) && !isOpenDetails && !isOpenMaster, [allowButtonsRefs, layoutMode, dcmtReferences, isOpenDetails, isOpenMaster]);
     const isMobile = useMemo(() => deviceType === DeviceType.MOBILE, [deviceType]);
-    const isApprView = useMemo(() => fromDTD?.templateTID === TemplateTIDs.WF_WIApprView, [fromDTD?.templateTID]);
+    const isApprView = useMemo(() => {
+        if (!fromDTD)
+            return false;
+        return isApprovalWorkflowView(fromDTD);
+    }, [fromDTD?.id]);
     const workitemSetID = useMemo(() => workItems.find(o => o.did === Number(DID))?.setID || formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, [workItems, DID, formData]);
     const approvalVID = useMemo(() => workItems.length > 0 ? Number(workItems[0].tid) : -1, [workItems]);
     //here
@@ -571,11 +627,12 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 disabled: false,
                 onClick: () => {
                     const dcmt = getDcmts()[0];
+                    const name = `${fromDTD?.name ?? '-'} (DID: ${dcmt.DID})`;
                     const taskContext = {
                         document: {
                             tid: dcmt.TID,
                             did: dcmt.DID,
-                            name: fromDTD?.description || ''
+                            name: name
                         }
                     };
                     onTaskCreateRequest(taskContext);
@@ -1167,7 +1224,27 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                                 fontSize: '1.1rem',
                                 color: TMColors.primaryColor,
                                 textAlign: 'center',
-                            }, children: SDKUI_Localizator.WorkflowDiagramNotAuthorized }))
+                                display: 'flex',
+                                flexDirection: 'column',
+                                alignItems: 'center',
+                                gap: '12px',
+                            }, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("span", { children: SDKUI_Localizator.WorkflowDiagramNotAuthorized }), wfError && (_jsx(TMTooltip, { content: 'Visualizza errore', children: _jsx("i", { className: "dx-icon-info", style: { fontSize: 20, cursor: 'pointer', color: '#dc3545' }, onClick: () => {
+                                                TMMessageBoxManager.show({
+                                                    title: 'Dettagli Errore Workflow',
+                                                    initialWidth: !isMobile ? '700px' : undefined,
+                                                    message: (_jsx("pre", { style: {
+                                                            whiteSpace: 'pre-wrap',
+                                                            background: '#f5f5f5',
+                                                            padding: '12px',
+                                                            borderRadius: '6px',
+                                                            userSelect: 'text',
+                                                            cursor: 'text',
+                                                        }, children: wfError })),
+                                                    resizable: true,
+                                                    showToppy: false,
+                                                    buttons: [ButtonNames.OK],
+                                                });
+                                            } }) }))] }) }))
                     : _jsx("div", { style: {
                             position: 'absolute',
                             top: '50%',
@@ -1307,7 +1384,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     // Checks if there's a saved panel layout for the current context (ToDo or general)
     const hasSavedLayout = () => {
         const { setting } = getCurrentDcmtFormSetting();
-        if (invokedByTodo) {
+        if (invocationContext === InvocationContext.Todo) {
             // If invoked by ToDo, check for existence of layoutToDo and that it has keys
             return setting.layoutToDo !== undefined && Object.keys(setting.layoutToDo).length > 0;
         }
@@ -1326,8 +1403,8 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         // Prepare the new setting object with updated layout depending on context
         const newSetting = {
             TID: normalizedTID,
-            layout: invokedByTodo ? (existingSetting.layout ?? {}) : state,
-            layoutToDo: invokedByTodo ? state : (existingSetting.layoutToDo ?? {}),
+            layout: invocationContext === InvocationContext.Todo ? (existingSetting.layout ?? {}) : state,
+            layoutToDo: invocationContext === InvocationContext.Todo ? state : (existingSetting.layoutToDo ?? {}),
         };
         // Replace existing setting if found, otherwise push a new one
         if (idx >= 0) {
@@ -1346,7 +1423,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             return undefined;
         const settings = getCurrentDcmtFormSetting()?.setting;
         // Return the appropriate layout based on context
-        return invokedByTodo ? settings?.layoutToDo : settings?.layout;
+        return invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
     };
     const handleCompleteMoreInfo = useCallback(async () => {
         try {
@@ -1427,7 +1504,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                                             } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowMoreInfoPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }) }), _jsx(ToppyDraggableHelpCenter, { initialIsCollapsed: false, deviceType: deviceType, isVisible: (showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer, content: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [showToppyForApprove && (workItems.length === 1 ?
                                         _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => setShowMoreInfoPopup(true), dtd: fromDTD })
                                         :
-                                            _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Devi approvare ${workItems.length} workitem(s) per questo documento.`, `Vai alla sezione di approvazione.`] })), showToppyForCompleteMoreInfo && (_jsxs(_Fragment, { children: [_jsx("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: `${SDKUI_Localizator.MoreInfoCompleteRequestSentBy} ${taskMoreInfo?.fromName}!` }), _jsx(TMButton, { caption: SDKUI_Localizator.CommentAndComplete, color: 'success', showTooltip: false, onClick: () => {
+                                            _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Questo documento è associato a ${workItems.length} workitem.`, _jsx("br", {}), `Per approvare, vai alla pagina "Approvazione workflow".`] })), showToppyForCompleteMoreInfo && (_jsxs(_Fragment, { children: [_jsx("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: `${SDKUI_Localizator.MoreInfoCompleteRequestSentBy} ${taskMoreInfo?.fromName}!` }), _jsx(TMButton, { caption: SDKUI_Localizator.CommentAndComplete, color: 'success', showTooltip: false, onClick: () => {
                                                     setShowCommentForm(true);
                                                 } })] })), (showToppyForReferences && (dcmtReferences && dcmtReferences.length > 0)) && dcmtReferences
                                         .filter(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup) // keep only known objClass types

package/lib/components/features/search/TMSearchResult.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, TemplateTIDs, DcmtTypeListCacheService, SystemMIDsAsNumber, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, AccessLevelsEx, LayoutCacheService, UserListCacheService } from '@topconsultnpm/sdk-ts';
+import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, DcmtTypeListCacheService, SystemMIDsAsNumber, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, AccessLevelsEx, LayoutCacheService, UserListCacheService } from '@topconsultnpm/sdk-ts';
 import styled from 'styled-components';
 import { getAllFieldSelectedDcmtsOrFocused, getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom } from '../../../helper';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom, isApprovalWorkflowView } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
 import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
@@ -261,7 +261,7 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
                 try {
                     const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(item.TID, item?.DID);
                     if (dtd) {
-                        const isWorkItem = dtd?.templateTID === TemplateTIDs.WF_WIApprView;
+                        const isWorkItem = isApprovalWorkflowView(dtd);
                         const name = `${dtd.name ?? '-'} (DID: ${item.DID})`;
                         onTaskCreateRequest?.(isWorkItem
                             ? { workItem: { tid: item.TID, did: item.DID, name } }
@@ -582,7 +582,9 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
     const handleSavedAsyncCallback = useCallback(async (tid, did, metadataResult) => {
         await refreshFocusedDataRowAsync(tid, did, true, metadataResult);
     }, [refreshFocusedDataRowAsync]);
-    const showToppyForApprove = (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster);
+    const showToppyForApprove = useMemo(() => {
+        return Boolean(isVisible && fromDTD && isApprovalWorkflowView(fromDTD) && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster);
+    }, [isVisible, fromDTD, isOpenDcmtForm, isOpenDetails, isOpenMaster]);
     const floatingMenuItems = useMemo(() => {
         return getCommandsMenuItems(isMobile, fromDTD, allUsers, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openSignSettingsForm, handleCheckOutOperationCallback, handleCheckInOperationCallback, showCheckoutInformationFormCallback, showHistoryCallback, copyCheckoutPathToClipboardOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, currentTIDHasMasterRelations, currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, hasManyToManyRelation).concat([customButtonMenuItems()]);
     }, [

package/lib/components/features/workflow/diagram/WFDiagram.js

@@ -1656,10 +1656,10 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
         }
     }, [wfDiagram]);
     const handleCanvasDoubleClick = useCallback((event) => {
-        if (isReadOnly) {
+        if (isReadOnly && allowEdit) {
             toggleReadOnlyMode();
         }
-    }, [isReadOnly, toggleReadOnlyMode]);
+    }, [isReadOnly, allowEdit, toggleReadOnlyMode]);
     const handleFullScreenKeyDown = useCallback((event) => {
         if (event.key === 'Escape') {
             // Blocca sempre la propagazione per evitare che TMSaveForm riceva l'evento

package/lib/components/index.d.ts

@@ -112,5 +112,6 @@ export * from "./features/workflow/diagram/WFDiagram";
 export * from "./features/workflow/diagram/workflowHelpers";
 export * from "./features/workflow/diagram/xmlParser";
 export * from "./features/workflow/diagram/interfaces";
+export * from "./features/workflow/diagram/DiagramItemSvgContent";
 export { default as TMWizard } from './wizard/TMWizard';
 export * from './wizard/TMWizard';

package/lib/components/index.js

@@ -133,6 +133,7 @@ export * from "./features/workflow/diagram/WFDiagram";
 export * from "./features/workflow/diagram/workflowHelpers";
 export * from "./features/workflow/diagram/xmlParser";
 export * from "./features/workflow/diagram/interfaces";
+export * from "./features/workflow/diagram/DiagramItemSvgContent";
 // wizard
 export { default as TMWizard } from './wizard/TMWizard';
 export * from './wizard/TMWizard';

package/lib/helper/helpers.d.ts

@@ -1,6 +1,6 @@
 import { Colors as ColorsType } from "../components/base/TMEditorBase";
 import { DeviceType } from "../components";
-import { AppModules, DataColumnDescriptor, ITopMediaSession, MetadataDescriptor, QueryDescriptor, SearchResultDescriptor } from "@topconsultnpm/sdk-ts";
+import { AppModules, DataColumnDescriptor, DcmtTypeDescriptor, ITopMediaSession, MetadataDescriptor, QueryDescriptor, SearchResultDescriptor } from "@topconsultnpm/sdk-ts";
 import { FileExtensionHandler, FormModes, moduleTypes } from "../ts";
 declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
@@ -89,3 +89,4 @@ export declare class AreaHelper {
     static ExtractAreaInfo_1(areaPath: string): AreaValues;
     static ExtractAreaInfo_2(areaPath: string, extractFileName: boolean): AreaValues;
 }
+export declare const isApprovalWorkflowView: (dtd: DcmtTypeDescriptor) => boolean;

package/lib/helper/helpers.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Colors } from "../utils/theme";
 import { ButtonNames, DeviceType, TMExceptionBoxManager, TMMessageBoxManager, TMSpinner } from "../components";
-import { AccessLevels, MetadataDataDomains, MetadataDataTypes, MetadataDescriptor, MetadataFormatDescriptor, MetadataFormats, MetadataPermission, SDK_Globals, SetGlobalsInfoAsync, SystemMIDs, SystemMIDsAsNumber, TopMediaServer } from "@topconsultnpm/sdk-ts";
+import { AccessLevels, MetadataDataDomains, MetadataDataTypes, MetadataDescriptor, MetadataFormatDescriptor, MetadataFormats, MetadataPermission, SDK_Globals, SetGlobalsInfoAsync, SystemMIDs, SystemMIDsAsNumber, TopMediaServer, WorkItemMetadataNames } from "@topconsultnpm/sdk-ts";
 import { Buffer } from 'buffer';
 import { buildTypes, FileExtensionHandler, FormModes, moduleTypes } from "../ts";
 import { SDKUI_Localizator } from "./SDKUI_Localizator";
@@ -856,3 +856,7 @@ export class AreaHelper {
 }
 AreaHelper.AreaPathPrefix = "tmarea:\\\\";
 AreaHelper.AreaFolderNamePrefix = "AID_";
+export const isApprovalWorkflowView = (dtd) => {
+    return Boolean(dtd?.isView &&
+        dtd.metadata?.some(data => data.name === WorkItemMetadataNames.WI_DID));
+};

package/lib/hooks/useWorkflowApprove.d.ts

@@ -8,4 +8,8 @@ export declare const useWorkflowApprove: () => {
     isLoading: boolean;
     refreshWorkflowApprove: () => Promise<void>;
     totalDcmtsFound: number;
+    getWorkItemsByDID: (targetDID: number) => {
+        tid: number;
+        did: number;
+    }[];
 };

package/lib/hooks/useWorkflowApprove.js

@@ -14,6 +14,19 @@ export const useWorkflowApprove = () => {
     const calculateTotalDcmtsFound = useCallback((data) => {
         return data.reduce((sum, item) => sum + (item.dcmtsFound || 0), 0);
     }, []);
+    /**
+     * Ottiene tutti i work items che corrispondono a un determinato DID.
+     * Restituisce un array di oggetti { tid, did }.
+     */
+    const getWorkItemsByDID = useCallback((targetDID) => {
+        return workflowApproveData
+            .flatMap(workflow => workflow.dtdResult?.rows ?? [])
+            .filter(dataRow => Number(dataRow?.[1]) === targetDID)
+            .map(dataRow => ({
+            tid: Number(dataRow[0]),
+            did: targetDID
+        }));
+    }, [workflowApproveData]);
     /**
      * Esegue il fetch dei dati dal workflow, aggiorna lo stato globale
      * e notifica gli altri componenti tramite un evento.
@@ -53,5 +66,5 @@ export const useWorkflowApprove = () => {
             window.removeEventListener('onWorkflowApproveChange', handleUpdate);
         };
     }, [calculateTotalDcmtsFound]);
-    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound };
+    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound, getWorkItemsByDID };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.43",
+  "version": "6.20.0-dev1.45",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",