@topconsultnpm/sdkui-react 6.21.0-dev2.4 → 6.21.0-dev2.41

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

@@ -0,0 +1,346 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { DownloadTypes } from '../../../ts';
+import { calcResponsiveSizes, DocumentDownloadSettings, IconDelete, IconFolderOpen, IconPlay, IconSave, IconUndo, SDKUI_Globals, SDKUI_Localizator, ZipManager, } from '../../../helper';
+import { DcmtOpers, GeneralRetrieveFormats, ResultTypes, RetrieveFileOptions, ValidationItem, } from '@topconsultnpm/sdk-ts';
+import TMModal from '../../base/TMModal';
+import { useDeviceType } from '../../base/TMDeviceProvider';
+import TMRadioButton from '../../editors/TMRadioButton';
+import TMTextBox from '../../editors/TMTextBox';
+import TMDropDown from '../../editors/TMDropDown';
+import TMInvoiceRetrieveFormats from '../../choosers/TMInvoiceRetrieveFormats';
+import TMOrderRetrieveFormats from '../../choosers/TMOrderRetrieveFormats';
+import TMButton from '../../base/TMButton';
+import { ButtonNames, TMMessageBoxManager } from '../../base/TMPopUp';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import { TMSplitterLayout } from '../../base/TMLayout';
+import TMCheckBox from '../../editors/TMCheckBox';
+import ShowAlert from '../../base/TMAlert';
+import { TMColors } from '../../../utils/theme';
+import TMDownloadRelationViewerSection from './TMDownloadRelationViewerSection';
+import { buildInitialDownloadSettings, fileExists, generateTargetFileName, generateUniqueFileName, getDcmtInfosToDownload, getFloatingLabelStyle, isDirectoryPickerSupported, SPLITTER_MIN, SPLITTER_START_60_40, } from './copyAndMergeDcmtsShared';
+/**
+ * Form per la copia/zip dei documenti in una cartella locale.
+ * Logica condivisa con TMMergeToPdfForm è esternalizzata in copyAndMergeDcmtsShared
+ * e TMDownloadRelationViewerSection.
+ */
+const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationViewer, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
+    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, } = useDcmtOperations();
+    const deviceType = useDeviceType();
+    // ---- Stato dei settings ----
+    const [settings, setSettings] = useState(() => buildInitialDownloadSettings(SDKUI_Globals.userSettings.documentDownloadSettings, SDKUI_Globals.userSettings.searchSettings.invoiceRetrieveFormat, SDKUI_Globals.userSettings.searchSettings.orderRetrieveFormat));
+    const [selectedItemsRelationViewer, setSelectedItemsRelationViewer] = useState([]);
+    const [hasSavedLayout, setHasSavedLayout] = useState(() => {
+        const saved = SDKUI_Globals.userSettings.documentDownloadSettings;
+        const defaults = new DocumentDownloadSettings();
+        return JSON.stringify(saved) !== JSON.stringify(defaults);
+    });
+    const updateSettings = (key, value) => {
+        setSettings(prev => ({ ...prev, [key]: value }));
+    };
+    // ---- Ref per la selezione cartella (File System Access API) ----
+    const folderHandleRef = useRef(null);
+    const skipSelectFolderRef = useRef(false);
+    const isPickerActiveRef = useRef(false);
+    const getTitle = () => {
+        const count = ` (${selectedDcmtInfos.length})`;
+        const modeLabelMap = {
+            onlySelected: 'I documenti selezionati',
+            customized: 'I documenti selezionati e i correlati',
+        };
+        const modeLabel = modeLabelMap[mode] || modeLabelMap.onlySelected;
+        return `Copia in una cartella - ${modeLabel}${count}`;
+    };
+    const isUsingDefaultDownloads = settings.destinationFolder === 'Download' && !folderHandleRef.current;
+    // ---- Validazione ----
+    const folderValidationItems = [];
+    if (settings.exportMode === 'copy' && !settings.destinationFolder.trim()) {
+        folderValidationItems.push(new ValidationItem(ResultTypes.ERROR, 'Cartella di destinazione', SDKUI_Localizator.RequiredField));
+    }
+    const zipValidationItems = [];
+    if (settings.exportMode === 'zip' && !settings.zipFileName.trim()) {
+        zipValidationItems.push(new ValidationItem(ResultTypes.ERROR, 'Nome file zip', SDKUI_Localizator.RequiredField));
+    }
+    const isFormValid = () => {
+        if (settings.exportMode === 'copy')
+            return folderValidationItems.length === 0;
+        if (settings.exportMode === 'zip')
+            return zipValidationItems.length === 0;
+        return false;
+    };
+    // ---- Handler dei campi ----
+    const handleFolderValueChange = (e) => {
+        updateSettings('destinationFolder', e.target.value);
+        folderHandleRef.current = null;
+    };
+    const handleSelectFolder = async () => {
+        if (skipSelectFolderRef.current) {
+            skipSelectFolderRef.current = false;
+            return;
+        }
+        if (isPickerActiveRef.current)
+            return;
+        try {
+            isPickerActiveRef.current = true;
+            const dirHandle = await window.showDirectoryPicker({ mode: 'readwrite' });
+            folderHandleRef.current = dirHandle;
+            updateSettings('destinationFolder', dirHandle.name);
+        }
+        catch (err) {
+            if (err.name !== 'AbortError') {
+                console.error('Errore nella selezione della cartella:', err);
+            }
+        }
+        finally {
+            isPickerActiveRef.current = false;
+        }
+    };
+    const handleFileNamingModeChange = (e) => {
+        updateSettings('fileNamingMode', e.target.value);
+    };
+    const handleSeparatorChange = (e) => {
+        updateSettings('separatorChar', e.target.value.slice(0, 1));
+    };
+    // ---- Scrittura file nel filesystem locale ----
+    const writeFileToFolder = async (file, dcmtInfo) => {
+        try {
+            let targetFileName = await generateTargetFileName(file, dcmtInfo, {
+                fileNamingMode: settings.fileNamingMode,
+                separatorChar: settings.separatorChar,
+            });
+            // Se non c'è un handle della cartella: download standard del browser
+            if (!folderHandleRef.current) {
+                const url = URL.createObjectURL(file);
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = targetFileName;
+                document.body.appendChild(a);
+                a.target = '_blank';
+                a.rel = 'noreferrer';
+                a.click();
+                document.body.removeChild(a);
+                URL.revokeObjectURL(url);
+                return;
+            }
+            const exists = await fileExists(folderHandleRef.current, targetFileName);
+            if (exists) {
+                switch (settings.fileExistsMode) {
+                    case 'skip':
+                        return;
+                    case 'rename':
+                        targetFileName = await generateUniqueFileName(folderHandleRef.current, targetFileName);
+                        break;
+                    case 'overwrite':
+                    default:
+                        break;
+                }
+            }
+            const fileHandle = await folderHandleRef.current.getFileHandle(targetFileName, { create: true });
+            const writable = await fileHandle.createWritable();
+            await writable.write(file);
+            await writable.close();
+        }
+        catch (err) {
+            console.error('Errore nella scrittura del file:', err);
+            throw err;
+        }
+    };
+    // ---- Esecuzione (Copia oppure ZIP) ----
+    const run = async () => {
+        if (settings.exportMode === 'copy' && folderValidationItems.length > 0) {
+            TMMessageBoxManager.show({ message: 'Per favore, correggi gli errori prima di procedere.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        if (settings.exportMode === 'zip' && zipValidationItems.length > 0) {
+            TMMessageBoxManager.show({ message: 'Per favore, correggi gli errori prima di procedere.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        const dcmtInfosToDownload = getDcmtInfosToDownload(selectedDcmtInfos, selectedItemsRelationViewer, showTMRelationViewer);
+        if (dcmtInfosToDownload.length === 0) {
+            TMMessageBoxManager.show({ message: 'Nessun documento selezionato.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        const retrieveOptions = new RetrieveFileOptions();
+        retrieveOptions.retrieveReason = DcmtOpers.None;
+        retrieveOptions.generalRetrieveFormat = settings.removeSignature ? GeneralRetrieveFormats.OriginalUnsigned : GeneralRetrieveFormats.Original;
+        retrieveOptions.invoiceRetrieveFormat = settings.invoiceFormat ?? SDKUI_Globals.userSettings.searchSettings.invoiceRetrieveFormat;
+        retrieveOptions.orderRetrieveFormat = settings.orderFormat ?? SDKUI_Globals.userSettings.searchSettings.orderRetrieveFormat;
+        if (settings.exportMode === 'copy') {
+            await downloadDcmtsAsync(dcmtInfosToDownload, DownloadTypes.Dcmt, 'download', writeFileToFolder, undefined, true, retrieveOptions, false);
+        }
+        else if (settings.exportMode === 'zip') {
+            const zipEntries = [];
+            const fileNameCounts = new Map();
+            const getUniqueZipFileName = (fileName) => {
+                const lowerName = fileName.toLowerCase();
+                const count = fileNameCounts.get(lowerName) ?? 0;
+                fileNameCounts.set(lowerName, count + 1);
+                if (count === 0)
+                    return fileName;
+                const dotIndex = fileName.lastIndexOf('.');
+                const baseName = dotIndex > 0 ? fileName.substring(0, dotIndex) : fileName;
+                const ext = dotIndex > 0 ? fileName.substring(dotIndex) : '';
+                return `${baseName} (${count})${ext}`;
+            };
+            const collectFileForZip = async (file, dcmtInfo) => {
+                const targetFileName = await generateTargetFileName(file, dcmtInfo, {
+                    fileNamingMode: settings.fileNamingMode,
+                    separatorChar: settings.separatorChar,
+                });
+                zipEntries.push({ filename: getUniqueZipFileName(targetFileName), data: file });
+            };
+            await downloadDcmtsAsync(dcmtInfosToDownload, DownloadTypes.Dcmt, 'download', collectFileForZip, undefined, true, retrieveOptions, false);
+            if (zipEntries.length > 0) {
+                const zipFileName = settings.zipFileName.trim().toLowerCase().endsWith('.zip')
+                    ? settings.zipFileName.trim()
+                    : settings.zipFileName.trim() + '.zip';
+                // Crea il blob ZIP
+                const zipBlob = await ZipManager.createZip(zipEntries, {
+                    compressionLevel: 6,
+                    password: settings.zipPassword.trim() || undefined,
+                });
+                // Se c'è un handle della cartella: salva direttamente nella cartella selezionata
+                if (folderHandleRef.current) {
+                    try {
+                        // Per lo ZIP usa sempre rename automatico (come fa il browser)
+                        const finalZipFileName = await generateUniqueFileName(folderHandleRef.current, zipFileName);
+                        const fileHandle = await folderHandleRef.current.getFileHandle(finalZipFileName, { create: true });
+                        const writable = await fileHandle.createWritable();
+                        await writable.write(zipBlob);
+                        await writable.close();
+                    }
+                    catch (err) {
+                        console.error('Errore nel salvataggio ZIP nella cartella, fallback al download standard:', err);
+                        // Fallback: download standard del browser
+                        ZipManager.downloadBlob(zipBlob, zipFileName);
+                    }
+                }
+                else {
+                    // Se non c'è un handle della cartella: download zip standard del browser
+                    ZipManager.downloadBlob(zipBlob, zipFileName);
+                }
+            }
+        }
+        else {
+            TMMessageBoxManager.show({ message: 'Modalità di esportazione non supportata.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        onClose();
+    };
+    // ---- Layout salva/rimuovi ----
+    const saveLayout = () => {
+        const { zipPassword, ...settingsToSave } = settings;
+        SDKUI_Globals.userSettings.documentDownloadSettings = { ...settingsToSave, zipPassword: '' };
+        const defaults = new DocumentDownloadSettings();
+        const hasChanges = JSON.stringify(settings) !== JSON.stringify(defaults);
+        if (hasChanges) {
+            setHasSavedLayout(true);
+            ShowAlert({ mode: 'success', message: 'Layout salvato con successo', title: 'Successo', duration: 3000 });
+        }
+    };
+    const removeLayout = () => {
+        const defaults = new DocumentDownloadSettings();
+        SDKUI_Globals.userSettings.documentDownloadSettings = { ...defaults };
+        setSettings(defaults);
+        folderHandleRef.current = null;
+        setHasSavedLayout(false);
+        ShowAlert({ mode: 'success', message: 'Layout rimosso con successo', title: 'Successo', duration: 3000 });
+    };
+    const isLayoutSameAsSaved = () => {
+        const saved = SDKUI_Globals.userSettings.documentDownloadSettings;
+        if (!saved) {
+            const defaults = new DocumentDownloadSettings();
+            return JSON.stringify(settings) === JSON.stringify(defaults);
+        }
+        return JSON.stringify(settings) === JSON.stringify(saved);
+    };
+    // ---- Render della sezione configurazione ----
+    const configSection = (_jsxs("div", { style: {
+            position: 'relative',
+            border: `1px solid ${TMColors.border_normal}`,
+            borderRadius: '8px',
+            padding: '10px 6px 6px 6px',
+            height: showTMRelationViewer ? '100%' : undefined,
+            flex: showTMRelationViewer ? undefined : 1,
+            minHeight: 0,
+            marginTop: '8px',
+            display: 'flex',
+            flexDirection: 'column',
+            boxSizing: 'border-box'
+        }, children: [_jsx("span", { style: {
+                    ...getFloatingLabelStyle(),
+                    fontWeight: 600
+                }, children: "Parametri di configurazione" }), _jsxs("div", { style: {
+                    position: 'absolute',
+                    top: '-8px',
+                    right: '12px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '4px',
+                    backgroundColor: 'white',
+                    padding: '0 4px',
+                    zIndex: 1
+                }, children: [_jsx(TMButton, { btnStyle: "toolbar", icon: _jsx(IconSave, {}), caption: "Salva Layout", color: "success", disabled: isLayoutSameAsSaved(), onClick: saveLayout }), hasSavedLayout && (_jsx(TMButton, { btnStyle: "toolbar", icon: _jsx(IconDelete, {}), caption: "Rimuovi Layout", color: "error", onClick: removeLayout }))] }), _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    flex: 1,
+                    overflowY: 'auto',
+                    minHeight: 0,
+                }, children: [_jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(TMRadioButton, { dataSource: [
+                                { value: 'copy', display: 'Copia in una cartella' },
+                                { value: 'zip', display: 'Comprimi in un file zip' }
+                            ], value: settings.exportMode, direction: "row", onValueChanged: (value) => updateSettings('exportMode', value) }) }), isDirectoryPickerSupported() ? (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [_jsx(TMTextBox, { label: "Percorso", value: settings.destinationFolder, validationItems: folderValidationItems, onValueChanged: handleFolderValueChange, readOnly: true, placeHolder: "Download", onClick: handleSelectFolder, buttons: [
+                                    {
+                                        icon: _jsx(IconFolderOpen, {}),
+                                        text: 'Seleziona cartella',
+                                        onClick: handleSelectFolder
+                                    },
+                                    ...(!isUsingDefaultDownloads ? [{
+                                            icon: _jsx(IconUndo, {}),
+                                            text: 'Ripristina Download',
+                                            onClick: () => {
+                                                skipSelectFolderRef.current = true;
+                                                updateSettings('destinationFolder', 'Download');
+                                                folderHandleRef.current = null;
+                                            }
+                                        }] : [])
+                                ] }), SDKUI_Globals.userSettings.documentDownloadSettings?.destinationFolder && (_jsxs("span", { style: { fontSize: '0.8rem', color: '#666', fontStyle: 'italic' }, children: ["Destinazione salvata: ", SDKUI_Globals.userSettings.documentDownloadSettings.destinationFolder] }))] })) : (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [_jsx("label", { style: { fontSize: '0.9rem', color: '#525252' }, children: "Percorso" }), _jsxs("div", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '8px',
+                                    padding: '8px 12px',
+                                    border: `1px solid ${TMColors.border_normal}`,
+                                    borderRadius: '5px',
+                                    backgroundColor: '#fafafa',
+                                }, children: [_jsx(IconFolderOpen, {}), _jsx("span", { style: { fontSize: '0.9rem', color: '#333' }, children: "Download" })] }), _jsx("span", { style: { fontSize: '0.8rem', color: '#888', fontStyle: 'italic' }, children: "Il browser in uso non supporta la selezione della cartella. I file verranno scaricati nella cartella Download." })] })), settings.exportMode === 'zip' && (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: '12px' }, children: [_jsx(TMTextBox, { label: "Nome file zip", value: settings.zipFileName, validationItems: zipValidationItems, autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipFileName', e.target.value) }), _jsx(TMTextBox, { label: "Proteggi con password (opzionale)", value: settings.zipPassword, type: "password", autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipPassword', e.target.value) })] })), settings.exportMode === 'copy' && isDirectoryPickerSupported() && (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px', marginTop: '8px' }, children: isUsingDefaultDownloads ? (_jsx("span", { style: { fontSize: '0.8rem', color: '#888', fontStyle: 'italic' }, children: "Nella cartella Download il browser rinomina automaticamente i file duplicati." })) : (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '12px', flexWrap: 'wrap' }, children: [_jsx("label", { style: { fontSize: '0.9rem', color: '#525252', fontWeight: 500 }, children: "Se il file esiste" }), _jsx(TMRadioButton, { dataSource: [
+                                        { value: 'overwrite', display: 'Copia e sostituisci' },
+                                        { value: 'skip', display: 'Non copiare' },
+                                        { value: 'rename', display: 'Copia, ma rinomina' },
+                                    ], value: settings.fileExistsMode, direction: "row", onValueChanged: (value) => updateSettings('fileExistsMode', value) })] })) })), _jsxs("div", { style: { display: 'flex', alignItems: 'flex-end', gap: '12px', flexWrap: 'wrap' }, children: [_jsx("div", { style: { flex: '0 0 auto', minWidth: '160px' }, children: _jsx(TMDropDown, { label: "Per il nome file usa", value: settings.fileNamingMode, dataSource: [
+                                        { value: 'onlyDid', display: 'Solo DID' },
+                                        { value: 'documentTypeAndDid', display: 'Nome tipo documento e DID' },
+                                        { value: 'documentTypeAndCustomMetadata', display: 'Nome tipo documento e metadati personalizzati' },
+                                        { value: 'onlyCustomMetadata', display: 'Solo metadati personalizzati' },
+                                    ], onValueChanged: handleFileNamingModeChange }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("label", { style: { fontSize: '0.9rem', color: '#525252', whiteSpace: 'nowrap' }, children: "Carattere separatore" }), _jsx("input", { type: "text", value: settings.separatorChar, maxLength: 1, onChange: handleSeparatorChange, style: {
+                                            width: '32px',
+                                            height: '28px',
+                                            textAlign: 'center',
+                                            fontSize: '14px',
+                                            fontWeight: 500,
+                                            padding: '4px',
+                                            border: `1px solid ${TMColors.border_normal}`,
+                                            borderRadius: '5px',
+                                            outline: 'none',
+                                            color: 'black',
+                                            background: 'white',
+                                        }, onFocus: (e) => {
+                                            e.target.style.backgroundImage = 'linear-gradient(white, #E4E9F7)';
+                                            e.target.style.borderBottom = `2px solid ${TMColors.primary}`;
+                                        }, onBlur: (e) => {
+                                            e.target.style.backgroundImage = 'none';
+                                            e.target.style.borderBottom = `1px solid ${TMColors.border_normal}`;
+                                        } })] }), _jsx(TMCheckBox, { label: "Rimuovi la firma se presente", value: settings.removeSignature, onValueChanged: (value) => updateSettings('removeSignature', value) })] }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '12px' }, children: [_jsx(TMInvoiceRetrieveFormats, { width: '100%', label: SDKUI_Localizator.ElectronicInvoice + ' - ' + SDKUI_Localizator.DisplayFormat, onValueChanged: (newValue) => updateSettings('invoiceFormat', newValue), value: settings.invoiceFormat, valueOrig: settings.invoiceFormat }), _jsx(TMOrderRetrieveFormats, { width: '100%', label: SDKUI_Localizator.ElectronicOrder + ' - ' + SDKUI_Localizator.DisplayFormat, value: settings.orderFormat, valueOrig: settings.orderFormat, onValueChanged: (newValue) => updateSettings('orderFormat', newValue) })] })] })] }));
+    return (_jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '95%' : '780px', showTMRelationViewer ? '95%' : '780px', '95%'), height: calcResponsiveSizes(deviceType, showTMRelationViewer ? '95%' : '450px', showTMRelationViewer ? '95%' : '450px', '95%'), title: getTitle(), onClose: onClose, showCloseButton: true, children: _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: _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { display: 'flex', flexDirection: 'column', padding: '4px 4px 16px 4px', width: '100%', height: '100%', boxSizing: 'border-box', overflow: 'hidden' }, children: [showTMRelationViewer ? (_jsx("div", { style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }, children: _jsxs(TMSplitterLayout, { direction: 'vertical', showSeparator: true, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', overflow: 'hidden', min: SPLITTER_MIN, start: SPLITTER_START_60_40, children: [_jsx(TMDownloadRelationViewerSection, { selectedDcmtInfos: selectedDcmtInfos, onSelectionChanged: setSelectedItemsRelationViewer, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), configSection] }, "TMCopyToFolder-relation-config") })) : (configSection), _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexShrink: 0, marginTop: '12px' }, children: _jsx(TMButton, { caption: "Esegui", icon: _jsx(IconPlay, {}), color: 'success', showTooltip: false, disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0), onClick: run }) })] }) }) }));
+};
+export default TMCopyToFolderForm;

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

@@ -23,6 +23,7 @@ interface ITMDcmtFormProps {
     showHeader?: boolean;
     showBackButton?: boolean;
     showDcmtFormSidebar?: boolean;
+    showTodoDcmtForm?: boolean;
     isExpertMode?: boolean;
     isClosable?: boolean;
     isModal?: boolean;

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,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);
@@ -1016,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(() => {
@@ -1100,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: {
@@ -1171,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 = {
@@ -1230,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, {})
                     },
@@ -1245,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,
@@ -1257,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'] }
             },
             {
@@ -1278,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: {
@@ -1537,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 `