@topconsultnpm/sdkui-react 6.21.0-dev2.8 → 6.21.0-dev3.2

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

@@ -57,7 +57,7 @@ export var InvocationContext;
 let abortControllerLocal = new AbortController();
 ;
 //#endregion
-const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, datagridUtility }) => {
+const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, showTodoDcmtForm = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, datagridUtility }) => {
     const { onRefreshSearchAsyncDatagrid, onRefreshBlogDatagrid, onRefreshPreviewDatagrid } = datagridUtility || {};
     const floatingBarContainerRef = useRef(null);
     const [id, setID] = useState('');
@@ -91,6 +91,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const formDataRef = useRef([]);
     const fromDTDRef = useRef();
     const dcmtFileRef = useRef(null);
+    const metadataDcmtOriginRef = useRef(null);
     const [isOpenDistinctValues, setIsOpenDistinctValues] = useState(false);
     const [isOpenFormulaEditor, setIsOpenFormulaEditor] = useState(false);
     const [currentTIDHasDetailRelations, setCurrentTIDHasDetailRelations] = useState();
@@ -135,7 +136,30 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             if (!did)
                 return;
             TMSpinner.show({ description: 'Loading Metadata...' });
-            let res = getMetadataResult ?? await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, did, true);
+            let res = getMetadataResult;
+            if (!res) {
+                try {
+                    res = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, did, true);
+                }
+                catch (metadataError) {
+                    // Estrai ErrorCode dal campo detail se disponibile
+                    let errorCode = undefined;
+                    if (metadataError?.isApiException && metadataError?.response?.detail) {
+                        try {
+                            const detailObj = JSON.parse(metadataError.response.detail);
+                            errorCode = detailObj?.ErrorCode;
+                        }
+                        catch (parseError) {
+                            console.log("Impossibile parsare il detail dell'eccezione:", parseError);
+                        }
+                    }
+                    // Se ErrorCode è -5, ignora silenziosamente, altrimenti mostra l'eccezione originale
+                    if (errorCode !== -5) {
+                        TMExceptionBoxManager.show({ exception: metadataError });
+                    }
+                    return;
+                }
+            }
             const origin = { fromName: res?.fromName, fromTID: res?.fromTID };
             let dtd = res?.dtdResult;
             let rows = dtd.rows ? dtd.rows[0] : [];
@@ -307,7 +331,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             }
             else {
                 const renderedMetadata = dtd?.metadata?.filter((metadata) => handleArchiveVisibility(metadata)) ?? [];
-                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, isReadOnlyOriginCallback(metadataDcmtOrigin?.fromTID));
+                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, isReadOnlyOriginCallback(metadataDcmtOriginRef.current?.fromTID));
                 setFormDataOrig(structuredClone(metadataList));
                 setFormData(structuredClone(metadataList));
                 formDataOrigRef.current = structuredClone(metadataList);
@@ -322,7 +346,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             setIsInitialLoading(false);
             setIsNavigating(false);
         }
-    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, isReadOnlyOriginCallback, metadataDcmtOrigin?.fromTID]);
+    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, isReadOnlyOriginCallback]);
     const currentSearchResults = useMemo(() => {
         if (!formData || formData.length === 0 || !TID || !DID)
             return [];
@@ -477,6 +501,9 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     useEffect(() => {
         dcmtFileRef.current = dcmtFile;
     }, [dcmtFile]);
+    useEffect(() => {
+        metadataDcmtOriginRef.current = metadataDcmtOrigin;
+    }, [metadataDcmtOrigin]);
     useEffect(() => {
         if (!inputFile || inputFile === null)
             return;
@@ -775,7 +802,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         // Verifica che ci siano riferimenti renderizzabili (solo Dossier o WorkingGroup)
         return dcmtReferences.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
     }, [allowButtonsRefs, layoutMode, dcmtReferences, isOpenDetails, isOpenMaster]);
-    const isToppyVisible = useMemo(() => Boolean((showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer), [showToppyForApprove, showToppyForCompleteMoreInfo, showToppyForReferences, openS4TViewer]);
+    const isToppyVisible = useMemo(() => Boolean((showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer && !showTodoDcmtForm), [showToppyForApprove, showToppyForCompleteMoreInfo, showToppyForReferences, openS4TViewer, showTodoDcmtForm]);
     const isModified = useMemo(() => calcIsModified(formData, formDataOrig), [formData, formDataOrig]);
     const formToolbar = useMemo(() => _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowNavigation && canPrev != undefined && _jsx("p", { style: { textAlign: 'center', padding: '1px 4px', display: 'flex' }, children: `${itemIndex}/${count}` }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canNext: canNext, onNext: onNext }), layoutMode === LayoutModes.Update &&
                 _jsx(ContextMenu, { items: operationItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) }), layoutMode === LayoutModes.Ark &&
@@ -844,7 +871,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const handleArchiveCompleted = useCallback(async () => {
         let firstBlock = true;
         let maxFileSize = 0;
-        let operationTitle = 'Archiviazione';
+        let operationTitle = SDKUI_Localizator.Archiving;
         setUseWaitPanelLocalState(true);
         setShowWaitPanelLocal(true);
         setShowPrimaryLocal(false);
@@ -893,11 +920,16 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                     firstBlock = false;
                 }
                 setWaitPanelValueSecondaryLocal(pd.ProgressBarValue);
-                setWaitPanelTextSecondaryLocal(`Archiviazione... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`);
+                setWaitPanelTextSecondaryLocal(`${SDKUI_Localizator.Archiving}... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`);
                 if (pd.ProgressBarValue === pd.ProgressBarMaximum) {
-                    setWaitPanelMaxValueSecondaryLocal(0);
-                    setWaitPanelValueSecondaryLocal(0);
-                    setWaitPanelTextSecondaryLocal('');
+                    // Cambia subito il titolo alla fase 2 quando l'upload termina
+                    // e mostra la progress bar primaria con valore iniziale 20%
+                    setWaitPanelTitleLocal(SDKUI_Localizator.ArchivingCompletionInProgress);
+                    setShowSecondaryLocal(false);
+                    setShowPrimaryLocal(true);
+                    setWaitPanelMaxValuePrimaryLocal(3);
+                    setWaitPanelValuePrimaryLocal(0.6); // 20% di 3
+                    setWaitPanelTextPrimaryLocal(SDKUI_Localizator.ArchivingCompletionInProgress);
                     firstBlock = true;
                 }
             });
@@ -906,11 +938,22 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             const savedFormData = structuredClone(formDataRef.current);
             setFormDataOrig(savedFormData);
             formDataOrigRef.current = savedFormData;
+            // Fase 2: Completamento archiviazione (la progress bar primaria è già visibile dal callback)
+            // Imposta il titolo anche qui per sicurezza, nel caso il callback non venga eseguito
+            setWaitPanelTitleLocal(SDKUI_Localizator.ArchivingCompletionInProgress);
+            // Step 1/3: Aggiornamento griglia di ricerca
+            setWaitPanelValuePrimaryLocal(1);
             await onRefreshSearchAsyncDatagrid?.();
+            // Step 2/3: Callback di salvataggio
+            setWaitPanelValuePrimaryLocal(2);
             await onSavedAsyncCallback?.(ae.TID, newDID);
+            // Step 3/3: Aggiornamento lista metadati
+            setWaitPanelValuePrimaryLocal(3);
             // Usa fromDTDRef.current invece di fromDTD per evitare stale closure,
             // garantendo di avere il descrittore del tipo documento corrente.
             await setMetadataList(fromDTDRef.current?.metadata ?? [], undefined, true, newDID);
+            // Breve pausa per mostrare il completamento al 100%
+            await new Promise(resolve => setTimeout(resolve, 200));
             handleReset();
             let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.archivingSettings.mruTIDs, TID);
             SDKUI_Globals.userSettings.archivingSettings.mruTIDs = newMruTIDS;
@@ -924,12 +967,6 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             TMExceptionBoxManager.show({ exception: err });
         }
         finally {
-            setWaitPanelTextPrimaryLocal('');
-            setWaitPanelMaxValuePrimaryLocal(0);
-            setWaitPanelValuePrimaryLocal(0);
-            setWaitPanelTextSecondaryLocal('');
-            setWaitPanelMaxValueSecondaryLocal(0);
-            setWaitPanelValueSecondaryLocal(0);
             setShowWaitPanelLocal(false);
             setUseWaitPanelLocalState(false);
         }
@@ -1016,6 +1053,21 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         fd.tid = TID;
         return fd;
     }, [focusedMetadataValue?.value, focusedMetadataValue?.mid, TID]);
+    /**
+     * Restituisce l'handler onBack per i pannelli, evitando duplicazione di codice.
+     * @param isMainPanel - Se true, è il pannello principale (tmDcmtForm)
+     */
+    const getOnBackHandler = (isMainPanel = false) => {
+        // Se showBackButton è false, non mostrare mai il back
+        if (showBackButton === false)
+            return undefined;
+        // Mobile: mostra back su tutti i pannelli (se showBackButton è definito e non è closable)
+        if (isMobile) {
+            return (showBackButton !== undefined && !isClosable) ? handleClose : undefined;
+        }
+        // Desktop: mostra back solo sul pannello principale (se showBackButton è definito e non è closable)
+        return (showBackButton !== undefined && isMainPanel && !isClosable) ? handleClose : undefined;
+    };
     // Determina se showAll deve essere automaticamente true
     // Best practice: usa useMemo per calcolare valori derivati invece di useEffect con setState
     const shouldShowAll = useMemo(() => {
@@ -1100,7 +1152,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     ]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID, fetchBlogDataTrigger: refreshBlogTrigger, onRefreshBlogDatagrid: onRefreshBlogDatagrid, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [TID, DID, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, isReadOnly: true, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [], inputMids: inputMids }), [TID, layoutMode, formData, deviceType, inputMids]);
-    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, fromDTD: fromDTD, currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, layoutMode: layoutMode, onFileUpload: (file) => { setDcmtFile(file); }, openFileUploaderPdfEditor: openFileUploaderPdfEditor, enableDragDropOverlay: enableDragDropOverlay, onScanRequest: onScanRequest }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile, onScanRequest, openFileUploaderPdfEditor, refreshPreviewTrigger]);
+    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, fromDTD: fromDTD, currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, onBack: getOnBackHandler(), layoutMode: layoutMode, onFileUpload: (file) => { setDcmtFile(file); }, openFileUploaderPdfEditor: openFileUploaderPdfEditor, enableDragDropOverlay: enableDragDropOverlay, onScanRequest: onScanRequest }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile, onScanRequest, openFileUploaderPdfEditor, refreshPreviewTrigger]);
     const tmWF = useMemo(() => {
         if (isWFDataLoading) {
             return (_jsx("div", { style: {
@@ -1171,7 +1223,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                     did: Number(DID),
                     name: fromDTD?.nameLoc ?? SDKUI_Localizator.Widget_Activities,
                 },
-            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }));
+            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onBack: getOnBackHandler() }));
     }, [allTasks, TID, DID, fromDTD]);
     const normalizedTID = TID !== undefined ? Number(TID) : undefined;
     const defaultPanelDimensions = {
@@ -1230,7 +1282,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                         showHeader: showHeader,
                         title: titleDcmtFormPanel,
                         allowMaximize: !isMobile,
-                        onBack: showBackButton ? (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose : undefined,
+                        onBack: getOnBackHandler(true),
                         onClose: isClosable ? () => { } : undefined,
                         toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {})
                     },
@@ -1245,7 +1297,14 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             {
                 id: 'tmBlog',
                 name: SDKUI_Localizator.BlogCase,
-                contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
+                contentOptions: {
+                    component: tmBlog,
+                    panelContainer: {
+                        title: SDKUI_Localizator.BlogCase,
+                        allowMaximize: !isMobile,
+                        onBack: getOnBackHandler(),
+                    }
+                },
                 toolbarOptions: {
                     icon: _jsx(IconBoard, { fontSize: 24 }),
                     visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmBlog,
@@ -1257,7 +1316,14 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             {
                 id: 'tmSysMetadata',
                 name: SDKUI_Localizator.MetadataSystem,
-                contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
+                contentOptions: {
+                    component: tmSysMetadata,
+                    panelContainer: {
+                        title: SDKUI_Localizator.MetadataSystem,
+                        allowMaximize: !isMobile,
+                        onBack: getOnBackHandler(),
+                    }
+                },
                 toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmSysMetadata, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
             },
             {
@@ -1278,7 +1344,8 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 contentOptions: {
                     component: tmWF,
                     panelContainer: {
-                        title: "Workflow", allowMaximize: !isMobile
+                        title: "Workflow", allowMaximize: !isMobile,
+                        onBack: getOnBackHandler(),
                     }
                 },
                 toolbarOptions: {
@@ -1537,38 +1604,59 @@ const validateMaxLength = (mvd, value, validationItems) => {
 //#endregion Validation
 // Synchronizes panel visibility and toolbar button disabled states when panels become disabled
 const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled }) => {
-    const { setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility } = useTMPanelManagerContext();
+    const { setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
     useEffect(() => {
-        // Aggiorna lo stato disabled del bottone toolbar
-        setToolbarButtonDisabled('tmSysMetadata', isSysMetadataDisabled);
-        setToolbarButtonDisabled('tmBlog', isBoardDisabled);
-        setToolbarButtonDisabled('tmWF', isWFDisabled);
-        setToolbarButtonDisabled('tmDcmtTasks', isDcmtTasksDisabled);
-        setToolbarButtonDisabled('tmDcmtPreview', isPreviewDisabled);
-        // Chiude il pannello solo se è attualmente visibile e deve essere disabilitato
-        if (isSysMetadataDisabled && panelVisibility['tmSysMetadata']) {
+        if (isSysMetadataDisabled) {
+            setToolbarButtonDisabled('tmSysMetadata', true);
             setPanelVisibilityById('tmSysMetadata', false);
         }
-        if (isBoardDisabled && panelVisibility['tmBlog']) {
+        else {
+            setToolbarButtonDisabled('tmSysMetadata', false);
+        }
+    }, [isSysMetadataDisabled]);
+    useEffect(() => {
+        if (isBoardDisabled) {
+            setToolbarButtonDisabled('tmBlog', true);
             setPanelVisibilityById('tmBlog', false);
         }
-        if (isWFDisabled && panelVisibility['tmWF']) {
+        else {
+            setToolbarButtonDisabled('tmBlog', false);
+        }
+    }, [isBoardDisabled]);
+    useEffect(() => {
+        if (isWFDisabled) {
+            setToolbarButtonDisabled('tmWF', true);
             setPanelVisibilityById('tmWF', false);
         }
-        if (isDcmtTasksDisabled && panelVisibility['tmDcmtTasks']) {
+        else {
+            setToolbarButtonDisabled('tmWF', false);
+        }
+    }, [isWFDisabled]);
+    useEffect(() => {
+        if (isDcmtTasksDisabled) {
+            setToolbarButtonDisabled('tmDcmtTasks', true);
             setPanelVisibilityById('tmDcmtTasks', false);
         }
-        if (isPreviewDisabled && panelVisibility['tmDcmtPreview']) {
+        else {
+            setToolbarButtonDisabled('tmDcmtTasks', false);
+        }
+    }, [isDcmtTasksDisabled]);
+    useEffect(() => {
+        if (isPreviewDisabled) {
+            setToolbarButtonDisabled('tmDcmtPreview', true);
             setPanelVisibilityById('tmDcmtPreview', false);
         }
-    }, [isSysMetadataDisabled, isBoardDisabled, isWFDisabled, isDcmtTasksDisabled, isPreviewDisabled, setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility]);
+        else {
+            setToolbarButtonDisabled('tmDcmtPreview', false);
+        }
+    }, [isPreviewDisabled]);
     return null;
 };
-const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, layoutMode, dcmtFile, deviceType, isVisible, onFileUpload, openFileUploaderPdfEditor, enableDragDropOverlay = false, onScanRequest }) => {
+const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, layoutMode, dcmtFile, deviceType, isVisible, onFileUpload, openFileUploaderPdfEditor, enableDragDropOverlay = false, onScanRequest, onBack }) => {
     const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels, panelVisibility } = useTMPanelManagerContext();
     const isMobile = deviceType === DeviceType.MOBILE;
     return (layoutMode === LayoutModes.Update ?
-        _jsx(TMDcmtPreview, { dcmtData: currentDcmt, isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, isResizingActive: isResizingActive }, refreshPreviewTrigger) :
+        _jsx(TMDcmtPreview, { dcmtData: currentDcmt, isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, onBack: onBack, isResizingActive: isResizingActive }, refreshPreviewTrigger) :
         _jsx(TMFileUploader, { fromDTD: fromDTD, onFileUpload: onFileUpload, openFileUploaderPdfEditor: openFileUploaderPdfEditor, onClose: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType, isResizingActive: isResizingActive, enableDragDropOverlay: panelVisibility['tmDcmtPreview'] && enableDragDropOverlay, onScanRequest: onScanRequest }));
 };
 const Ribbon = styled.div `

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

@@ -19,6 +19,18 @@ const TMDcmtFormActionButtons = (props) => {
             return null;
         return moreInfoTasks[0];
     }, [moreInfoTasks]);
+    // Verifica se la More Info Card sarà effettivamente renderizzata (non null)
+    const isMoreInfoCardVisible = useMemo(() => {
+        if (!firstTask)
+            return false;
+        const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
+        const isSender = firstTask?.fromID !== undefined && firstTask.fromID === userID;
+        const isRecipient = firstTask?.toID !== undefined && firstTask.toID === userID;
+        // Caso 4: L'utente è sia mittente che destinatario - la card non viene renderizzata
+        if (isSender && isRecipient)
+            return false;
+        return true;
+    }, [firstTask]);
     const { hasMoreInfo, hasApprove, hasReferences } = useMemo(() => {
         const referencesExist = showToppyForReferences && dcmtReferences?.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
         return {
@@ -56,6 +68,9 @@ const TMDcmtFormActionButtons = (props) => {
         const senderNameTruncated = task?.fromName ? truncate(task.fromName, 30) : 'N/A';
         const recipientNameTruncated = task?.toName ? truncate(task.toName, 30) : 'N/A';
         const taskNameTrunc = task?.name ? truncate(task.name.replace(TASK_MORE_INFO_PREFIX_NAME ?? '', ''), 30) : 'N/A';
+        // Caso 4: L'utente è sia mittente che destinatario - non renderizzare nulla
+        if (isSender && isRecipient)
+            return null;
         return (_jsxs("div", { style: { position: 'relative', display: 'flex' }, children: [_jsxs("div", { style: {
                         padding: '10px',
                         color: '#FFFFFF',
@@ -156,10 +171,10 @@ const TMDcmtFormActionButtons = (props) => {
                         e.currentTarget.style.transform = 'translateY(-50%)';
                     }, children: formatBadgeCount(othersCount) }))] }));
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [hasMoreInfo && firstTask && (_jsx("div", { style: { display: 'flex', gap: "10px", flexDirection: 'column', alignItems: 'center', paddingRight: tasksNumber > 1 ? '36px' : '0' }, children: renderMoreInfoCard(firstTask, tasksNumber > 1) })), hasMoreInfo && hasApprove && _jsx(Divider, {}), hasApprove && (workItems.length === 1 ?
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [hasMoreInfo && firstTask && isMoreInfoCardVisible && (_jsx("div", { style: { display: 'flex', gap: "10px", flexDirection: 'column', alignItems: 'center', paddingRight: tasksNumber > 1 ? '36px' : '0' }, children: renderMoreInfoCard(firstTask, tasksNumber > 1) })), hasMoreInfo && isMoreInfoCardVisible && hasApprove && _jsx(Divider, {}), hasApprove && (workItems.length === 1 ?
                         _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => updateShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => updateShowRejectPopup(true), onReAssign: () => updateShowReAssignPopup(true), onMoreInfo: () => updateShowMoreInfoPopup(true) })
                         :
-                            _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".`] })), (hasApprove && hasReferences) || (hasMoreInfo && !hasApprove && hasReferences) ? (_jsx(Divider, {})) : null, hasReferences && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px', alignItems: 'center' }, children: [dossierRefs.length > 0 && (_jsx("div", { style: { paddingRight: dossierRefs.length > 1 ? '36px' : '0' }, children: renderReferenceCard(dossierRefs[0], dossierRefs, dossierRefs.length > 1, () => setShowAllDossiersModal(true)) })), workingGroupRefs.length > 0 && (_jsx("div", { style: { paddingRight: workingGroupRefs.length > 1 ? '36px' : '0' }, children: renderReferenceCard(workingGroupRefs[0], workingGroupRefs, workingGroupRefs.length > 1, () => setShowAllWorkingGroupsModal(true)) }))] }))] }), showAllMoreInfoModal && moreInfoTasks && moreInfoTasks.length > 1 && (_jsx(TMModal, { title: `Altre richieste maggiori informazioni (${moreInfoTasks.length - 1})`, onClose: () => setShowAllMoreInfoModal(false), width: calcResponsiveSizes(deviceType, '450px', '450px', '95%'), height: 'auto', children: _jsx("div", { style: {
+                            _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".`] })), (hasApprove && hasReferences) || (hasMoreInfo && isMoreInfoCardVisible && !hasApprove && hasReferences) ? (_jsx(Divider, {})) : null, hasReferences && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px', alignItems: 'center' }, children: [dossierRefs.length > 0 && (_jsx("div", { style: { paddingRight: dossierRefs.length > 1 ? '36px' : '0' }, children: renderReferenceCard(dossierRefs[0], dossierRefs, dossierRefs.length > 1, () => setShowAllDossiersModal(true)) })), workingGroupRefs.length > 0 && (_jsx("div", { style: { paddingRight: workingGroupRefs.length > 1 ? '36px' : '0' }, children: renderReferenceCard(workingGroupRefs[0], workingGroupRefs, workingGroupRefs.length > 1, () => setShowAllWorkingGroupsModal(true)) }))] }))] }), showAllMoreInfoModal && moreInfoTasks && moreInfoTasks.length > 1 && (_jsx(TMModal, { title: `Altre richieste maggiori informazioni (${moreInfoTasks.length - 1})`, onClose: () => setShowAllMoreInfoModal(false), width: calcResponsiveSizes(deviceType, '450px', '450px', '95%'), height: 'auto', children: _jsx("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         gap: '8px',

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

@@ -9,6 +9,7 @@ interface ITMDcmtPreviewProps {
     onNext?: () => void;
     onPrev?: () => void;
     onClosePanel?: () => void;
+    onBack?: () => void;
     allowMaximize?: boolean;
     onMaximizePanel?: () => void;
 }

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

@@ -22,7 +22,7 @@ const ErrorContent = ({ error, isAbortError, onRetry }) => {
     }
     return _jsx(TMNothingToShow, { icon: _jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), text: error });
 };
-const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev, onClosePanel, onNext, onPrev, allowMaximize = true, onMaximizePanel }) => {
+const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev, onClosePanel, onBack, onNext, onPrev, allowMaximize = true, onMaximizePanel }) => {
     const [dcmtBlob, setDcmtBlob] = useState(undefined);
     const [showPreview, setShowPreview] = useState(false);
     const [isFromCache, setIsFromCache] = useState(false);
@@ -183,7 +183,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
         { icon: _jsx(IconCloseCircle, {}), name: SDKUI_Localizator.RemoveFromCache, onClick: () => { removeDcmtsFileCache(cacheKey); setIsFromCache(false); } },
         { icon: _jsx(IconClear, {}), name: SDKUI_Localizator.ClearCache, onClick: () => { clearDcmtsFileCache(); setIsFromCache(false); } },
     ], [cacheKey, removeDcmtsFileCache, clearDcmtsFileCache, setIsFromCache]);
-    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanel, { padding: '0', title: titleHandler(), onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [onPrev && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), onNext && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(StyledHeaderIcon, { "$color": TMColors.primaryColor, children: _jsx(ContextMenu, { items: cacheMenuItems, trigger: "left", children: _jsx(IconMenuVertical, {}) }) }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
+    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanel, { padding: '0', title: titleHandler(), onClose: onClosePanel, onBack: onBack, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [onPrev && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), onNext && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(StyledHeaderIcon, { "$color": TMColors.primaryColor, children: _jsx(ContextMenu, { items: cacheMenuItems, trigger: "left", children: _jsx(IconMenuVertical, {}) }) }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
                 ? _jsx(ErrorContent, { error: error, isAbortError: isAbortError, onRetry: reOpenDcmt })
                 : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { isBasketMode ? loadBasketFile() : loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob, isBasketMode) }) }));
 };

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

@@ -10,6 +10,7 @@ interface TMDcmtTasksProps {
     afterTaskSaved: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+    onBack?: () => void;
 }
 declare const TMDcmtTasks: (props: TMDcmtTasksProps) => import("react/jsx-runtime").JSX.Element;
 export default TMDcmtTasks;

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

@@ -6,7 +6,7 @@ import { useTMPanelManagerContext } from "../../layout/panelManager/TMPanelManag
 import TMPanel from "../../base/TMPanel";
 import TMTasksPanelContent from "../tasks/TMTasksPanelContent";
 const TMDcmtTasks = (props) => {
-    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers } = props;
+    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, onBack } = props;
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     // This avoids unnecessary re-renders by only recalculating when deviceType changes.
@@ -19,6 +19,6 @@ const TMDcmtTasks = (props) => {
                 text: SDKUI_Localizator.Refresh,
             },
         ], children: _jsx(IconMenuVertical, { id: "TMTaksPanel-Commands-Header", color: 'white', cursor: 'pointer' }) }), []);
-    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs ? handleNavigateToWGs : () => { return Promise.resolve(); }, handleNavigateToDossiers: handleNavigateToDossiers ? handleNavigateToDossiers : () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
+    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, onBack: onBack, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs ? handleNavigateToWGs : () => { return Promise.resolve(); }, handleNavigateToDossiers: handleNavigateToDossiers ? handleNavigateToDossiers : () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
 };
 export default TMDcmtTasks;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
+import { DcmtInfo } from '../../../ts';
+import { IRelatedDcmt } from './TMMasterDetailDcmts';
+interface ITMDownloadRelationViewerSectionProps {
+    selectedDcmtInfos: Array<DcmtInfo>;
+    /** Notifica al parent la lista dei documenti correlati selezionati (deduplicati) */
+    onSelectionChanged: (items: Array<IRelatedDcmt>) => void;
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+}
+/**
+ * Sezione condivisa tra TMCopyToFolderForm e TMMergeToPdfForm
+ * che mostra l'elenco dei documenti correlati e il tree di selezione
+ * per tipo documento / "solo metadati".
+ */
+declare const TMDownloadRelationViewerSection: React.FC<ITMDownloadRelationViewerSectionProps>;
+export default TMDownloadRelationViewerSection;