@topconsultnpm/sdkui-react 6.20.0-dev1.44 → 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.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';
@@ -119,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);
     }, []);
@@ -135,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 [];
@@ -453,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 });
@@ -551,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
@@ -586,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);
@@ -1182,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%',
@@ -1442,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/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.44",
+  "version": "6.20.0-dev1.45",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",