@topconsultnpm/sdkui-react 6.21.0-t1 → 6.21.0-t2

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, DossierCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkingGroupCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
 import { FormModes, SearchResultContext } from '../../../ts';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
@@ -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();
@@ -114,6 +115,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const [refreshPreviewTrigger, setRefreshPreviewTrigger] = useState(0);
     const [wfError, setWfError] = useState(null);
     const [metadataDcmtOrigin, setMetadataDcmtOrigin] = useState(null);
+    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
     // 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.
@@ -134,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] : [];
@@ -235,7 +260,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
     const handleReset = useCallback(() => {
         setDcmtFile(null);
     }, []);
-    const onRefreshSearchAsync = useCallback(async () => {
+    const loadDocumentFormDataAsync = useCallback(async () => {
         try {
             setFetchError(false);
             if (!TID)
@@ -254,12 +279,34 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 layoutMode === LayoutModes.Update
                     ? LayoutCacheService.GetAsync(TID, LayoutModes.None)
                     : Promise.resolve(undefined),
-                // 4. Opcionalmente FindAllReferencesAsync se abilitato nelle impostazioni e se i bottoni sono richiesti
-                (() => {
-                    const refs = SDKUI_Globals?.userSettings?.searchSettings?.autoFindReferences ?? [];
-                    const hasRefs = allowButtonsRefs && Array.isArray(refs) && refs.length > 0;
+                // 4. FindAllReferencesAsync - Cerca riferimenti a WorkingGroup, Dossier e Workflow se presenti nel sistema e se allowButtonsRefs è abilitato
+                (async () => {
+                    // Array per raccogliere le classi di riferimento da cercare
+                    const refs = [];
+                    // Recupera working groups, dossier e dati di approvazione workflow in parallelo
+                    const [workingGroups, dossiers] = await Promise.all([
+                        WorkingGroupCacheService.GetAllAsync(),
+                        DossierCacheService.GetAllAsync(),
+                    ]);
+                    // Aggiunge WorkingGroup se esistono WG diversi da quello di sistema (id=1)
+                    if (workingGroups.filter(wg => wg.id !== 1).length > 0) {
+                        refs.push(ObjectClasses.WorkingGroup);
+                    }
+                    // Aggiunge Dossier se ne esistono
+                    if (dossiers.length > 0) {
+                        refs.push(ObjectClasses.Dossier);
+                    }
+                    // Aggiunge Workflow se ci sono dati di approvazione presenti
+                    if (workflowApproveData.length > 0) {
+                        refs.push(ObjectClasses.Workflow);
+                    }
+                    // Recupera le preferenze utente per autoFindReferences e le merge con i refs già raccolti
+                    const userRefs = SDKUI_Globals?.userSettings?.searchSettings?.autoFindReferences ?? [];
+                    const mergedRefs = [...new Set([...refs, ...userRefs])];
+                    // Verifica se ci sono riferimenti da cercare e se i bottoni sono abilitati
+                    const hasRefs = allowButtonsRefs && Array.isArray(mergedRefs) && mergedRefs.length > 0;
                     return hasRefs
-                        ? SDK_Globals.tmSession?.NewSearchEngine().FindAllReferencesAsync(TID, DID, refs) ?? Promise.resolve(undefined)
+                        ? SDK_Globals.tmSession?.NewSearchEngine().FindAllReferencesAsync(TID, DID, mergedRefs) ?? Promise.resolve(undefined)
                         : Promise.resolve(undefined);
                 })()
             ];
@@ -284,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);
@@ -299,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 [];
@@ -342,8 +389,8 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         context: SearchResultContext.DCMT_FORM,
         documentData: {
             dtd: fromDTD,
-            selectedItems: currentDcmt ? [{ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, rowIndex: 0 }] : [],
-            focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, rowIndex: 0 } : undefined,
+            selectedItems: currentDcmt ? [{ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, ISSIGNED: currentDcmt.isSigned ?? 0, rowIndex: 0 }] : [],
+            focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, ISSIGNED: currentDcmt.isSigned ?? 0, rowIndex: 0 } : undefined,
             searchResult: currentSearchResults ? currentSearchResults[0] : undefined,
             currentSearchResults,
             currentMetadataValues: formData,
@@ -385,7 +432,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         },
         callbacks: {
             // Refresh operations (data consistency)
-            onRefreshSearchAsync,
+            onRefreshSearchAsync: loadDocumentFormDataAsync,
             onSavedAsyncCallback,
             // Workflow operations
             onWFOperationCompleted,
@@ -413,7 +460,6 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         if (!allowButtonsRefs)
             setDcmtReferences(undefined);
     }, [allowButtonsRefs]);
-    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
     const fetchErrorShownRef = useRef(false);
     useEffect(() => {
         if (!TID)
@@ -455,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;
@@ -467,12 +516,12 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 // Distinguish between initial load and navigation
                 if (isInitialLoading) {
                     // First load - keep isInitialLoading true
-                    await onRefreshSearchAsync();
+                    await loadDocumentFormDataAsync();
                 }
                 else {
                     // Navigation - use isNavigating instead
                     setIsNavigating(true);
-                    await onRefreshSearchAsync();
+                    await loadDocumentFormDataAsync();
                 }
             }
             catch (e) {
@@ -486,7 +535,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             }
         };
         run();
-    }, [TID, DID, onRefreshSearchAsync]);
+    }, [TID, DID, loadDocumentFormDataAsync]);
     useEffect(() => {
         if (formData.length > 0) {
             setValidationItems(validateMetadataList(formData));
@@ -495,14 +544,16 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                 did: formData.find(o => o.mid == SystemMIDsAsNumber.DID)?.value,
                 fileCount: formData.find(o => o.mid == SystemMIDsAsNumber.FileCount)?.value,
                 fileSize: formData.find(o => o.mid == SystemMIDsAsNumber.FileSize)?.value,
-                fileExt: formData.find(o => o.mid == SystemMIDsAsNumber.FileExt)?.value
+                fileExt: formData.find(o => o.mid == SystemMIDsAsNumber.FileExt)?.value,
+                isSigned: formData.find(o => o.mid == SystemMIDsAsNumber.IsSigned)?.value?.toString() === '1' ? 1 : 0,
             };
             if (!currentDcmt ||
                 currentDcmt.tid !== newDcmt.tid ||
                 currentDcmt.did !== newDcmt.did ||
                 currentDcmt.fileExt !== newDcmt.fileExt ||
                 currentDcmt.fileSize !== newDcmt.fileSize ||
-                currentDcmt.fileCount !== newDcmt.fileCount) {
+                currentDcmt.fileCount !== newDcmt.fileCount ||
+                currentDcmt.isSigned !== newDcmt.isSigned) {
                 setCurrentDcmt(newDcmt);
             }
         }
@@ -751,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 &&
@@ -820,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);
@@ -869,7 +920,7 @@ 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);
@@ -992,6 +1043,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(() => {
@@ -1076,7 +1142,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: {
@@ -1147,7 +1213,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 = {
@@ -1206,7 +1272,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, {})
                     },
@@ -1221,7 +1287,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,
@@ -1233,7 +1306,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'] }
             },
             {
@@ -1254,7 +1334,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: {
@@ -1513,38 +1594,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 `