@topconsultnpm/sdkui-react 6.20.0-dev1.29 → 6.20.0-dev1.30

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

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { AccessLevels, AccessLevelsEx, AppModules, FileFormats, LayoutModes, SDK_Globals, DcmtTypeListCacheService, LicenseModuleStatus } from '@topconsultnpm/sdk-ts';
 import { IconActivity, IconArchiveDoc, IconBatchUpdate, IconCheckFile, IconCheckIn, IconCircleInfo, IconCloseCircle, IconConvertFilePdf, IconDelete, IconDotsVerticalCircleOutline, IconDownload, IconEdit, IconExportTo, IconFileDots, IconHide, IconInfo, IconMenuCAArchive, IconPlatform, IconPreview, IconRelation, IconSearch, IconShow, IconStar, IconSubstFile, IconUndo, IconUserGroupOutline, SDKUI_Localizator, svgToString, searchResultToMetadataValues, IconSignaturePencil, IconArchiveMaster, IconArchiveDetail, IconDetailDcmts, isPdfEditorEnabled, IconPair, IconUnpair, IconSharedDcmt, IconShare, IconCopy, IconMoveToFolder } from '../../../helper';
 import ShowAlert from '../../base/TMAlert';
@@ -7,6 +7,7 @@ import TMSpinner from '../../base/TMSpinner';
 import { DcmtOperationTypes, DownloadTypes, SearchResultContext } from '../../../ts';
 import { isXMLFileExt } from '../../../helper/dcmtsHelper';
 import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
+import TMSignatureInfoContent from './TMSignatureInfoContent';
 const disabledForSingleRow = (selectedItems, focusedItem) => {
     // Disabilita se ci sono più item selezionati o se focusedItem non ha TID/DID validi
     return selectedItems.length > 1 || focusedItem === undefined || focusedItem.TID === undefined || focusedItem.DID === undefined;
@@ -62,31 +63,14 @@ export const signatureInformationCallback = async (isMobile, inputDcmts) => {
             });
             return;
         }
-        const [inputDcmt] = inputDcmts;
-        let ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
-        if (ue) {
-            ue.TID = inputDcmt.TID;
-            ue.DID = inputDcmt.DID;
-            const res = await ue.GetSignersAsync().catch((error) => { throw error; });
-            if (!res) {
-                throw new Error("Informazioni di firma non disponibili");
-            }
-            TMMessageBoxManager.show({
-                title: SDKUI_Localizator.SignatureInformation,
-                buttons: [ButtonNames.OK],
-                showToppy: false,
-                resizable: true,
-                initialWidth: !isMobile ? '500px' : undefined,
-                message: (_jsx("div", { style: { lineHeight: "1.4em", overflowY: "auto", maxHeight: "400px", paddingRight: "8px", boxSizing: "border-box" }, children: res.signers && res.signers.length > 0 ? (res.signers.map((signer, idx) => (_jsxs("div", { style: {
-                            border: "1px solid #ccc",
-                            borderRadius: "10px",
-                            padding: "12px",
-                            marginBottom: "12px",
-                            background: "#f9f9f9",
-                            boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
-                        }, children: [_jsxs("h3", { style: { margin: "0 0 8px", color: "#333" }, children: ["Firma ", signer.levelAndIndex] }), _jsxs("p", { style: { margin: "4px 0" }, children: [_jsx("strong", { children: "Intestatario:" }), _jsx("br", {}), signer.info1 ?? '-'] }), _jsxs("p", { style: { margin: "4px 0" }, children: [_jsx("strong", { children: "Riferimento temporale:" }), _jsx("br", {}), signer.info2 ?? '-'] }), _jsxs("p", { style: { margin: "4px 0" }, children: [_jsx("strong", { children: "Dettagli:" }), _jsx("br", {}), signer.info3 ?? '-'] })] }, idx)))) : (_jsx("p", { children: "Nessuna firma trovata" })) }))
-            });
-        }
+        TMMessageBoxManager.show({
+            title: SDKUI_Localizator.SignatureInformation,
+            buttons: [ButtonNames.OK],
+            showToppy: false,
+            resizable: true,
+            initialWidth: !isMobile ? '700px' : undefined,
+            message: _jsx(TMSignatureInfoContent, { inputDcmt: inputDcmts[0] })
+        });
     }
     catch (error) {
         console.error(error);

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

@@ -0,0 +1,6 @@
+import { DcmtInfo } from "../../../ts";
+interface TMSignatureInfoContentProps {
+    inputDcmt: DcmtInfo;
+}
+declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TMSignatureInfoContent;

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

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { SDK_Globals } from "@topconsultnpm/sdk-ts";
+import { IconCopy, getExceptionMessage } from "../../../helper";
+import TMSpinner from "../../base/TMSpinner";
+const TMSignatureInfoContent = (props) => {
+    const { inputDcmt } = props;
+    const [selectedHash, setSelectedHash] = useState('sha256');
+    const [signerInfo, setSignerInfo] = useState(undefined);
+    const [error, setError] = useState(undefined);
+    const [copiedHash, setCopiedHash] = useState(false);
+    useEffect(() => {
+        const fetchSignerInfo = async () => {
+            TMSpinner.show();
+            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;
+                }
+                setSignerInfo(signerInfoDescriptor);
+                setError(undefined);
+                TMSpinner.hide();
+            }
+            catch (err) {
+                setError(getExceptionMessage(err));
+                TMSpinner.hide();
+            }
+        };
+        fetchSignerInfo();
+    }, [inputDcmt]);
+    const hashButtonStyle = (isActive) => ({
+        padding: '8px 16px',
+        margin: '0 2px',
+        border: isActive ? '2px solid #0078d4' : '1px solid #ccc',
+        borderRadius: '6px',
+        background: isActive ? '#e6f2ff' : '#fff',
+        color: isActive ? '#0078d4' : '#333',
+        cursor: 'pointer',
+        fontSize: '13px',
+        fontWeight: isActive ? '600' : '400',
+        transition: 'all 0.2s ease',
+        outline: 'none',
+        userSelect: 'none',
+        whiteSpace: 'nowrap'
+    });
+    const getHashValue = () => {
+        switch (selectedHash) {
+            case 'sha256': return signerInfo?.shA256;
+            case 'sha1': return signerInfo?.shA1;
+            case 'sha256base64': return signerInfo?.shA256Base64;
+        }
+    };
+    const getHashLabel = () => {
+        switch (selectedHash) {
+            case 'sha256': return 'SHA-256';
+            case 'sha1': return 'SHA-1';
+            case 'sha256base64': return 'SHA-256 (Base64)';
+        }
+    };
+    const copyToClipboard = async () => {
+        const value = getHashValue();
+        if (value) {
+            try {
+                await navigator.clipboard.writeText(value);
+                setCopiedHash(true);
+                setTimeout(() => setCopiedHash(false), 2000);
+            }
+            catch (err) {
+                console.error('Failed to copy:', err);
+            }
+        }
+    };
+    if (error) {
+        return (_jsx("div", { style: {
+                padding: '20px',
+                textAlign: 'center',
+                color: '#d32f2f',
+                background: '#ffebee',
+                borderRadius: '8px'
+            }, children: error }));
+    }
+    if (!signerInfo) {
+        return null;
+    }
+    return (_jsxs("div", { style: { lineHeight: "1.5em", overflowY: "auto", maxHeight: "500px", paddingRight: "8px", boxSizing: "border-box", userSelect: 'text' }, children: [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() })] })] })), 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: {
+                    padding: '20px',
+                    textAlign: 'center',
+                    color: '#666',
+                    background: '#f5f5f5',
+                    borderRadius: '8px'
+                }, children: "Nessuna firma trovata" }))] }));
+};
+export default TMSignatureInfoContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.29",
+  "version": "6.20.0-dev1.30",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",