@topconsultnpm/sdkui-react 6.21.0-dev1.5 → 6.21.0-dev1.50

package/lib/helper/TMPdfViewer.js

@@ -1,28 +1,63 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef, useCallback } from "react";
+import { useEffect, useState, useRef, useCallback, Component } from "react";
 import styled from "styled-components";
 import { LoadIndicator } from 'devextreme-react/load-indicator';
 import { IconCloseOutline } from "./TMIcons";
 import { SDKUI_Localizator } from "./SDKUI_Localizator";
 import { TMColors } from "../utils/theme";
 import { TMMessageBoxManager, ButtonNames } from "../components/base/TMPopUp";
-// Dynamic imports for optional dependencies
-let pdfjs;
-let Document;
-let Page;
-let isReactPdfAvailable = false;
-try {
-    const reactPdf = require('react-pdf');
-    pdfjs = reactPdf.pdfjs;
-    Document = reactPdf.Document;
-    Page = reactPdf.Page;
-    // Configura il worker PDF.js PRIMA del rendering
-    pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
-    isReactPdfAvailable = true;
-}
-catch (error) {
-    // react-pdf not available - will use iframe fallback
-    // console.warn('react-pdf is not installed. TMPdfViewer will use iframe fallback.');
+import { Document, Page, pdfjs } from "react-pdf";
+let workerStatus = 'pending';
+let workerCheckPromise = null;
+/**
+ * Verifica se il worker PDF.js è disponibile e lo configura.
+ * La Promise viene creata una sola volta e riutilizzata per tutte le istanze.
+ */
+const checkAndConfigureWorker = () => {
+    if (workerCheckPromise) {
+        return workerCheckPromise;
+    }
+    workerCheckPromise = new Promise((resolve) => {
+        const workerUrl = window.location.origin + "/assets/pdfjs-dist/pdf.worker.min.mjs";
+        fetch(workerUrl, { method: 'HEAD' })
+            .then(response => {
+            if (response.ok) {
+                pdfjs.GlobalWorkerOptions.workerSrc = workerUrl;
+                workerStatus = 'available';
+                resolve(true);
+            }
+            else {
+                console.warn('PDF.js worker not found at:', workerUrl);
+                workerStatus = 'unavailable';
+                resolve(false);
+            }
+        })
+            .catch(error => {
+            console.warn('PDF.js worker check failed:', error);
+            workerStatus = 'unavailable';
+            resolve(false);
+        });
+    });
+    return workerCheckPromise;
+};
+class PdfErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(_) {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.warn('PDF rendering error, switching to iframe fallback:', error.message);
+        this.props.onError();
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
 }
 const PDFViewerContainer = styled.div `
   width: 100%;
@@ -73,6 +108,24 @@ const TMPdfViewer = (props) => {
     const [isCheckingPdf, setIsCheckingPdf] = useState(true);
     const [jsMatches, setJsMatches] = useState([]);
     const observerRef = useRef(null);
+    // Stati per gestione worker PDF.js
+    const [workerChecked, setWorkerChecked] = useState(workerStatus !== 'pending');
+    const [useIframeFallback, setUseIframeFallback] = useState(workerStatus === 'unavailable');
+    // Verifica il worker PDF.js - la Promise è condivisa, quindi la fetch avviene una sola volta
+    useEffect(() => {
+        if (workerStatus === 'pending') {
+            checkAndConfigureWorker().then(available => {
+                setWorkerChecked(true);
+                if (!available) {
+                    setUseIframeFallback(true);
+                }
+            });
+        }
+    }, []);
+    // Handler per errori di react-pdf - fallback su iframe
+    const handlePdfError = useCallback(() => {
+        setUseIframeFallback(true);
+    }, []);
     useEffect(() => {
         const checkIsMobile = () => {
             try {
@@ -269,8 +322,8 @@ const TMPdfViewer = (props) => {
                                     }, children: highlightMatch(match.context, match.match) }) })] }, index)))) : (_jsx("div", { style: { textAlign: 'center', padding: '20px', color: '#999' }, children: "Nessun dettaglio disponibile" }))] }))
         });
     };
-    // Mostra loading durante la validazione
-    if (isCheckingPdf) {
+    // Mostra loading durante la validazione del PDF e verifica worker
+    if (isCheckingPdf || !workerChecked) {
         return (_jsx(PDFViewerContainer, { children: _jsxs("div", { style: {
                     display: 'flex',
                     justifyContent: 'center',
@@ -280,22 +333,24 @@ const TMPdfViewer = (props) => {
                     gap: '10px'
                 }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsx("div", { children: "Validazione PDF in corso..." })] }) }));
     }
+    // Componente iframe per fallback
+    const IframeViewer = (_jsx(PDFViewerContainer, { children: _jsx("iframe", { src: `${pdfUrl}#${enableFitToWidth ? 'view=FitH&' : ''}scrollbar=1`, title: title, style: {
+                width: '100%',
+                height: '100%',
+                border: 'none',
+                zIndex: 0,
+                pointerEvents: isResizingActive === true ? "none" : "auto"
+            } }, pdfUrl) }));
     /**
      * Usa <iframe> nei seguenti casi:
-     * 1. react-pdf non è disponibile (libreria non installata)
+     * 1. Worker PDF.js non disponibile o in errore (fallback)
      * 2. Desktop E nessun contenuto JavaScript rilevato (visualizzazione nativa del browser più performante)
      *
      * L'iframe sfrutta il visualizzatore PDF nativo del browser, ma non può prevenire
      * l'esecuzione di JavaScript embedded nel PDF.
      */
-    if (!isReactPdfAvailable || (!isMobile && !hasUnsafeContent && pdfUrl)) {
-        return (_jsx(PDFViewerContainer, { children: _jsx("iframe", { src: `${pdfUrl}#${enableFitToWidth ? 'view=FitH&' : ''}scrollbar=1`, title: title, style: {
-                    width: '100%',
-                    height: '100%',
-                    border: 'none',
-                    zIndex: 0,
-                    pointerEvents: isResizingActive === true ? "none" : "auto"
-                } }, pdfUrl) }));
+    if (useIframeFallback || (!isMobile && !hasUnsafeContent && pdfUrl)) {
+        return IframeViewer;
     }
     /**
      * Usa react-pdf nei seguenti casi:
@@ -304,70 +359,72 @@ const TMPdfViewer = (props) => {
      *
      * react-pdf renderizza il PDF come canvas, prevenendo l'esecuzione di JavaScript embedded,
      * ma è meno performante dell'iframe nativo su desktop.
+     *
+     * ErrorBoundary garantisce fallback su iframe in caso di qualsiasi errore runtime.
      */
-    return _jsxs(PDFViewerContainer, { style: { display: 'flex', flexDirection: 'column' }, children: [loadedPagesNumber === 0 && totalPagesNumber > 0 && _jsx(LoadingOverlay, { children: _jsxs("div", { style: {
-                        display: 'flex',
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        gap: '10px'
-                    }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }) }), _jsx("div", { style: {
-                    display: loadedPagesNumber > 0 && totalPagesNumber > 0 ? 'block' : 'none',
-                    flex: 1,
-                    overflow: 'auto'
-                }, children: _jsx(Document, { file: pdfBlob, onLoadSuccess: ({ numPages }) => {
-                        setTotalPagesNumber(numPages);
-                        setLoadedPagesNumber(0);
-                    }, loading: _jsxs("div", { style: {
-                            display: 'flex',
-                            justifyContent: 'center',
-                            alignItems: 'center',
-                            height: '100%',
-                            flexDirection: 'column',
-                            gap: '10px'
-                        }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }), error: _jsxs("div", { style: {
+    return (_jsx(PdfErrorBoundary, { onError: handlePdfError, fallback: IframeViewer, children: _jsxs(PDFViewerContainer, { style: { display: 'flex', flexDirection: 'column' }, children: [loadedPagesNumber === 0 && totalPagesNumber > 0 && _jsx(LoadingOverlay, { children: _jsxs("div", { style: {
                             display: 'flex',
                             justifyContent: 'center',
                             alignItems: 'center',
-                            height: '100%',
                             flexDirection: 'column',
                             gap: '10px'
-                        }, children: [_jsx(IconCloseOutline, { fontSize: 64, color: TMColors.error }), _jsx("div", { children: "Errore nel caricamento del PDF" })] }), children: Array.from(new Array(totalPagesNumber), (el, index) => {
-                        const pageNumber = index + 1;
-                        const shouldRender = visiblePages.has(pageNumber);
-                        return (_jsx("div", { "data-page-number": pageNumber, ref: (el) => {
-                                if (el && observerRef.current) {
-                                    observerRef.current.observe(el);
-                                }
-                            }, style: {
-                                minHeight: shouldRender ? 'auto' : '1000px',
+                        }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }) }), _jsx("div", { style: {
+                        display: loadedPagesNumber > 0 && totalPagesNumber > 0 ? 'block' : 'none',
+                        flex: 1,
+                        overflow: 'auto'
+                    }, children: _jsx(Document, { file: pdfBlob, onLoadSuccess: ({ numPages }) => {
+                            setTotalPagesNumber(numPages);
+                            setLoadedPagesNumber(0);
+                        }, onLoadError: handlePdfError, loading: _jsxs("div", { style: {
                                 display: 'flex',
                                 justifyContent: 'center',
-                                alignItems: 'center'
-                            }, children: shouldRender && (_jsx(Page, { pageNumber: pageNumber, renderTextLayer: false, renderAnnotationLayer: false, width: Math.min(window.innerWidth - 40, 1200), loading: _jsx("div", { style: { padding: '20px' }, children: _jsx(LoadIndicator, { height: 40, width: 40 }) }), onLoadSuccess: () => {
-                                    setLoadedPagesNumber(prev => prev + 1);
-                                } })) }, `page_${pageNumber}`));
-                    }) }) }), hasUnsafeContent && (_jsxs("div", { style: {
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    padding: '12px 20px',
-                    background: '#fff3cd',
-                    borderTop: '2px solid #ffc107',
-                    gap: '8px',
-                    flexShrink: 0
-                }, children: [_jsxs("span", { style: {
-                            color: '#856404',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            flex: 1
-                        }, children: [_jsx("strong", { children: "Attenzione:" }), " Questo documento contiene contenuti potenzialmente non sicuri."] }), jsMatches.length > 0 && (_jsx("span", { className: "dx-icon-info", style: {
-                            fontSize: '20px',
-                            color: '#d32f2f',
-                            cursor: 'pointer',
-                            transition: 'color 0.2s',
-                            marginLeft: '4px'
-                        }, onClick: showMatchDetails, title: "Clicca per vedere i dettagli", onMouseEnter: (e) => e.currentTarget.style.color = '#b71c1c', onMouseLeave: (e) => e.currentTarget.style.color = '#d32f2f' }))] }))] });
+                                alignItems: 'center',
+                                height: '100%',
+                                flexDirection: 'column',
+                                gap: '10px'
+                            }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }), error: _jsxs("div", { style: {
+                                display: 'flex',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                                height: '100%',
+                                flexDirection: 'column',
+                                gap: '10px'
+                            }, children: [_jsx(IconCloseOutline, { fontSize: 64, color: TMColors.error }), _jsx("div", { children: "Errore nel caricamento del PDF" })] }), children: Array.from(new Array(totalPagesNumber), (el, index) => {
+                            const pageNumber = index + 1;
+                            const shouldRender = visiblePages.has(pageNumber);
+                            return (_jsx("div", { "data-page-number": pageNumber, ref: (el) => {
+                                    if (el && observerRef.current) {
+                                        observerRef.current.observe(el);
+                                    }
+                                }, style: {
+                                    minHeight: shouldRender ? 'auto' : '1000px',
+                                    display: 'flex',
+                                    justifyContent: 'center',
+                                    alignItems: 'center'
+                                }, children: shouldRender && (_jsx(Page, { pageNumber: pageNumber, renderTextLayer: false, renderAnnotationLayer: false, width: Math.min(window.innerWidth - 40, 1200), loading: _jsx("div", { style: { padding: '20px' }, children: _jsx(LoadIndicator, { height: 40, width: 40 }) }), onLoadSuccess: () => {
+                                        setLoadedPagesNumber(prev => prev + 1);
+                                    } })) }, `page_${pageNumber}`));
+                        }) }) }), hasUnsafeContent && (_jsxs("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        padding: '12px 20px',
+                        background: '#fff3cd',
+                        borderTop: '2px solid #ffc107',
+                        gap: '8px',
+                        flexShrink: 0
+                    }, children: [_jsxs("span", { style: {
+                                color: '#856404',
+                                whiteSpace: 'nowrap',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                flex: 1
+                            }, children: [_jsx("strong", { children: "Attenzione:" }), " Questo documento contiene contenuti potenzialmente non sicuri."] }), jsMatches.length > 0 && (_jsx("span", { className: "dx-icon-info", style: {
+                                fontSize: '20px',
+                                color: '#d32f2f',
+                                cursor: 'pointer',
+                                transition: 'color 0.2s',
+                                marginLeft: '4px'
+                            }, onClick: showMatchDetails, title: "Clicca per vedere i dettagli", onMouseEnter: (e) => e.currentTarget.style.color = '#b71c1c', onMouseLeave: (e) => e.currentTarget.style.color = '#d32f2f' }))] }))] }) }));
 };
 export default TMPdfViewer;

package/lib/helper/TMUtils.d.ts

@@ -41,6 +41,7 @@ export declare const parseSignatureConfiguration: (did: number, informationSign:
 export declare const convertSearchResultDescriptorToFileItems: (documents: Array<SearchResultDescriptor>) => Array<FileItem>;
 export declare const getAppModuleGradient: (appModuleID: AppModules) => string;
 export declare const getPanelManagerToolbarColor: (appModuleID: AppModules) => string;
+export declare const getFileManagerFolderColor: (appModuleID: AppModules) => string;
 type SearchToolbarVisibility = {
     tmSearchResult: boolean;
     tmBlog: boolean;

package/lib/helper/TMUtils.js

@@ -374,6 +374,18 @@ export const getPanelManagerToolbarColor = (appModuleID) => {
             return 'transparent linear-gradient(90deg, #CCE0F4 0%, #7EC1E7 14%, #39A6DB 28%, #1E9CD7 35%, #0075BE 78%, #005B97 99%) 0% 0% no-repeat padding-box';
     }
 };
+export const getFileManagerFolderColor = (appModuleID) => {
+    switch (appModuleID) {
+        case AppModules.SURFER:
+            return '#2559a5';
+        case AppModules.DESIGNER:
+            return '#482234';
+        case AppModules.ORCHESTRATOR:
+            return '#1d6f42';
+        default:
+            return '#2559a5';
+    }
+};
 export const getSearchToolbarVisibility = (appModuleID) => {
     switch (appModuleID) {
         case AppModules.SURFER:

package/lib/helper/checkinCheckoutManager.d.ts

@@ -22,12 +22,16 @@ export interface CheckoutInfo {
     checkoutFolder: string;
     checkoutName: string;
 }
-interface CheckoutStatusResult {
+export interface CheckoutStatusResult {
     isCheckedOut: boolean;
     mode: 'editMode' | 'lockMode' | '';
     version: number;
     icon: React.ReactNode | null;
     editLockTooltipText: React.ReactNode | null;
+    checkoutUserId: number | undefined;
+    checkoutDate: any;
+    fileExt: string | null;
+    isMetadata: boolean;
 }
 export type DownloadSource = {
     type: 'fileItem';
@@ -40,7 +44,7 @@ export type DownloadSource = {
 export declare const getCicoDownloadFileName: (source: DownloadSource, checkout: boolean, withTimestampAndExt: boolean) => string;
 export declare const cicoDownloadFilesCallback: (sources: Array<DownloadSource>, checkout: boolean, downloadDcmtsAsync: (inputDcmts: Array<DcmtInfo> | undefined, downloadType?: DownloadTypes, downloadMode?: DownloadModes, onFileDownloaded?: (dcmtFile: File) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>, skipConfirmation?: boolean) => Promise<void>) => Promise<void>;
 export declare const updateCicoCheckoutStorageItem: (item: CheckoutInfo, type: "fileItem" | "dcmtInfo", action?: "addOrUpdate" | "remove") => void;
-export declare const validateCicoFileName: (source: DownloadSource, fileName: string) => FileNameValidation;
+export declare const validateCicoFileName: (source: DownloadSource, fileName: string, checkoutDate?: string | null) => FileNameValidation;
 type ValidationResult = {
     expected: string | number | undefined;
     current: string | number | undefined;
@@ -52,6 +56,7 @@ type FileNameValidationItems = {
     did: ValidationResult;
     tid: ValidationResult;
     fileExtension: ValidationResult;
+    checkoutDate?: ValidationResult;
 };
 type FileNameValidation = {
     isValid: boolean;