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

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

@@ -0,0 +1,401 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, 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, } 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();
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    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([]);
+    // ---- Stato per la creazione ZIP (spinner separato) ----
+    const [isCreatingZip, setIsCreatingZip] = useState(false);
+    const [zipProgressText, setZipProgressText] = useState('');
+    const [zipProgressValue, setZipProgressValue] = useState(0);
+    const [zipProgressMax, setZipProgressMax] = useState(0);
+    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: SDKUI_Localizator.SelectedDocuments,
+            customized: SDKUI_Localizator.SelectedDocumentsAndRelated,
+        };
+        const modeLabel = modeLabelMap[mode] || modeLabelMap.onlySelected;
+        return `${SDKUI_Localizator.CopyToFolder} - ${modeLabel}${count}`;
+    };
+    const isUsingDefaultDownloads = settings.destinationFolder === 'Download' && !folderHandleRef.current;
+    // ---- Validazione ----
+    const { folderValidationItems, zipValidationItems } = useMemo(() => {
+        const folderItems = [];
+        const zipItems = [];
+        if (settings.exportMode === 'copy' && !settings.destinationFolder.trim()) {
+            folderItems.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.FolderName, SDKUI_Localizator.RequiredField));
+        }
+        if (settings.exportMode === 'zip' && !settings.zipFileName.trim()) {
+            zipItems.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.ZipFileName, SDKUI_Localizator.RequiredField));
+        }
+        return { folderValidationItems: folderItems, zipValidationItems: zipItems };
+    }, [settings.exportMode, settings.destinationFolder, settings.zipFileName]);
+    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('Error selecting folder:', 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: SDKUI_Localizator.PleaseCorrectErrorsBeforeProceeding, buttons: [ButtonNames.OK] });
+            return;
+        }
+        if (settings.exportMode === 'zip' && zipValidationItems.length > 0) {
+            TMMessageBoxManager.show({ message: SDKUI_Localizator.PleaseCorrectErrorsBeforeProceeding, buttons: [ButtonNames.OK] });
+            return;
+        }
+        const dcmtInfosToDownload = getDcmtInfosToDownload(selectedDcmtInfos, selectedItemsRelationViewer, showTMRelationViewer);
+        if (dcmtInfosToDownload.length === 0) {
+            TMMessageBoxManager.show({ message: SDKUI_Localizator.NoDocumentsSelected, 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({ inputDcmts: dcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: writeFileToFolder, skipConfirmation: true, retrieveOptions, useCache: 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({ inputDcmts: dcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: collectFileForZip, skipConfirmation: true, retrieveOptions, useCache: false });
+            if (zipEntries.length > 0) {
+                const zipFileName = settings.zipFileName.trim().toLowerCase().endsWith('.zip')
+                    ? settings.zipFileName.trim()
+                    : settings.zipFileName.trim() + '.zip';
+                // Crea il blob ZIP
+                setIsCreatingZip(true);
+                setZipProgressMax(zipEntries.length);
+                setZipProgressValue(0);
+                setZipProgressText(SDKUI_Localizator.CompressToZipFile);
+                try {
+                    const zipBlob = await ZipManager.createZip(zipEntries, {
+                        compressionLevel: 6,
+                        password: settings.zipPassword.trim() || undefined,
+                        onProgress: (current, total, filename) => {
+                            setZipProgressValue(current);
+                            setZipProgressText(`${SDKUI_Localizator.CompressToZipFile}: ${filename}`);
+                        },
+                    });
+                    // 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();
+                            ShowAlert({ message: SDKUI_Localizator.ZipCreatedSavedInFolder.replaceParams(finalZipFileName, folderHandleRef.current.name), mode: 'success', duration: 5000, title: SDKUI_Localizator.CompressToZipFile });
+                        }
+                        catch (err) {
+                            console.error('Error saving ZIP to folder, fallback to standard download:', err);
+                            // Fallback: download standard del browser
+                            ZipManager.downloadBlob(zipBlob, zipFileName);
+                            ShowAlert({ message: SDKUI_Localizator.ZipCreatedSavedInFolder.replaceParams(zipFileName, "Download"), mode: 'success', duration: 5000, title: SDKUI_Localizator.CompressToZipFile });
+                        }
+                    }
+                    else {
+                        // Se non c'è un handle della cartella: download zip standard del browser
+                        ZipManager.downloadBlob(zipBlob, zipFileName);
+                        ShowAlert({ message: SDKUI_Localizator.ZipCreatedSavedInFolder.replaceParams(zipFileName, "Download"), mode: 'success', duration: 5000, title: SDKUI_Localizator.CompressToZipFile });
+                    }
+                }
+                catch (err) {
+                    console.error('Error creating ZIP:', err);
+                    ShowAlert({ message: SDKUI_Localizator.Error, mode: 'error', duration: 5000, title: SDKUI_Localizator.CompressToZipFile });
+                }
+                finally {
+                    setIsCreatingZip(false);
+                }
+            }
+        }
+        else {
+            TMMessageBoxManager.show({ message: SDKUI_Localizator.ExportModeNotSupported, 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: SDKUI_Localizator.OperationSuccess, title: SDKUI_Localizator.Save, duration: 3000 });
+        }
+    };
+    const removeLayout = () => {
+        const defaults = new DocumentDownloadSettings();
+        SDKUI_Globals.userSettings.documentDownloadSettings = { ...defaults };
+        setSettings(defaults);
+        folderHandleRef.current = null;
+        setHasSavedLayout(false);
+        ShowAlert({ mode: 'success', message: SDKUI_Localizator.OperationSuccess, title: SDKUI_Localizator.Remove, 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);
+    };
+    // ---- Componenti comuni riutilizzati in entrambe le modalità (copy/zip) ----
+    const folderSelector = isDirectoryPickerSupported() ? (_jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.FolderName, value: settings.destinationFolder, validationItems: folderValidationItems, onValueChanged: handleFolderValueChange, readOnly: true, placeHolder: "Download", onClick: handleSelectFolder, buttons: [
+                {
+                    icon: _jsx(IconFolderOpen, {}),
+                    text: SDKUI_Localizator.SelectFolder,
+                    onClick: handleSelectFolder
+                },
+                ...(!isUsingDefaultDownloads ? [{
+                        icon: _jsx(IconUndo, {}),
+                        text: SDKUI_Localizator.RestoreDownload,
+                        onClick: () => {
+                            skipSelectFolderRef.current = true;
+                            updateSettings('destinationFolder', 'Download');
+                            folderHandleRef.current = null;
+                        }
+                    }] : [])
+            ] }) })) : (_jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsxs("div", { style: { position: 'relative', marginTop: '16px' }, children: [_jsx("span", { style: {
+                        position: 'absolute',
+                        top: '-10px',
+                        left: '12px',
+                        fontSize: '0.9rem',
+                        color: TMColors.label_normal,
+                        padding: '0 3px',
+                        userSelect: 'none',
+                        WebkitTouchCallout: 'none',
+                        WebkitUserSelect: 'none',
+                        width: 'max-content',
+                        backgroundColor: TMColors.default_background,
+                        zIndex: 1,
+                    }, children: SDKUI_Localizator.Path }), _jsxs("div", { style: { border: `1px solid ${TMColors.border_normal}`, borderRadius: '5px', padding: '4px 10px 4px 13px', display: 'flex', alignItems: 'center', gap: '8px', 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', marginTop: '4px', display: 'block' }, children: SDKUI_Localizator.BrowserDoesNotSupportFolderSelection })] }) }));
+    const fileNamingRow = (_jsxs("div", { style: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'flex-end',
+            gap: '10px',
+            width: '100%',
+        }, children: [_jsx(TMDropDown, { label: SDKUI_Localizator.UseForFileName, value: settings.fileNamingMode, dataSource: [
+                    { value: 'onlyDid', display: SDKUI_Localizator.OnlyDID },
+                    { value: 'documentTypeAndDid', display: SDKUI_Localizator.DocumentTypeNameAndDID },
+                    { value: 'documentTypeAndCustomMetadata', display: SDKUI_Localizator.DocumentTypeNameAndCustomMetadata },
+                    { value: 'onlyCustomMetadata', display: SDKUI_Localizator.OnlyCustomMetadata },
+                ], onValueChanged: handleFileNamingModeChange, width: '400px' }), _jsx(TMTextBox, { label: SDKUI_Localizator.Separator, value: settings.separatorChar, maxLength: 1, onValueChanged: (e) => handleSeparatorChange(e), width: '100px', elementStyle: { textAlign: 'center' } }), _jsx("div", { style: { paddingBottom: '7px' }, children: _jsx(TMCheckBox, { label: SDKUI_Localizator.RemoveSignatureIfPresent, value: settings.removeSignature, onValueChanged: (value) => updateSettings('removeSignature', value) }) })] }));
+    const formatSelectorsRow = (_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '10px', width: '100%' }, children: [_jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMInvoiceRetrieveFormats, { width: '100%', label: SDKUI_Localizator.ElectronicInvoice + ' - ' + SDKUI_Localizator.DisplayFormat, onValueChanged: (newValue) => updateSettings('invoiceFormat', newValue), value: settings.invoiceFormat, valueOrig: settings.invoiceFormat }) }), _jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMOrderRetrieveFormats, { width: '100%', label: SDKUI_Localizator.ElectronicOrder + ' - ' + SDKUI_Localizator.DisplayFormat, value: settings.orderFormat, valueOrig: settings.orderFormat, onValueChanged: (newValue) => updateSettings('orderFormat', newValue) }) })] }));
+    // ---- 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 ? 'calc(100% - 7px)' : undefined,
+            marginTop: '7px',
+            flex: showTMRelationViewer ? undefined : 1,
+            minHeight: 0,
+            display: 'flex',
+            flexDirection: 'column',
+            boxSizing: 'border-box'
+        }, children: [_jsx("span", { style: { ...getFloatingLabelStyle(), fontWeight: 600 }, children: SDKUI_Localizator.ConfigurationParameters }), _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: SDKUI_Localizator.SaveLayout, color: "success", disabled: isLayoutSameAsSaved(), onClick: saveLayout }), hasSavedLayout && (_jsx(TMButton, { btnStyle: "toolbar", icon: _jsx(IconDelete, {}), caption: SDKUI_Localizator.RemoveLayout, color: "error", onClick: removeLayout }))] }), _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    flex: 1,
+                    overflowY: 'auto',
+                    minHeight: 0,
+                }, children: [_jsx("div", { style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', marginTop: "8px" }, children: _jsx(TMRadioButton, { dataSource: [
+                                { value: 'copy', display: SDKUI_Localizator.CopyToFolder },
+                                { value: 'zip', display: SDKUI_Localizator.CompressToZipFile }
+                            ], value: settings.exportMode, direction: "row", onValueChanged: (value) => updateSettings('exportMode', value) }) }), settings.exportMode === 'copy' && (_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '10px' }, children: [folderSelector, _jsx("div", { style: { flex: '1.5 1 420px', minWidth: '350px', width: '100%' }, children: _jsxs("div", { style: { position: 'relative', marginTop: '16px' }, children: [_jsx("span", { style: {
+                                                position: 'absolute',
+                                                top: '-10px',
+                                                left: '12px',
+                                                fontSize: '0.9rem',
+                                                color: TMColors.label_normal,
+                                                padding: '0 3px',
+                                                userSelect: 'none',
+                                                WebkitTouchCallout: 'none',
+                                                WebkitUserSelect: 'none',
+                                                width: 'max-content',
+                                                backgroundColor: TMColors.default_background,
+                                                zIndex: 1,
+                                            }, children: SDKUI_Localizator.IfFileExists }), _jsx("div", { style: { border: `1px solid ${TMColors.border_normal}`, borderRadius: '5px', padding: '4px 10px 4px 13px' }, children: _jsx(TMRadioButton, { dataSource: [
+                                                    { value: 'overwrite', display: SDKUI_Localizator.CopyAndReplace },
+                                                    { value: 'skip', display: SDKUI_Localizator.DoNotCopy },
+                                                    { value: 'rename', display: SDKUI_Localizator.CopyButRename },
+                                                ], value: isUsingDefaultDownloads ? 'rename' : settings.fileExistsMode, direction: "row", disabled: isUsingDefaultDownloads, onValueChanged: (value) => updateSettings('fileExistsMode', value), fontSize: '0.9rem' }) }), isUsingDefaultDownloads && (_jsx("span", { style: { fontSize: '0.8rem', color: '#888', fontStyle: 'italic', marginTop: '4px', display: 'block' }, children: SDKUI_Localizator.BrowserAutoRenamesDuplicateFilesInDownloadsFolder }))] }) }), fileNamingRow, formatSelectorsRow] })), settings.exportMode === 'zip' && (_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '10px' }, children: [_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '10px', width: '100%' }, children: [folderSelector, _jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.ZipFileName, value: settings.zipFileName, validationItems: zipValidationItems, autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipFileName', e.target.value) }) }), _jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.ProtectWithPasswordOptional, value: settings.zipPassword, type: "password", autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipPassword', e.target.value) }) })] }), fileNamingRow, formatSelectorsRow] }))] })] }));
+    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel || isCreatingZip, showWaitPanelPrimary: isCreatingZip ? true : showPrimary, showWaitPanelSecondary: isCreatingZip ? false : showSecondary, waitPanelTitle: isCreatingZip ? SDKUI_Localizator.CompressToZipFile : waitPanelTitle, waitPanelTextPrimary: isCreatingZip ? zipProgressText : waitPanelTextPrimary, waitPanelValuePrimary: isCreatingZip ? zipProgressValue : waitPanelValuePrimary, waitPanelMaxValuePrimary: isCreatingZip ? zipProgressMax : waitPanelMaxValuePrimary, waitPanelTextSecondary: isCreatingZip ? '' : waitPanelTextSecondary, waitPanelValueSecondary: isCreatingZip ? 0 : waitPanelValueSecondary, waitPanelMaxValueSecondary: isCreatingZip ? 0 : waitPanelMaxValueSecondary, isCancelable: !isCreatingZip, abortController: abortController, usePortal: true, children: _jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '95%' : '950px', '95%', '95%'), height: showTMRelationViewer ? '95%' : 'auto', title: getTitle(), onClose: onClose, showCloseButton: true, 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: ["50", "50"], start: ['65%', '35%'], 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: _jsxs("button", { disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0), onClick: run, style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                gap: '6px',
+                                padding: '8px 20px',
+                                fontSize: '0.95rem',
+                                fontWeight: 600,
+                                color: '#fff',
+                                background: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0))
+                                    ? '#b0b0b0'
+                                    : 'linear-gradient(135deg, #28a745 0%, #218838 100%)',
+                                border: 'none',
+                                borderRadius: '6px',
+                                cursor: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0)) ? 'not-allowed' : 'pointer',
+                                boxShadow: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0))
+                                    ? 'none'
+                                    : '0 2px 8px rgba(40, 167, 69, 0.35)',
+                                transition: 'all 0.2s ease',
+                            }, children: [_jsx(IconPlay, {}), _jsx("span", { children: SDKUI_Localizator.Execute })] }) })] }) }) }));
+};
+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;