@topconsultnpm/sdkui-react 6.22.0-dev1.3 → 6.22.0-dev1.30

package/lib/components/features/search/TMSignatureInfoContent.js

@@ -1,43 +1,174 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { SDK_Globals } from "@topconsultnpm/sdk-ts";
-import { IconCopy, getExceptionMessage, SDKUI_Localizator } from "../../../helper";
+import { SDK_Globals, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats } from "@topconsultnpm/sdk-ts";
+import { IconCopy, IconDownload, IconWarning, IconCheck, getExceptionMessage, SDKUI_Localizator, IconCircleInfo, IconRefresh } from "../../../helper";
+import { getGrafometricSignatures, putGrafometricSignatures, removeGrafometricSignatures } from "../../../helper/grafometricSignaturesCache";
+import TMTooltip from "../../base/TMTooltip";
 import TMSpinner from "../../base/TMSpinner";
+import TMModal from "../../base/TMModal";
+import { DeviceType, useDeviceType } from "../../base/TMDeviceProvider";
+import { LoadIndicator } from "devextreme-react";
+import { TMColors } from "../../../utils/theme";
+import ShowAlert from "../../base/TMAlert";
 const TMSignatureInfoContent = (props) => {
-    const { inputDcmt } = props;
+    const { inputDcmt, graphometricManager, onClose } = props;
+    /** Abilita la cache delle firme grafometriche */
+    const useGrafometricCache = false;
+    /** Abilita la visualizzazione della sezione firme grafometriche */
+    const showGrafometricSection = false;
+    const deviceType = useDeviceType();
+    const isMobile = deviceType === DeviceType.MOBILE;
     const [selectedHash, setSelectedHash] = useState('sha256');
     const [signerInfo, setSignerInfo] = useState(undefined);
     const [error, setError] = useState(undefined);
     const [copiedHash, setCopiedHash] = useState(false);
+    // Stati per firma grafometrica (firme con dati biometrici estratti dal PDF)
+    const [grafometricSignatures, setGrafometricSignatures] = useState([]);
+    const [grafometricError, setGrafometricError] = useState(undefined);
+    const [isDataReady, setIsDataReady] = useState(false);
+    // Stati per gestire il caricamento on-demand delle firme grafometriche
+    const [isGrafometricRequested, setIsGrafometricRequested] = useState(false);
+    const [isGrafometricLoading, setIsGrafometricLoading] = useState(false);
+    // Caricamento iniziale: recupera solo signerInfo
+    // Le firme grafometriche vengono caricate on-demand tramite pulsante (o dalla cache se disponibili)
     useEffect(() => {
         const fetchSignerInfo = async () => {
+            const ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
+            if (!ue) {
+                setError("Sessione non disponibile");
+                return undefined;
+            }
+            ue.TID = inputDcmt.TID;
+            ue.DID = inputDcmt.DID;
+            const signerInfoDescriptor = await ue.GetSignersAsync();
+            if (!signerInfoDescriptor) {
+                setError("Informazioni di firma non disponibili");
+                return undefined;
+            }
+            return signerInfoDescriptor;
+        };
+        const loadSignerInfo = async () => {
             TMSpinner.show();
+            setIsDataReady(false);
+            setError(undefined);
+            // Reset stati grafometrici quando cambia il documento
+            setGrafometricError(undefined);
+            setGrafometricSignatures([]);
+            setIsGrafometricRequested(false);
             try {
-                const ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
-                if (!ue) {
-                    setError("Sessione non disponibile");
-                    TMSpinner.hide();
-                    return;
-                }
-                ue.TID = inputDcmt.TID;
-                ue.DID = inputDcmt.DID;
-                const signerInfoDescriptor = await ue.GetSignersAsync();
-                if (!signerInfoDescriptor) {
-                    setError("Informazioni di firma non disponibili");
-                    TMSpinner.hide();
-                    return;
-                }
+                const signerInfoDescriptor = await fetchSignerInfo();
                 setSignerInfo(signerInfoDescriptor);
-                setError(undefined);
-                TMSpinner.hide();
+                // Controlla se ci sono firme grafometriche in cache per questo documento
+                if (useGrafometricCache && graphometricManager && inputDcmt.FILEEXT?.toLowerCase() === "pdf") {
+                    const cachedSignatures = getGrafometricSignatures(inputDcmt.TID, inputDcmt.DID);
+                    if (cachedSignatures !== undefined) {
+                        setGrafometricSignatures(cachedSignatures);
+                        setIsGrafometricRequested(true);
+                    }
+                }
             }
             catch (err) {
                 setError(getExceptionMessage(err));
+            }
+            finally {
+                setIsDataReady(true);
                 TMSpinner.hide();
             }
         };
-        fetchSignerInfo();
-    }, [inputDcmt]);
+        loadSignerInfo();
+    }, [inputDcmt, graphometricManager]);
+    // Funzione per estrarre le firme grafometriche (chiamata on-demand)
+    const extractGraphometricSignaturesFromPdf = async (forceRefresh = false) => {
+        // Verifica che graphometricManager sia definito e che il file sia un PDF
+        if (!graphometricManager) {
+            return;
+        }
+        // Controlla se i dati sono già in cache (a meno che non sia richiesto un refresh forzato)
+        if (useGrafometricCache) {
+            if (!forceRefresh) {
+                const cachedSignatures = getGrafometricSignatures(inputDcmt.TID, inputDcmt.DID);
+                if (cachedSignatures !== undefined) {
+                    setGrafometricSignatures(cachedSignatures);
+                    setIsGrafometricRequested(true);
+                    return;
+                }
+            }
+            else {
+                // Rimuovi dalla cache se è richiesto un refresh forzato
+                removeGrafometricSignatures(inputDcmt.TID, inputDcmt.DID);
+            }
+        }
+        setIsGrafometricLoading(true);
+        setGrafometricError(undefined);
+        setGrafometricSignatures([]);
+        try {
+            if (inputDcmt.FILEEXT?.toLowerCase() !== "pdf") {
+                return;
+            }
+            // Configura opzioni per il download del file
+            const rfo = new RetrieveFileOptions();
+            rfo.retrieveReason = DcmtOpers.ShowFile;
+            rfo.generalRetrieveFormat = GeneralRetrieveFormats.OriginalUnsigned;
+            // Scarica il PDF dal server
+            const file = await SDK_Globals.tmSession?.NewSearchEngine().RetrieveFileAsync(inputDcmt.TID, inputDcmt.DID, rfo);
+            if (!file) {
+                console.warn('Impossibile scaricare il file PDF per l\'estrazione delle firme grafometriche');
+                setGrafometricError("Non è stato possibile verificare la presenza di firme grafometriche. Riprovare più tardi.");
+                return;
+            }
+            if (file.type !== "application/pdf") {
+                return;
+            }
+            const graphometricAttachments = await graphometricManager.extractGraphometricAttachments(file);
+            // Processa tutti gli attachment grafometrici con graphometricManager
+            const extractedSignatures = [];
+            // Filtra gli attachment con dataBase64 valido
+            const validAttachments = graphometricAttachments.filter(att => att.dataBase64 !== undefined);
+            // Estrai tutti i dataUrl degli attachment
+            const dataUrls = validAttachments.map(att => att.dataBase64).filter((data) => data !== undefined);
+            // Usa graphometricManager per estrarre i dati biometrici da tutte le immagini
+            const results = await graphometricManager.extractBiometricData(dataUrls);
+            // Processa i risultati (verifica che sia un array)
+            const errors = [];
+            if (Array.isArray(results)) {
+                results.forEach((result, index) => {
+                    if (result.success && result.data) {
+                        const originalAttachment = validAttachments[index];
+                        extractedSignatures.push({
+                            biometricData: result.data,
+                            originalDataBase64: originalAttachment?.dataBase64,
+                            originalFileName: originalAttachment?.fileName
+                        });
+                    }
+                    else if (!result.success && result.error) {
+                        errors.push(result.error);
+                    }
+                });
+            }
+            // Se ci sono errori e nessuna firma estratta, mostra gli errori
+            if (errors.length > 0 && extractedSignatures.length === 0) {
+                setGrafometricError(errors.join('; '));
+                return;
+            }
+            // Salva in cache (se abilitata)
+            if (useGrafometricCache) {
+                putGrafometricSignatures(inputDcmt.TID, inputDcmt.DID, extractedSignatures);
+            }
+            setGrafometricSignatures(extractedSignatures);
+        }
+        catch (err) {
+            console.error('Errore estrazione firme grafometriche dal PDF:', err);
+            setGrafometricError("Non è stato possibile verificare la presenza di firme grafometriche. Riprovare più tardi.");
+        }
+        finally {
+            setIsGrafometricLoading(false);
+            setIsGrafometricRequested(true);
+        }
+    };
+    // Funzione per forzare il refresh delle firme grafometriche
+    const refreshGrafometricSignatures = () => {
+        extractGraphometricSignaturesFromPdf(true);
+    };
     const hashButtonStyle = (isActive) => ({
         padding: '8px 16px',
         margin: '0 2px',
@@ -81,64 +212,227 @@ const TMSignatureInfoContent = (props) => {
         }
     };
     if (error) {
-        return (_jsx("div", { style: {
-                padding: '20px',
-                textAlign: 'center',
-                color: '#d32f2f',
-                background: '#ffebee',
-                borderRadius: '8px'
-            }, children: error }));
+        return (_jsx(TMModal, { title: SDKUI_Localizator.SignatureInformation, expandable: true, onClose: onClose, width: isMobile ? '95%' : '700px', height: isMobile ? '90%' : 'auto', children: _jsx("div", { style: { padding: '20px', minHeight: '200px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("div", { style: {
+                        padding: '20px',
+                        textAlign: 'center',
+                        color: '#d32f2f',
+                        background: '#ffebee',
+                        borderRadius: '8px',
+                        width: '100%'
+                    }, children: error }) }) }));
     }
-    if (!signerInfo) {
-        return null;
+    // Mostra il contenuto solo quando entrambi i caricamenti (signerInfo e firme grafometriche) sono completati
+    if (!isDataReady || !signerInfo) {
+        return (_jsx(TMModal, { title: SDKUI_Localizator.SignatureInformation, expandable: true, onClose: onClose, width: isMobile ? '95%' : '700px', height: isMobile ? '90%' : 'auto', children: _jsxs("div", { style: {
+                    padding: '20px',
+                    minHeight: '200px',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    gap: '16px'
+                }, children: [_jsx(LoadIndicator, {}), _jsxs("span", { style: { color: '#666', fontSize: '14px' }, children: [SDKUI_Localizator.Loading, "..."] })] }) }));
     }
-    return (_jsxs("div", { style: { lineHeight: "1.5em", overflowY: "auto", maxHeight: "500px", paddingRight: "8px", boxSizing: "border-box", userSelect: 'text' }, children: [signerInfo.signers && signerInfo.signers.length > 0 ? (_jsxs("div", { children: [_jsxs("h4", { style: { margin: '0 0 12px 0', color: '#0078d4', fontSize: '16px' }, children: ["Firme digitali (", signerInfo.signers.length, ")"] }), signerInfo.signers.map((signer, idx) => (_jsxs("div", { style: {
-                            border: "1px solid #d0d0d0",
-                            borderRadius: "8px",
-                            padding: "16px",
-                            marginBottom: "12px",
-                            background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
-                            boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
-                            userSelect: 'text',
-                        }, children: [_jsxs("h3", { style: { margin: "0 0 12px", color: "#0078d4", fontSize: '15px', fontWeight: '600' }, children: ["Firma ", signer.levelAndIndex] }), _jsxs("div", { style: {
-                                    display: 'grid',
-                                    gap: '10px',
-                                    fontSize: '13px'
-                                }, children: [_jsxs("div", { children: [_jsx("strong", { style: { color: '#555' }, children: "Intestatario:" }), _jsx("div", { style: { marginTop: '4px', color: '#333' }, children: signer.info1 ?? '-' })] }), _jsxs("div", { children: [_jsx("strong", { style: { color: '#555' }, children: "Riferimento temporale:" }), _jsx("div", { style: { marginTop: '4px', color: '#333' }, children: signer.info2 ?? '-' })] }), _jsxs("div", { children: [_jsx("strong", { style: { color: '#555' }, children: "Dettagli:" }), _jsx("div", { style: { marginTop: '4px', color: '#333' }, children: signer.info3 ?? '-' })] })] })] }, idx)))] })) : (_jsx("div", { style: {
-                    border: "1px solid #d0d0d0",
-                    borderRadius: "8px",
-                    padding: "16px",
-                    marginBottom: "12px",
-                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
-                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
-                    userSelect: 'text',
-                    textAlign: 'center',
-                    color: '#666'
-                }, children: SDKUI_Localizator.NoSignatureFound })), signerInfo.shA256 && (_jsxs("div", { style: {
-                    marginBottom: '12px',
-                    padding: '16px',
-                    background: '#f5f5f5',
-                    borderRadius: '8px',
-                    border: '1px solid #e0e0e0'
-                }, children: [_jsxs("div", { style: { marginBottom: '12px', display: 'flex', gap: '4px', flexWrap: 'wrap' }, children: [signerInfo.shA256 && (_jsx("button", { onClick: () => setSelectedHash('sha256'), style: hashButtonStyle(selectedHash === 'sha256'), children: "SHA-256" })), signerInfo.shA1 && (_jsx("button", { onClick: () => setSelectedHash('sha1'), style: hashButtonStyle(selectedHash === 'sha1'), children: "SHA-1" })), signerInfo.shA256Base64 && (_jsx("button", { onClick: () => setSelectedHash('sha256base64'), style: hashButtonStyle(selectedHash === 'sha256base64'), children: "Base64" }))] }), _jsxs("div", { style: {
-                            background: '#fff',
-                            padding: '12px',
-                            borderRadius: '6px',
-                            wordBreak: 'break-all',
-                            fontSize: '12px',
-                            border: '1px solid #d0d0d0',
-                            userSelect: 'text',
-                        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '6px' }, children: [_jsxs("strong", { style: { color: '#0078d4', fontSize: '14px' }, children: [getHashLabel(), ":"] }), _jsxs("button", { onClick: copyToClipboard, style: {
-                                            background: copiedHash ? '#d4edda' : 'transparent',
-                                            border: 'none',
-                                            cursor: 'pointer',
-                                            padding: '4px 8px',
-                                            borderRadius: '4px',
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                            gap: '4px',
-                                            transition: 'all 0.2s ease',
-                                            color: copiedHash ? '#155724' : '#666'
-                                        }, title: "Copia", children: [_jsx(IconCopy, { width: 16, height: 16 }), copiedHash && _jsx("span", { style: { fontSize: '11px' }, children: "Copiato" })] })] }), _jsx("div", { style: { color: '#333' }, children: getHashValue() })] })] }))] }));
+    return (_jsx(TMModal, { title: SDKUI_Localizator.SignatureInformation, expandable: true, onClose: onClose, width: isMobile ? '95%' : '700px', height: isMobile ? '90%' : 'auto', children: _jsx("div", { style: { padding: '16px', minHeight: '200px', overflow: 'auto' }, children: _jsxs("div", { style: { lineHeight: "1.5em", boxSizing: "border-box", userSelect: 'text' }, children: [_jsxs("div", { children: [_jsxs("h4", { style: { margin: '0 0 12px 0', color: '#0078d4', fontSize: '16px' }, children: ["Firme digitali (", signerInfo.signers?.length ?? 0, ")"] }), signerInfo.signers && signerInfo.signers.length > 0 ? (signerInfo.signers.map((signer, idx) => (_jsxs("div", { style: {
+                                    border: "1px solid #d0d0d0",
+                                    borderRadius: "8px",
+                                    padding: "16px",
+                                    marginBottom: "12px",
+                                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                    userSelect: 'text',
+                                }, children: [_jsxs("h3", { style: { margin: "0 0 12px", color: "#0078d4", fontSize: '15px', fontWeight: '600' }, children: ["Firma ", signer.levelAndIndex] }), _jsxs("div", { style: {
+                                            display: 'grid',
+                                            gap: '10px',
+                                            fontSize: '13px'
+                                        }, children: [_jsxs("div", { children: [_jsx("strong", { style: { color: '#555' }, children: "Intestatario:" }), _jsx("div", { style: { marginTop: '4px', color: '#333' }, children: signer.info1 ?? '-' })] }), _jsxs("div", { children: [_jsx("strong", { style: { color: '#555' }, children: "Riferimento temporale:" }), _jsx("div", { style: { marginTop: '4px', color: '#333' }, children: signer.info2 ?? '-' })] }), _jsxs("div", { children: [_jsx("strong", { style: { color: '#555' }, children: "Dettagli:" }), _jsx("div", { style: { marginTop: '4px', color: '#333' }, children: signer.info3 ?? '-' })] })] })] }, idx)))) : (_jsx("div", { style: {
+                                    border: "1px solid #d0d0d0",
+                                    borderRadius: "8px",
+                                    padding: "16px",
+                                    marginBottom: "12px",
+                                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                    userSelect: 'text',
+                                    textAlign: 'center',
+                                    color: '#666'
+                                }, children: SDKUI_Localizator.NoSignatureFound }))] }), showGrafometricSection && graphometricManager && inputDcmt.FILEEXT?.toLowerCase() === "pdf" && (_jsxs("div", { style: { marginTop: '16px' }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '12px' }, children: [_jsxs("h4", { style: { margin: 0, color: '#0078d4', fontSize: '16px' }, children: ["Firme Grafometriche ", isGrafometricRequested && !isGrafometricLoading && !grafometricError && `(${grafometricSignatures.length})`] }), isGrafometricRequested && !isGrafometricLoading && (_jsx(TMTooltip, { content: "Aggiorna", children: _jsx("button", { onClick: refreshGrafometricSignatures, style: {
+                                                background: 'transparent',
+                                                border: 'none',
+                                                cursor: 'pointer',
+                                                padding: '4px',
+                                                borderRadius: '4px',
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                color: '#0078d4',
+                                                transition: 'all 0.2s ease'
+                                            }, onMouseEnter: (e) => {
+                                                e.currentTarget.style.background = '#e6f2ff';
+                                            }, onMouseLeave: (e) => {
+                                                e.currentTarget.style.background = 'transparent';
+                                            }, children: _jsx(IconRefresh, { width: 18, height: 18 }) }) }))] }), !isGrafometricRequested && !isGrafometricLoading && (_jsx("div", { style: {
+                                    border: "1px solid #d0d0d0",
+                                    borderRadius: "8px",
+                                    padding: "20px",
+                                    marginBottom: "12px",
+                                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'center',
+                                    gap: '12px'
+                                }, children: _jsx("button", { onClick: () => extractGraphometricSignaturesFromPdf(), style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        gap: '8px',
+                                        padding: '10px 20px',
+                                        border: '2px solid #0078d4',
+                                        borderRadius: '8px',
+                                        background: 'linear-gradient(135deg, #0078d4 0%, #005a9e 100%)',
+                                        color: '#fff',
+                                        cursor: 'pointer',
+                                        fontSize: '14px',
+                                        fontWeight: '600',
+                                        transition: 'all 0.2s ease',
+                                        boxShadow: '0 2px 6px rgba(0,120,212,0.3)',
+                                    }, onMouseEnter: (e) => {
+                                        e.currentTarget.style.background = 'linear-gradient(135deg, #005a9e 0%, #004578 100%)';
+                                        e.currentTarget.style.boxShadow = '0 4px 12px rgba(0,120,212,0.4)';
+                                        e.currentTarget.style.transform = 'translateY(-1px)';
+                                    }, onMouseLeave: (e) => {
+                                        e.currentTarget.style.background = 'linear-gradient(135deg, #0078d4 0%, #005a9e 100%)';
+                                        e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,120,212,0.3)';
+                                        e.currentTarget.style.transform = 'translateY(0)';
+                                    }, children: "Scarica firme grafometriche" }) })), isGrafometricLoading && (_jsxs("div", { style: {
+                                    border: "1px solid #d0d0d0",
+                                    borderRadius: "8px",
+                                    padding: "24px",
+                                    marginBottom: "12px",
+                                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'center',
+                                    gap: '12px'
+                                }, children: [_jsx(LoadIndicator, {}), _jsx("span", { style: { color: '#666', fontSize: '13px' }, children: "Analisi delle firme grafometriche in corso..." })] })), grafometricError && isGrafometricRequested && (_jsx("div", { style: {
+                                    border: "1px solid #d0d0d0",
+                                    borderRadius: "8px",
+                                    padding: "16px",
+                                    marginBottom: "12px",
+                                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                }, children: _jsxs("div", { style: {
+                                        color: '#d32f2f',
+                                        fontSize: '13px',
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        gap: '8px'
+                                    }, children: [_jsx(IconWarning, { width: 16, height: 16 }), grafometricError] }) })), isGrafometricRequested && !isGrafometricLoading && !grafometricError && grafometricSignatures.length === 0 && (_jsx("div", { style: {
+                                    border: "1px solid #d0d0d0",
+                                    borderRadius: "8px",
+                                    padding: "16px",
+                                    marginBottom: "12px",
+                                    background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                    boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                    textAlign: 'center',
+                                    color: '#666'
+                                }, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '8px' }, children: [_jsx(IconCircleInfo, { width: 16, height: 16, style: { color: TMColors.iconLight } }), "Nessuna firma grafometrica trovata nel documento."] }) })), isGrafometricRequested && !isGrafometricLoading && grafometricSignatures.length > 0 && (_jsx(_Fragment, { children: grafometricSignatures.map((signature, idx) => {
+                                    const data = signature.biometricData;
+                                    const isIntegrityOk = data.integrityStatus === 'OK';
+                                    const integrityColor = isIntegrityOk ? '#28a745' : (data.integrityStatus === 'FAIL' ? '#dc3545' : '#ffc107');
+                                    const isDataStatusOk = data.dataStatus === 'GOOD';
+                                    const dataStatusColor = isDataStatusOk ? '#28a745' : (data.dataStatus === 'ERROR' ? '#dc3545' : '#ffc107');
+                                    const downloadBiometricData = () => {
+                                        if (!graphometricManager || !signature.originalDataBase64) {
+                                            ShowAlert({
+                                                mode: 'warning',
+                                                message: "I dati biometrici non sono disponibili per questa firma.",
+                                                duration: 3000,
+                                                title: SDKUI_Localizator.Warning,
+                                            });
+                                            return;
+                                        }
+                                        graphometricManager.downloadDecryptedPngWithBiometricData({
+                                            fileName: signature.originalFileName,
+                                            dataBase64: signature.originalDataBase64
+                                        });
+                                    };
+                                    return (_jsxs("div", { style: {
+                                            border: "1px solid #d0d0d0",
+                                            borderRadius: "8px",
+                                            padding: "16px",
+                                            marginBottom: "12px",
+                                            background: "linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%)",
+                                            boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
+                                            userSelect: 'text',
+                                        }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '12px' }, children: [_jsxs("h3", { style: { margin: 0, color: "#0078d4", fontSize: '15px', fontWeight: '600' }, children: ["Firma #", idx + 1] }), _jsx("div", { style: { display: 'flex', gap: '8px' }, children: signature.originalDataBase64 && (_jsxs("button", { onClick: downloadBiometricData, style: {
+                                                                display: 'flex',
+                                                                alignItems: 'center',
+                                                                gap: '6px',
+                                                                padding: '6px 12px',
+                                                                border: '1px solid #28a745',
+                                                                borderRadius: '6px',
+                                                                background: '#fff',
+                                                                color: '#28a745',
+                                                                cursor: 'pointer',
+                                                                fontSize: '12px',
+                                                                fontWeight: '500',
+                                                                transition: 'all 0.2s ease',
+                                                            }, onMouseEnter: (e) => {
+                                                                e.currentTarget.style.background = '#28a745';
+                                                                e.currentTarget.style.color = '#fff';
+                                                            }, onMouseLeave: (e) => {
+                                                                e.currentTarget.style.background = '#fff';
+                                                                e.currentTarget.style.color = '#28a745';
+                                                            }, children: [_jsx(IconDownload, { width: 14, height: 14 }), "Download"] })) })] }), _jsx("div", { style: {
+                                                    background: '#fafafa',
+                                                    borderRadius: '6px',
+                                                    padding: '16px',
+                                                    marginBottom: '16px',
+                                                    textAlign: 'center',
+                                                    border: '1px solid #e8e8e8'
+                                                }, children: _jsx("img", { src: `${data.signatureImage}`, draggable: false, alt: `Firma di ${data.signatureName || 'Firmatario'}`, style: {
+                                                        maxWidth: '100%',
+                                                        maxHeight: '100px',
+                                                        objectFit: 'contain'
+                                                    } }) }), _jsxs("div", { style: {
+                                                    display: 'grid',
+                                                    gap: '8px',
+                                                    fontSize: '13px'
+                                                }, children: [data.signatureName && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Firmatario:" }), _jsx("span", { style: { color: '#333' }, children: data.signatureName })] })), data.reasonForSigning && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Motivo firma:" }), _jsx("span", { style: { color: '#333' }, children: data.reasonForSigning })] })), data.dateTimeFormatted && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Data e ora:" }), _jsx("span", { style: { color: '#333' }, children: data.dateTimeFormatted })] })), data.digitizerType && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Dispositivo:" }), _jsx("span", { style: { color: '#333' }, children: data.digitizerType })] })), data.digitizerDriver && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Driver:" }), _jsx("span", { style: { color: '#333', wordBreak: 'break-all' }, children: data.digitizerDriver })] })), data.operatingSystem && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Sistema operativo:" }), _jsx("span", { style: { color: '#333', wordBreak: 'break-all' }, children: data.operatingSystem })] })), data.networkInterfaceCard && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Scheda di rete:" }), _jsx("span", { style: { color: '#333', wordBreak: 'break-all' }, children: data.networkInterfaceCard })] })), (() => {
+                                                        const extraData = data.extraData ?? {};
+                                                        return Object.keys(extraData).length > 0 && (_jsxs("div", { style: { display: 'flex', borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsx("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0 }, children: "Extra Data:" }), _jsx("div", { style: { color: '#333', wordBreak: 'break-all' }, children: Object.entries(extraData).map(([key, value]) => (_jsxs("div", { children: [key, ": ", value] }, key))) })] }));
+                                                    })(), _jsxs("div", { style: { borderBottom: '1px solid #eee', paddingBottom: '8px' }, children: [_jsxs("div", { style: { display: 'flex' }, children: [_jsxs("strong", { style: { color: '#555', minWidth: '160px', flexShrink: 0, display: 'flex', alignItems: 'center', gap: '4px' }, children: ["Integrit\u00E0 firma:", _jsx(TMTooltip, { content: "Verifica se la firma biometrica \u00E8 stata alterata", children: _jsx(IconCircleInfo, { width: 14, height: 14, style: { color: TMColors.iconLight } }) })] }), _jsx("span", { style: {
+                                                                            color: integrityColor,
+                                                                            fontWeight: '600',
+                                                                            display: 'flex',
+                                                                            alignItems: 'center',
+                                                                            gap: '6px'
+                                                                        }, children: isIntegrityOk ? _jsxs(_Fragment, { children: [_jsx(IconCheck, { width: 14, height: 14 }), " Verificata"] }) : _jsxs(_Fragment, { children: [_jsx(IconWarning, { width: 14, height: 14 }), " ", data.integrityStatus] }) })] }), data.integrityWarning && (_jsx("div", { style: { marginLeft: '160px', marginTop: '4px', fontSize: '12px', color: '#856404', fontStyle: 'italic' }, children: data.integrityWarning }))] })] })] }, idx));
+                                }) }))] })), signerInfo.shA256 && (_jsxs("div", { style: {
+                            marginBottom: '12px',
+                            padding: '16px',
+                            background: '#f5f5f5',
+                            borderRadius: '8px',
+                            border: '1px solid #e0e0e0'
+                        }, children: [_jsxs("div", { style: { marginBottom: '12px', display: 'flex', gap: '4px', flexWrap: 'wrap' }, children: [signerInfo.shA256 && (_jsx("button", { onClick: () => setSelectedHash('sha256'), style: hashButtonStyle(selectedHash === 'sha256'), children: "SHA-256" })), signerInfo.shA1 && (_jsx("button", { onClick: () => setSelectedHash('sha1'), style: hashButtonStyle(selectedHash === 'sha1'), children: "SHA-1" })), signerInfo.shA256Base64 && (_jsx("button", { onClick: () => setSelectedHash('sha256base64'), style: hashButtonStyle(selectedHash === 'sha256base64'), children: "Base64" }))] }), _jsxs("div", { style: {
+                                    background: '#fff',
+                                    padding: '12px',
+                                    borderRadius: '6px',
+                                    wordBreak: 'break-all',
+                                    fontSize: '12px',
+                                    border: '1px solid #d0d0d0',
+                                    userSelect: 'text',
+                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '6px' }, children: [_jsxs("strong", { style: { color: '#0078d4', fontSize: '14px' }, children: [getHashLabel(), ":"] }), _jsxs("button", { onClick: copyToClipboard, style: {
+                                                    background: copiedHash ? '#d4edda' : 'transparent',
+                                                    border: 'none',
+                                                    cursor: 'pointer',
+                                                    padding: '4px 8px',
+                                                    borderRadius: '4px',
+                                                    display: 'flex',
+                                                    alignItems: 'center',
+                                                    gap: '4px',
+                                                    transition: 'all 0.2s ease',
+                                                    color: copiedHash ? '#155724' : '#666'
+                                                }, title: "Copia", children: [_jsx(IconCopy, { width: 16, height: 16 }), copiedHash && _jsx("span", { style: { fontSize: '11px' }, children: "Copiato" })] })] }), _jsx("div", { style: { color: '#333' }, children: getHashValue() })] })] }))] }) }) }));
 };
 export default TMSignatureInfoContent;

package/lib/components/features/search/TMViewHistoryDcmt.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DcmtInfo } from "../../../ts/types";
 import { DeviceType } from "../../base/TMDeviceProvider";
 import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
@@ -14,5 +15,5 @@ interface TMViewHistoryDcmtProps {
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
-declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => React.JSX.Element;
 export default TMViewHistoryDcmt;

package/lib/components/features/tasks/TMTaskForm.d.ts

@@ -36,5 +36,5 @@ export interface TMTaskFormProps {
     onOpenPdfEditorRequest?: (dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: () => Promise<void>) => void;
     s4TViewerDialogComponent?: React.ReactNode;
 }
-declare const TMTaskForm: (props: TMTaskFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTaskForm: (props: TMTaskFormProps) => React.JSX.Element;
 export default TMTaskForm;

package/lib/components/features/tasks/TMTaskFormUtils.d.ts

@@ -8,7 +8,7 @@ interface TaskFormAssignmentNoticeSectionProps {
     users: Array<UserDescriptor>;
     requestMoreInfo?: boolean;
 }
-export declare const TaskFormAssignmentNoticeBadge: (props: TaskFormAssignmentNoticeSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TaskFormAssignmentNoticeBadge: (props: TaskFormAssignmentNoticeSectionProps) => React.JSX.Element | null;
 interface RenderContextBlockParams {
     condition: boolean;
     pdg: PdGs;
@@ -19,7 +19,7 @@ interface TaskFormContextualAttachmentsProps {
     currentTask: TaskDescriptor | undefined;
     taskContext: TaskContext | undefined;
 }
-export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => React.JSX.Element;
 interface TaskFormAssignedToProps {
     formMode: FormModes;
     formData: TaskDescriptor | undefined;
@@ -31,7 +31,7 @@ interface TaskFormAssignedToProps {
     label?: string;
     onValueChanged: (newValue: Array<number> | undefined) => void;
 }
-export declare const TaskAssigneeField: (props: TaskFormAssignedToProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskAssigneeField: (props: TaskFormAssignedToProps) => React.JSX.Element;
 interface RenderFieldBaseProps {
     fieldsReadOnly: IFieldsEditability;
     formDataOrig?: TaskDescriptor;
@@ -50,12 +50,12 @@ interface RenderDateFieldProps extends RenderFieldProps {
     label?: string;
     onContentReady?: () => void;
 }
-export declare const RenderNameField: ({ requestMoreInfo, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderDescriptionField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderPriorityField: ({ formData, formDataOrig, fieldsReadOnly, onPriorityValueChange }: RenderPriorityFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderStartDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderEndDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderRemindDateField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderNameField: ({ requestMoreInfo, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
+export declare const RenderDescriptionField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
+export declare const RenderPriorityField: ({ formData, formDataOrig, fieldsReadOnly, onPriorityValueChange }: RenderPriorityFieldProps) => React.JSX.Element;
+export declare const RenderStartDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => React.JSX.Element;
+export declare const RenderEndDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => React.JSX.Element;
+export declare const RenderRemindDateField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
 interface RenderTaskFormStateFieldProps {
     formDataOrig: TaskDescriptor | undefined;
     formData: TaskDescriptor | undefined;
@@ -71,7 +71,7 @@ interface TMChangeStateFormProps {
     handleShowChangeStateForm: (value: boolean) => void;
     setFormData: React.Dispatch<React.SetStateAction<TaskDescriptor | undefined>>;
 }
-export declare const TMChangeStateForm: (props: TMChangeStateFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMChangeStateForm: (props: TMChangeStateFormProps) => React.JSX.Element;
 type TaskRole = "personal" | "sender" | "receiver";
 type StatusTransitionMap = {
     [key in Task_States]?: Task_States[];

package/lib/components/features/tasks/TMTasksAgenda.d.ts

@@ -15,5 +15,5 @@ interface TMTasksAgendaProps {
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
     menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksAgenda: (props: TMTasksAgendaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksAgenda: (props: TMTasksAgendaProps) => React.JSX.Element;
 export default TMTasksAgenda;

package/lib/components/features/tasks/TMTasksCalendar.d.ts

@@ -19,5 +19,5 @@ interface TMTasksCalendarProps {
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
     menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksCalendar: (props: TMTasksCalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksCalendar: (props: TMTasksCalendarProps) => React.JSX.Element;
 export default TMTasksCalendar;

package/lib/components/features/tasks/TMTasksHeader.d.ts

@@ -10,5 +10,5 @@ interface TMTasksHeaderProps {
     color?: string;
     height?: string;
 }
-declare const TMTasksHeader: (props: TMTasksHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksHeader: (props: TMTasksHeaderProps) => React.JSX.Element;
 export default TMTasksHeader;

package/lib/components/features/tasks/TMTasksPanelContent.d.ts

@@ -16,5 +16,5 @@ interface TMTasksPanelContentProps {
     s4TViewerDialogComponent?: React.ReactNode;
     afterTaskSaved?: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
 }
-declare const TMTasksPanelContent: (props: TMTasksPanelContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksPanelContent: (props: TMTasksPanelContentProps) => React.JSX.Element;
 export default TMTasksPanelContent;