@topconsultnpm/sdkui-react 6.20.0-test1 → 6.21.0-dev1.2

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { DcmtTypeDescriptor, TaskDescriptor, ObjectRef } from "@topconsultnpm/sdk-ts";
+import { IWorkItemData } from "../../../ts";
+import { DeviceType } from "../../base/TMDeviceProvider";
+interface TMDcmtFormActionButtonsProps {
+    showToppyForApprove: boolean;
+    workItems: Array<IWorkItemData>;
+    deviceType: DeviceType | undefined;
+    isMobile: boolean;
+    handleSignApprove: () => void;
+    updateShowApprovePopup: (value: boolean) => void;
+    updateShowRejectPopup: (value: boolean) => void;
+    updateShowReAssignPopup: (value: boolean) => void;
+    updateShowMoreInfoPopup: (value: boolean) => void;
+    fromDTD: DcmtTypeDescriptor | undefined;
+    showToppyForCompleteMoreInfo: boolean;
+    moreInfoTasks?: Array<TaskDescriptor>;
+    setShowCommentForm: React.Dispatch<React.SetStateAction<boolean>>;
+    showToppyForReferences: boolean;
+    dcmtReferences: ObjectRef[] | undefined;
+    referenceActionMap: {
+        Dossier: {
+            label: string;
+        };
+        WorkingGroup: {
+            label: string;
+        };
+    };
+    handleNavigateToReference: (ref: ObjectRef) => void;
+    setShowMoreInfoTaskPopup: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowMoreInfoTaskTask: React.Dispatch<React.SetStateAction<TaskDescriptor | undefined>>;
+}
+declare const TMDcmtFormActionButtons: (props: TMDcmtFormActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default TMDcmtFormActionButtons;

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

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { ObjectClasses, SDK_Globals } from "@topconsultnpm/sdk-ts";
+import { TASK_MORE_INFO_PREFIX_NAME, SDKUI_Localizator, PDGS_COLORS } from "../../../helper";
+import { TMColors } from "../../../utils/theme";
+import { ReferencesContainer, StyledReferenceButton } from "../../base/Styled";
+import TMButton from "../../base/TMButton";
+import TMTooltip from "../../base/TMTooltip";
+import { WorkFlowOperationButtons } from "../workflow/TMWorkflowPopup";
+const TMDcmtFormActionButtons = (props) => {
+    const { showToppyForApprove, workItems, deviceType, isMobile, handleSignApprove, updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup, fromDTD, showToppyForCompleteMoreInfo, moreInfoTasks, setShowCommentForm, showToppyForReferences, dcmtReferences, referenceActionMap, handleNavigateToReference, setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask } = props;
+    const tasksNumber = useMemo(() => moreInfoTasks?.length ?? 0, [moreInfoTasks]);
+    const currentTask = useMemo(() => {
+        if (!moreInfoTasks || moreInfoTasks.length === 0)
+            return null;
+        if (moreInfoTasks.length === 1)
+            return moreInfoTasks[0];
+        // If there are multiple tasks, we cannot determine which one is relevant, so we return null
+        return null;
+    }, [moreInfoTasks]);
+    const { hasMoreInfo, hasApprove, hasReferences } = useMemo(() => {
+        const referencesExist = showToppyForReferences && dcmtReferences?.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
+        return {
+            hasMoreInfo: Boolean(showToppyForCompleteMoreInfo),
+            hasApprove: Boolean(showToppyForApprove),
+            hasReferences: Boolean(referencesExist)
+        };
+    }, [
+        showToppyForCompleteMoreInfo,
+        showToppyForApprove,
+        showToppyForReferences,
+        dcmtReferences
+    ]);
+    const Divider = () => (_jsx("div", { style: { height: '1px', width: '100%', background: 'linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent)', margin: '3px 0', opacity: 0.8, } }));
+    return _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [hasMoreInfo && (tasksNumber === 1 ? (_jsx("div", { style: { display: 'flex', gap: "10px", flexDirection: 'column', alignItems: 'center' }, children: _jsx("div", { style: {
+                        padding: '10px',
+                        color: '#FFFFFF',
+                        maxWidth: '240px',
+                        background: 'linear-gradient(135deg, #1E90FF 0%, #0077BE 60%, #00509E 100%)',
+                        border: '1px solid rgba(255,255,255,0.15)',
+                        boxShadow: '0 8px 20px rgba(0, 0, 50, 0.4)',
+                        backdropFilter: 'blur(6px)',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        textAlign: 'center',
+                        gap: '10px',
+                        cursor: 'default',
+                    }, children: (() => {
+                        const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
+                        const isSender = currentTask?.fromID !== undefined && currentTask.fromID === userID;
+                        const isRecipient = currentTask?.toID !== undefined && currentTask.toID === userID;
+                        const truncate = (str, maxLength) => str && str.length > maxLength ? str.substring(0, maxLength) + '...' : str;
+                        const senderNameTruncated = currentTask?.fromName ? truncate(currentTask.fromName, 30) : 'N/A';
+                        const recipientNameTruncated = currentTask?.toName ? truncate(currentTask.toName, 30) : 'N/A';
+                        const taskNameTrunc = currentTask?.name ? truncate(currentTask.name.replace(TASK_MORE_INFO_PREFIX_NAME ?? '', ''), 30) : 'N/A';
+                        return (_jsxs(_Fragment, { children: [(isSender && !isRecipient) && (_jsx(TaskLink, { messagePrefix: `Hai richiesto maggiori informazioni a "${recipientNameTruncated}" tramite l'attività`, name: currentTask.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: currentTask.description ?? 'N/A', currentTask: currentTask, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask })), (isRecipient && !isSender) && (_jsxs("div", { style: {
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                        alignItems: 'center',
+                                        gap: '10px'
+                                    }, children: [_jsx(TaskLink, { messagePrefix: `"${senderNameTruncated}" ti ha richiesto maggiori informazioni tramite l'attività`, name: currentTask.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: currentTask.description ?? 'N/A', currentTask: currentTask, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx("span", { className: "dx-icon-chat" }), caption: SDKUI_Localizator.CommentAndComplete, width: "180px", disabled: false, onClick: () => setShowCommentForm(true), onMouseDown: e => e.stopPropagation(), advancedColor: TMColors.success, color: "success" })] }))] }));
+                    })() }) })) : (_jsx("div", { style: {
+                    padding: '10px',
+                    color: '#FFFFFF',
+                    maxWidth: '240px',
+                    background: 'linear-gradient(135deg, #1E90FF 0%, #0077BE 60%, #00509E 100%)',
+                    border: '1px solid rgba(255,255,255,0.15)',
+                    boxShadow: '0 8px 20px rgba(0, 0, 50, 0.4)',
+                    backdropFilter: 'blur(6px)',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    textAlign: 'center',
+                    gap: '10px',
+                    cursor: 'default',
+                }, children: `Ci sono ${moreInfoTasks?.length ?? 0} richieste di maggiori informazioni. ${SDKUI_Localizator.ManageFromTaskPanel}` }))), hasMoreInfo && hasApprove && _jsx(Divider, {}), hasApprove && (workItems.length === 1 ?
+                _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => updateShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => updateShowRejectPopup(true), onReAssign: () => updateShowReAssignPopup(true), onMoreInfo: () => updateShowMoreInfoPopup(true) })
+                :
+                    _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Questo documento è associato a ${workItems.length} workitem.`, _jsx("br", {}), `Per approvare, vai alla pagina "Approvazione workflow".`] })), (hasApprove && hasReferences) || (hasMoreInfo && !hasApprove && hasReferences) ? (_jsx(Divider, {})) : null, hasReferences && (_jsx(ReferencesContainer, { children: dcmtReferences?.filter(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup)
+                    .map((ref, index) => {
+                    const mapEntry = referenceActionMap[String(ref.objClass)];
+                    const label = mapEntry?.label ?? 'Vai a riferimento';
+                    let backgroundColor;
+                    switch (ref.objClass) {
+                        case ObjectClasses.WorkingGroup:
+                            backgroundColor = PDGS_COLORS.WORKING_GROUP;
+                            break;
+                        case ObjectClasses.Dossier:
+                            backgroundColor = PDGS_COLORS.DOSSIER;
+                            break;
+                        case ObjectClasses.Document:
+                            backgroundColor = PDGS_COLORS.DOCUMENT;
+                            break;
+                        default:
+                            backgroundColor = "#C2388B";
+                            break;
+                    }
+                    return (_jsxs(StyledReferenceButton, { onClick: () => handleNavigateToReference(ref), onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, "$bgColor": backgroundColor, children: [_jsx("span", { children: label }), _jsx("span", { children: `"${ref.objName}"` })] }, `ref-${index}-${ref.objID}`));
+                }) }))] });
+};
+export default TMDcmtFormActionButtons;
+const TaskLink = (props) => {
+    const { messagePrefix, name, taskNameTrunc, description, currentTask, setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask } = props;
+    const mouseMoved = useRef(false);
+    const handleMouseDown = () => {
+        mouseMoved.current = false;
+    };
+    const handleMouseMove = () => {
+        mouseMoved.current = true;
+    };
+    return (_jsx(_Fragment, { children: _jsx("div", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px' }, children: _jsxs("div", { onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, style: { display: 'inline' }, children: [messagePrefix, ' "', _jsx("span", { style: {
+                            cursor: 'pointer',
+                            fontWeight: 500,
+                            textDecoration: 'none',
+                            transition: 'text-decoration 0.2s',
+                        }, onClick: () => {
+                            setShowMoreInfoTaskPopup(true);
+                            setShowMoreInfoTaskTask(currentTask);
+                        }, onMouseEnter: e => e.currentTarget.style.textDecoration = 'underline', onMouseLeave: e => e.currentTarget.style.textDecoration = 'none', children: taskNameTrunc }), '" ', _jsx(TMTooltip, { parentStyle: { display: 'inline' }, childStyle: { display: 'inline' }, content: _jsxs("div", { style: { whiteSpace: 'pre-line', textAlign: 'left' }, children: [_jsxs("div", { children: [_jsx("b", { children: SDKUI_Localizator.Name }), ": ", name] }), _jsxs("div", { children: [_jsx("b", { children: SDKUI_Localizator.Description }), ": ", description] })] }), children: _jsx("i", { className: "dx-icon dx-icon-info", onClick: () => {
+                                setShowMoreInfoTaskPopup(true);
+                                setShowMoreInfoTaskTask(currentTask);
+                            }, style: { fontSize: '16px', lineHeight: 1, cursor: 'pointer' } }) })] }) }) }));
+};

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, FileFormats } from '@topconsultnpm/sdk-ts';
-import { extensionHandler, sleep, getExceptionMessage, formatBytes, IconMenuVertical, IconCloseCircle, IconClear, IconCloseOutline, IconPreview, SDKUI_Globals, IconZoomOutLinear, IconZoomInLinear, IconPrintOutline, SDKUI_Localizator, IconRefresh, IconCache } from '../../../helper';
+import { RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, FileFormats, SDK_Globals } from '@topconsultnpm/sdk-ts';
+import { extensionHandler, sleep, getExceptionMessage, formatBytes, IconMenuVertical, IconCloseCircle, IconClear, IconCloseOutline, IconPreview, SDKUI_Globals, IconZoomOutLinear, IconZoomInLinear, IconPrintOutline, SDKUI_Localizator, IconRefresh, IconCache, dcmtsFileCachePreview, CACHE_SIZE_LIMIT } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { FileExtensionHandler, FormModes } from '../../../ts';
 import { TMColors } from '../../../utils/theme';
@@ -29,7 +29,15 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     const [error, setError] = useState('');
     const [isAbortError, setIsAbortError] = useState(false);
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, getDcmtFileAsync, clearDcmtsFileCache, removeDcmtsFileCache, isDcmtFileInCache } = useDcmtOperations();
-    const cacheKey = dcmtData ? `${dcmtData.tid}-${dcmtData.did}` : '00';
+    const isBasketMode = !!(dcmtData?.btid !== undefined && dcmtData?.bid !== undefined && dcmtData?.bfid !== undefined);
+    const getCacheKey = () => {
+        if (!dcmtData)
+            return '00';
+        if (isBasketMode)
+            return `basket-${dcmtData.btid}-${dcmtData.bid}-${dcmtData.bfid}`;
+        return `${dcmtData.tid}-${dcmtData.did}`;
+    };
+    const cacheKey = getCacheKey();
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false);
     const [lastLoadedDid, setLastLoadedDid] = useState(undefined);
     useEffect(() => {
@@ -41,10 +49,10 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setShowPreview(false);
             return;
         }
-        const currentCacheKey = `${dcmtData.tid}-${dcmtData.did}`;
+        const currentCacheKey = isBasketMode ? `basket-${dcmtData.btid}-${dcmtData.bid}-${dcmtData.bfid}` : `${dcmtData.tid}-${dcmtData.did}`;
         const shouldFetch = isVisible && (!hasLoadedDataOnce || currentCacheKey !== lastLoadedDid);
         if (isDcmtFileInCache(currentCacheKey)) {
-            loadDocumentWithCache();
+            isBasketMode ? loadBasketFile() : loadDocumentWithCache();
             setShowPreview(true);
             return;
         }
@@ -52,7 +60,11 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setDcmtBlob(undefined);
             setError('');
             setIsAbortError(false);
-            if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
+            if (isBasketMode) {
+                loadBasketFile();
+                setShowPreview(true);
+            }
+            else if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
                 loadDocumentWithCache();
                 setShowPreview(true);
             }
@@ -63,6 +75,47 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setLastLoadedDid(currentCacheKey);
         }
     }, [dcmtData?.did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
+    const loadBasketFile = async () => {
+        try {
+            // Check cache first
+            if (dcmtsFileCachePreview.has(cacheKey)) {
+                setDcmtBlob(dcmtsFileCachePreview.get(cacheKey));
+                setIsFromCache(true);
+                setError('');
+                setIsAbortError(false);
+                return;
+            }
+            await sleep(300);
+            const basketEngine = SDK_Globals.tmSession?.NewBasketEngine();
+            const cvtFormat = extensionHandler(dcmtData?.fileExt) === FileExtensionHandler.CONVERTIBLE ? FileFormats.PDF : FileFormats.None;
+            const file = await basketEngine?.RetrieveFileAsync(dcmtData?.btid, dcmtData?.bid, dcmtData?.bfid, cvtFormat, abortController.signal);
+            // Store in cache
+            if (file) {
+                if (dcmtsFileCachePreview.size >= CACHE_SIZE_LIMIT) {
+                    const oldestKey = dcmtsFileCachePreview.keys().next().value;
+                    dcmtsFileCachePreview.delete(oldestKey);
+                }
+                dcmtsFileCachePreview.set(cacheKey, file);
+            }
+            setDcmtBlob(file);
+            setIsFromCache(false);
+            setError('');
+            setIsAbortError(false);
+        }
+        catch (ex) {
+            const err = ex;
+            if (err.name === 'CanceledError') {
+                setError('Operazione annullata.');
+                setIsAbortError(true);
+                ShowAlert({ message: err.message, mode: 'warning', duration: 3000, title: 'Abort' });
+            }
+            else {
+                setError(getExceptionMessage(ex));
+                setIsAbortError(false);
+                TMExceptionBoxManager.show({ exception: ex });
+            }
+        }
+    };
     const loadDocumentWithCache = async () => {
         const rfo = new RetrieveFileOptions();
         rfo.retrieveReason = DcmtOpers.None;
@@ -94,7 +147,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     };
     const titleHandler = () => {
         let title = 'Anteprima ';
-        if (!dcmtData?.did)
+        if (!dcmtData?.did && !isBasketMode)
             return title;
         let extensionInfo;
         if (dcmtData.fileExt !== null) {
@@ -120,7 +173,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
         setIsAbortError(false);
         setDcmtBlob(undefined);
         try {
-            await loadDocumentWithCache();
+            isBasketMode ? await loadBasketFile() : await loadDocumentWithCache();
         }
         catch (error) {
             console.error('Error reopening document:', error);
@@ -132,7 +185,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     ], [cacheKey, removeDcmtsFileCache, clearDcmtsFileCache, setIsFromCache]);
     return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanel, { padding: '0', title: titleHandler(), onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [onPrev && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), onNext && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(StyledHeaderIcon, { "$color": TMColors.primaryColor, children: _jsx(ContextMenu, { items: cacheMenuItems, trigger: "left", children: _jsx(IconMenuVertical, {}) }) }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
                 ? _jsx(ErrorContent, { error: error, isAbortError: isAbortError, onRetry: reOpenDcmt })
-                : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob) }) }));
+                : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { isBasketMode ? loadBasketFile() : loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob, isBasketMode) }) }));
 };
 export default TMDcmtPreview;
 export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
@@ -382,13 +435,13 @@ const ImageViewer = ({ fileBlob, alt = 'Image', className }) => {
 export const TMNothingToShow = ({ text = '', secondText, fileExt, icon = _jsx(IconPreview, { fontSize: 96 }) }) => {
     return (_jsx(StyledAnimatedComponentOpacity, { style: { width: '100%', height: '100%' }, children: _jsxs(StyledPanelStatusContainer, { children: [icon, _jsxs(StyledPreviewNotAvailable, { children: [text && _jsx("div", { children: text }), _jsxs("div", { children: [" ", secondText ?? SDKUI_Localizator.PreviewNotAvailable, fileExt && _jsx("b", { children: ` (*.${fileExt})` })] })] })] }) }));
 };
-const renderedPreview = (tid, did, fileExt, fileSize, fileCount, extHandler, showPreview, isResizingActive, onDownloadShowPreviewClick, dcmtBlob) => {
-    if (!did)
+const renderedPreview = (tid, did, fileExt, fileSize, fileCount, extHandler, showPreview, isResizingActive, onDownloadShowPreviewClick, dcmtBlob, isBasketMode) => {
+    if (!isBasketMode && !did)
         return _jsx(TMNothingToShow, { text: `${SDKUI_Localizator.NoDcmtSelected}.` });
-    if (fileCount == 0) {
+    if (!isBasketMode && fileCount == 0) {
         return _jsx(TMNothingToShow, { text: SDKUI_Localizator.MetadataOnlyDocument });
     }
-    if (fileExt && extHandler === FileExtensionHandler.NONE) {
+    if (!isBasketMode && fileExt && extHandler === FileExtensionHandler.NONE) {
         return _jsx(TMNothingToShow, { fileExt: fileExt });
     }
     if (showPreview) {

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

@@ -1,5 +1,5 @@
 import { FormModes, TaskContext } from "../../../ts";
-import { TaskDescriptor } from "@topconsultnpm/sdk-ts";
+import { HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
 interface TMDcmtTasksProps {
     taskContext: TaskContext;
     allTasks: Array<TaskDescriptor>;
@@ -8,6 +8,8 @@ interface TMDcmtTasksProps {
     addTaskCallback: (task: TaskDescriptor) => Promise<void>;
     editTaskCallback: (task: TaskDescriptor) => Promise<void>;
     afterTaskSaved: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
 declare const TMDcmtTasks: (props: TMDcmtTasksProps) => import("react/jsx-runtime").JSX.Element;
 export default TMDcmtTasks;

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

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

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

@@ -1,14 +1,19 @@
 import React from 'react';
 import { DeviceType } from '../../base/TMDeviceProvider';
+import { DcmtTypeDescriptor } from '@topconsultnpm/sdk-ts';
 interface ITMFileUploader {
+    fromDTD?: DcmtTypeDescriptor;
     onFileUpload?: (file: File | null) => void;
+    openPdfEditor?: (fromDTD?: DcmtTypeDescriptor, file?: File | null, handleFile?: (file: File) => void) => void;
     onClose?: () => void;
+    onScanRequest?: (onFileScanned: (file: File) => void) => void;
     isRequired?: boolean;
     defaultBlob?: File | null;
     deviceType?: DeviceType;
     isResizingActive?: boolean;
     showTMPanel?: boolean;
     enableDragDropOverlay?: boolean;
+    showScannerIcon?: boolean;
 }
 declare const TMFileUploader: React.FC<ITMFileUploader>;
 export default TMFileUploader;

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

@@ -1,17 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { IconFolderOpen, SDKUI_Localizator, formatBytes, IconClear, extensionHandler, IconCloseOutline } from '../../../helper';
+import { IconFolderOpen, IconScanner, SDKUI_Localizator, formatBytes, IconClear, extensionHandler, IconCloseOutline, IconMenuVertical, TMCommandsContextMenu, IconEdit, isPdfEditorAvailable, SDKUI_Globals } from '../../../helper';
+import { useBetaFeatures } from '../../../hooks/useBetaFeatures';
 import usePreventFileDrop from '../../../hooks/usePreventFileDrop';
 import { FileExtensionHandler } from '../../../ts';
 import { TMColors } from '../../../utils/theme';
 import TMButton from '../../base/TMButton';
+import ShowAlert from '../../base/TMAlert';
 import { DeviceType } from '../../base/TMDeviceProvider';
 import TMTooltip from '../../base/TMTooltip';
 import { TMFileViewer, StyledHeaderIcon } from './TMDcmtPreview';
 import TMPanel from '../../base/TMPanel';
 import TMDragDropOverlay from './TMDragDropOverlay';
-const TMFileUploader = ({ deviceType = DeviceType.DESKTOP, onClose, onFileUpload, isRequired = false, defaultBlob = null, isResizingActive, showTMPanel = true, enableDragDropOverlay = false }) => {
+// Helper per verificare se la licenza scanner è disponibile
+const isScannerLicenseConfigured = () => {
+    try {
+        const scannerLicense = SDKUI_Globals.userSettings.advancedSettings.scannerLicense;
+        return scannerLicense && scannerLicense.trim() !== '';
+    }
+    catch {
+        return false;
+    }
+};
+const TMFileUploader = ({ fromDTD, deviceType = DeviceType.DESKTOP, onClose, onFileUpload, openPdfEditor, onScanRequest, isRequired = false, defaultBlob = null, isResizingActive, showTMPanel = true, enableDragDropOverlay = false, showScannerIcon = true }) => {
+    const isBetaFeaturesEnabled = useBetaFeatures();
     const [dragOver, setDragOver] = useState(false);
     const [uploadedFile, setUploadedFile] = useState(defaultBlob);
     const [fileName, setFileName] = useState('');
@@ -83,11 +96,20 @@ const TMFileUploader = ({ deviceType = DeviceType.DESKTOP, onClose, onFileUpload
         document.getElementById('fileInput')?.click();
     }, []);
     let content = !uploadedFile ?
-        _jsxs("div", { style: { display: 'flex', gap: 10, width: '100%', height: '100%' }, children: [_jsx(HiddenInput, { id: "fileInput", type: "file", onChange: handleInputChange }), _jsxs(UploadContainer, { ref: uploaderRef, tabIndex: 0, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { backgroundColor: dragOver ? '#76b1e6' : 'white' }, onDoubleClick: browseHandler, "$isRequired": isRequired, children: [_jsx("div", { style: { display: 'flex', gap: '10px', flexDirection: 'column', position: 'absolute', right: 5, top: 5 }, children: _jsx(TMButton, { btnStyle: 'icon', caption: 'Sfoglia', color: isRequired && !uploadedFile ? 'error' : 'primary', onClick: browseHandler, icon: _jsx(IconFolderOpen, { fontSize: 22 }) }) }), _jsx("p", { style: { fontSize: '1.2rem', fontWeight: 'bold' }, children: deviceType === DeviceType.MOBILE ? 'Clicca per sfogliare il tuo file' : 'Trascina il tuo file o fai doppio click per sfogliarlo' }), isRequired && _jsxs("p", { style: { fontWeight: 'bold' }, children: [" ", SDKUI_Localizator.RequiredField, " "] })] })] }) :
+        _jsxs("div", { style: { display: 'flex', gap: 10, width: '100%', height: '100%' }, children: [_jsx(HiddenInput, { id: "fileInput", type: "file", onChange: handleInputChange }), _jsxs(UploadContainer, { ref: uploaderRef, tabIndex: 0, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { backgroundColor: dragOver ? '#76b1e6' : 'white' }, onDoubleClick: browseHandler, "$isRequired": isRequired, children: [_jsxs("div", { style: { display: 'flex', gap: '10px', flexDirection: 'column', position: 'absolute', right: 5, top: 5 }, children: [_jsx(TMButton, { btnStyle: 'icon', caption: 'Sfoglia', color: isRequired && !uploadedFile ? 'error' : 'primary', onClick: browseHandler, icon: _jsx(IconFolderOpen, { fontSize: 22 }) }), isBetaFeaturesEnabled && showScannerIcon && isScannerLicenseConfigured() && onScanRequest && _jsx(TMButton, { btnStyle: 'icon', caption: 'Scanner', color: 'primary', onClick: () => { onScanRequest((file) => { onFileUpload?.(file); }); }, icon: _jsx(IconScanner, { fontSize: 22 }) }), isBetaFeaturesEnabled && showScannerIcon && isScannerLicenseConfigured() && !onScanRequest && _jsx(TMButton, { btnStyle: 'icon', caption: 'Scanner', color: 'primary', onClick: () => { ShowAlert({ message: 'Funzionalità scanner non disponibile in questo contesto.', mode: 'info', duration: 3000, title: 'Scanner' }); }, icon: _jsx(IconScanner, { fontSize: 22 }) })] }), _jsx("p", { style: { fontSize: '1.2rem', fontWeight: 'bold' }, children: deviceType === DeviceType.MOBILE ? 'Clicca per sfogliare il tuo file' : 'Trascina il tuo file o fai doppio click per sfogliarlo' }), isRequired && _jsxs("p", { style: { fontWeight: 'bold' }, children: [" ", SDKUI_Localizator.RequiredField, " "] })] })] }) :
         _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, width: '100%', height: '100%' }, children: [_jsxs("div", { style: { backgroundColor: 'white', padding: '5px 10px', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: TMColors.primaryColor }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 5 }, children: [_jsx("p", { children: "File name:" }), _jsxs("div", { style: { fontWeight: 'bold' }, children: [fileName, " ", _jsxs("span", { children: [" ", ` (${formatBytes(fileSize)})`, " "] })] })] }), uploadedFile && _jsx(TMButton, { btnStyle: 'icon', color: 'error', caption: 'Pulisci', onClick: () => clearFile(true), icon: _jsx(IconClear, { fontSize: 22 }) })] }), extensionHandler(fileExt) === FileExtensionHandler.READY_TO_SHOW ? _jsx(TMFileViewer, { fileBlob: uploadedFile, isResizingActive: isResizingActive }) :
                     _jsx("div", { style: { backgroundColor: '#f6dbdb', padding: '5px 10px', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: TMColors.error }, children: _jsxs("div", { children: [" ", 'Anteprima non disponibile.', fileExt && _jsx("b", { children: ` (*.${fileExt})` })] }) })] });
     const innerContent = (_jsxs("div", { style: { width: '100%', height: '100%', padding: '2px', display: 'flex', flexDirection: 'column', gap: 10 }, children: [enableDragDropOverlay && _jsx(TMDragDropOverlay, { handleFile: handleFile, refocusAfterFileInput: refocusAfterFileInput }), content] }));
-    return showTMPanel ? (_jsx(TMPanel, { ref: fileUploaderPanelRef, panelID: 'file-uploader-panel', title: SDKUI_Localizator.FileUpload, onBack: deviceType === DeviceType.MOBILE ? () => onClose?.() : undefined, toolbar: deviceType !== DeviceType.MOBILE ? (_jsx(StyledHeaderIcon, { onClick: onClose, "$color": 'white', children: _jsx(TMTooltip, { content: SDKUI_Localizator.Close, children: _jsx(IconCloseOutline, {}) }) })) : undefined, children: innerContent })) : (innerContent);
+    const toolbar = useMemo(() => {
+        return (_jsxs(_Fragment, { children: [(isPdfEditorAvailable(fromDTD, fileExt) && openPdfEditor) && (_jsx(TMCommandsContextMenu, { target: "#TMPanel-FileUploader-Commands-Header", menuItems: [
+                        {
+                            icon: _jsx(IconEdit, {}),
+                            text: 'PDF Editor',
+                            onClick: () => openPdfEditor(fromDTD, uploadedFile, handleFile)
+                        }
+                    ], showEvent: "click", children: _jsx(IconMenuVertical, { id: "TMPanel-FileUploader-Commands-Header", color: "white", cursor: "pointer" }) })), deviceType !== DeviceType.MOBILE && (_jsx(StyledHeaderIcon, { onClick: onClose, "$color": "white", children: _jsx(TMTooltip, { content: SDKUI_Localizator.Close, children: _jsx(IconCloseOutline, {}) }) }))] }));
+    }, [deviceType, fromDTD, onClose]);
+    return showTMPanel ? (_jsx(TMPanel, { ref: fileUploaderPanelRef, panelID: 'file-uploader-panel', title: SDKUI_Localizator.FileUpload, onBack: deviceType === DeviceType.MOBILE ? () => onClose?.() : undefined, toolbar: toolbar, children: innerContent })) : (innerContent);
 };
 const UploadContainer = styled.div ` 
 position: relative;