@topconsultnpm/sdkui-react 6.22.0-dev1.8 → 6.22.0-dev2.2

package/lib/helper/TMUtils.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { TMTooltip } from '../components';
 import { IconCADossier, IconKey, IconMenuCAWorkingGroups } from './TMIcons';
-import { AccessLevels, AppModules, DataListCacheService, DcmtTypeListCacheService, LicenseModuleStatus, MetadataDataDomains, PdGs, SDK_Globals, SystemMIDs } from '@topconsultnpm/sdk-ts';
+import { AccessLevels, AppModules, DataColumnTypes, DataListCacheService, DcmtTypeListCacheService, LicenseModuleStatus, MetadataDataDomains, MetadataFormats, PdGs, SDK_Globals, SystemMIDs } from '@topconsultnpm/sdk-ts';
 import { SDKUI_Localizator } from './SDKUI_Localizator';
 /**
  * Estensioni di firma/marca temporale note che possono avvolgere altre estensioni.
@@ -439,16 +439,10 @@ export const buildDcmtDisplayName = (obj) => {
         if (!obj)
             return [];
         const sysAbstractKey = Object.keys(obj).find(k => k.toUpperCase() === 'SYS_ABSTRACT');
-        if (sysAbstractKey) {
-            if (obj[sysAbstractKey]?.value) {
-                return [sysAbstractKey];
-            }
-            // SYS_Abstract esiste ma è vuoto: usa DID se presente, altrimenti continua con la logica standard
-            const didKey = Object.keys(obj).find(k => k.toUpperCase() === 'DID');
-            if (didKey && obj[didKey]?.value) {
-                return [didKey];
-            }
+        if (sysAbstractKey && obj[sysAbstractKey]?.value) {
+            return [sysAbstractKey];
         }
+        // SYS_Abstract esiste ma è vuoto: continua con la logica standard
         const keys = Object.keys(obj);
         const sysMIDs = Object.values(SystemMIDs).map(o => o.toUpperCase());
         const viewableMetadataKeys = keys.filter(k => obj?.[k]?.value &&
@@ -461,6 +455,7 @@ export const buildDcmtDisplayName = (obj) => {
         if (specialOutputKeys.length > 0) {
             return specialOutputKeys;
         }
+        // Se non ci sono metadati speciali, restituisci i primi 5 metadati non di sistema con permesso canView
         if (viewableMetadataKeys.length > 0) {
             return viewableMetadataKeys.slice(0, 5);
         }
@@ -533,3 +528,247 @@ export const getDTDDisplayNameInfo = async (dtd) => {
         return SDKUI_Localizator.DisplayNameMethod_Top5;
     }
 };
+export const getCurrencySymbol = (format) => {
+    switch (format) {
+        case MetadataFormats.CurrencyEuro: return '€';
+        case MetadataFormats.CurrencyDollar: return '$';
+        case MetadataFormats.CurrencyPound: return '£';
+        case MetadataFormats.CurrencyYen: return '¥';
+        default: return undefined;
+    }
+};
+/** Estrae Format e FormatCulture dalle proprietà estese di una colonna. */
+export const getColumnFormatInfo = (col) => {
+    const format = MetadataFormats[(col.extendedProperties?.["Format"] ?? "None")];
+    const formatCulture = col.extendedProperties?.["FormatCulture"] ?? window.navigator.language;
+    return { format, formatCulture };
+};
+/**
+ * Restituisce il pattern di formato DevExtreme per DateBox basato su MetadataFormats e cultura.
+ * Usa la stessa logica di formatDateTimeByMetadataFormat per garantire coerenza.
+ * Supporta: IT (it-IT), GB (en-GB), US (en-US), JP (ja-JP)
+ */
+export const getDevExtremeDateDisplayFormat = (format, formatCulture) => {
+    try {
+        const culture = (formatCulture ?? window.navigator.language).toLowerCase();
+        const isItalian = culture === 'it-it' || culture.startsWith('it');
+        const isUS = culture === 'en-us';
+        const isGB = culture === 'en-gb';
+        const isJP = culture === 'ja-jp' || culture.startsWith('ja');
+        // Formati data base per cultura (coerenti con formatDateTimeByMetadataFormat)
+        const getShortDate = () => {
+            if (isItalian)
+                return 'dd/MM/yyyy'; // 17/07/2026
+            if (isUS)
+                return 'M/d/yyyy'; // 7/17/2026
+            if (isGB)
+                return 'dd/MM/yyyy'; // 17/07/2026
+            if (isJP)
+                return 'yyyy/MM/dd'; // 2026/07/17
+            return 'dd/MM/yyyy'; // default
+        };
+        const getLongDate = () => {
+            if (isItalian)
+                return 'EEEE d MMMM yyyy'; // lunedì 17 luglio 2026
+            if (isUS)
+                return 'EEEE, MMMM d, yyyy'; // Monday, July 17, 2026
+            if (isGB)
+                return 'd MMMM yyyy'; // 17 July 2026 (senza weekday)
+            if (isJP)
+                return 'yyyy年M月d日'; // 2026年7月17日 (senza weekday)
+            return 'd MMMM yyyy'; // default (senza weekday)
+        };
+        // Formati ora per cultura (US usa 12h con AM/PM, altri usano 24h)
+        const getShortTime = () => {
+            if (isUS)
+                return 'h:mm a'; // 3:30 PM
+            return 'HH:mm'; // 15:30
+        };
+        const getLongTime = () => {
+            if (isUS)
+                return 'h:mm:ss a'; // 3:30:45 PM
+            return 'HH:mm:ss'; // 15:30:45
+        };
+        const shortDate = getShortDate();
+        const longDate = getLongDate();
+        const shortTime = getShortTime();
+        const longTime = getLongTime();
+        switch (format) {
+            case MetadataFormats.ShortDate:
+                return shortDate;
+            case MetadataFormats.LongDate:
+                return longDate;
+            case MetadataFormats.ShortTime:
+                return shortTime;
+            case MetadataFormats.LongTime:
+                return longTime;
+            case MetadataFormats.ShortDateShortTime:
+                return `${shortDate} ${shortTime}`;
+            case MetadataFormats.ShortDateLongTime:
+                return `${shortDate} ${longTime}`;
+            case MetadataFormats.LongDateShortTime:
+                return `${longDate} ${shortTime}`;
+            case MetadataFormats.LongDateLongTime:
+                return `${longDate} ${longTime}`;
+            default:
+                return shortDate;
+        }
+    }
+    catch {
+        // Fallback: restituisce formato data breve di default
+        return 'dd/MM/yyyy';
+    }
+};
+/** Formatta una data secondo MetadataFormats e cultura. */
+export const formatDateTimeByMetadataFormat = (value, format, formatCulture) => {
+    try {
+        // Fallback sicuro per formatCulture
+        const safeCulture = (formatCulture && typeof formatCulture === 'string' && formatCulture.trim()) ? formatCulture.trim() : window.navigator.language;
+        const culture = safeCulture.toLowerCase();
+        // Culture che includono il giorno della settimana nei formati lunghi
+        const includeWeekday = culture === 'it-it' || culture === 'en-us';
+        // Opzioni per data lunga (con o senza giorno settimana)
+        const longDateOptions = includeWeekday
+            ? { weekday: "long", year: "numeric", month: "long", day: "numeric" }
+            : { year: "numeric", month: "long", day: "numeric" };
+        // Opzioni ShortDate: IT usa dd/MM/yyyy, US usa M/d/yyyy (anno a 4 cifre), altri usano dateStyle: 'short'
+        const getShortDateOptions = () => {
+            if (culture === "it-it")
+                return { year: "numeric", month: "2-digit", day: "2-digit" };
+            if (culture === "en-us")
+                return { year: "numeric", month: "numeric", day: "numeric" };
+            return { dateStyle: 'short' };
+        };
+        switch (format) {
+            case MetadataFormats.ShortDate:
+                return value.toLocaleString(safeCulture, getShortDateOptions());
+            case MetadataFormats.ShortTime:
+                return value.toLocaleString(safeCulture, { timeStyle: 'short' });
+            case MetadataFormats.ShortDateLongTime:
+                if (culture === "it-it")
+                    return value.toLocaleString(safeCulture, { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit', second: '2-digit' }).replace(',', '');
+                if (culture === "en-us")
+                    return value.toLocaleString(safeCulture, { year: "numeric", month: "numeric", day: "numeric", hour: 'numeric', minute: '2-digit', second: '2-digit' }).replace(',', '');
+                return value.toLocaleString(safeCulture, { dateStyle: 'short', timeStyle: 'medium' }).replace(',', '');
+            case MetadataFormats.ShortDateShortTime:
+                if (culture === "it-it")
+                    return value.toLocaleString(safeCulture, { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit' }).replace(',', '');
+                if (culture === "en-us")
+                    return value.toLocaleString(safeCulture, { year: "numeric", month: "numeric", day: "numeric", hour: 'numeric', minute: '2-digit' }).replace(',', '');
+                return value.toLocaleString(safeCulture, { dateStyle: 'short', timeStyle: 'short' }).replace(',', '');
+            case MetadataFormats.LongDate:
+                return value.toLocaleString(safeCulture, longDateOptions);
+            case MetadataFormats.LongTime:
+                return value.toLocaleString(safeCulture, { timeStyle: 'medium' });
+            case MetadataFormats.LongDateLongTime: {
+                const datePart = value.toLocaleString(safeCulture, longDateOptions);
+                const timePart = value.toLocaleString(safeCulture, culture === "en-us" ? { hour: 'numeric', minute: '2-digit', second: '2-digit' } : { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+                return `${datePart} ${timePart}`;
+            }
+            case MetadataFormats.LongDateShortTime: {
+                const datePart = value.toLocaleString(safeCulture, longDateOptions);
+                const timePart = value.toLocaleString(safeCulture, culture === "en-us" ? { hour: 'numeric', minute: '2-digit' } : { hour: '2-digit', minute: '2-digit' });
+                return `${datePart} ${timePart}`;
+            }
+            default:
+                return value.toLocaleString(safeCulture, getShortDateOptions());
+        }
+    }
+    catch {
+        // Fallback: restituisce la data in formato ISO se la conversione fallisce
+        return value?.toISOString?.() ?? String(value);
+    }
+};
+/** Formatta un numero secondo MetadataFormats e cultura. Valute con simbolo e 2 decimali (0 per Yen). */
+export const formatNumberByMetadataFormat = (value, format, formatCulture) => {
+    try {
+        const numValue = typeof value === 'number' ? value : Number(value);
+        if (isNaN(numValue))
+            return String(value);
+        const currencySymbol = getCurrencySymbol(format);
+        if (currencySymbol) {
+            const decimals = format === MetadataFormats.CurrencyYen ? 0 : 2;
+            return `${currencySymbol} ${numValue.toLocaleString(formatCulture, { useGrouping: true, minimumFractionDigits: decimals, maximumFractionDigits: decimals })}`;
+        }
+        return numValue.toLocaleString(formatCulture, { useGrouping: format == MetadataFormats.NumberWithThousandsSeparator });
+    }
+    catch {
+        // Fallback: restituisce il valore come stringa se la conversione fallisce
+        return String(value);
+    }
+};
+/** Converte un valore in data locale. Restituisce il valore originale se il parsing fallisce. */
+export const safeParseDateToLocaleString = (value) => {
+    try {
+        if (!value)
+            return value ?? '';
+        const parsedDate = new Date(value);
+        if (!isNaN(parsedDate.getTime())) {
+            return parsedDate.toLocaleDateString();
+        }
+    }
+    catch {
+        // Keep original value if parsing fails
+    }
+    return String(value ?? '');
+};
+/**
+ * Trova un DataColumnDescriptor corrispondente a un dataField (formato TID_MID).
+ * Cerca prima per MID nelle extendedProperties, poi per caption.
+ */
+export const findDataColumnByField = (columns, dataField, caption) => {
+    // Se l'array di colonne è vuoto/null o il dataField non è definito, ritorna undefined (nessuna corrispondenza possibile)
+    if (!columns || !dataField)
+        return undefined;
+    // Itera sulle colonne cercando la prima che soddisfa i criteri di matching
+    return columns.find(c => {
+        // Estrae il MID (Metadata ID) dalle proprietà estese della colonna corrente
+        const colMid = c.extendedProperties?.["MID"];
+        // Se la colonna ha un MID definito, prova a matchare per MID
+        if (colMid) {
+            // Converte il MID in stringa per il confronto
+            const midStr = String(colMid);
+            // Verifica se dataField termina con "_MID" (es: "123_456" dove 456 è il MID)
+            // oppure se dataField è esattamente uguale al MID (caso in cui dataField contiene solo il MID)
+            if (dataField.endsWith(`_${midStr}`) || dataField === midStr)
+                return true;
+        }
+        // Fallback: se il match per MID fallisce, prova a matchare per caption
+        // Confronta la caption della colonna con dataField o con il parametro caption opzionale
+        return c.caption === dataField || c.caption === caption;
+    });
+};
+/**
+ * Formatta un valore per l'export in base al tipo di colonna.
+ * Gestisce date, numeri e valute secondo il formato definito nella colonna.
+ */
+export const formatValueForExport = (value, dataCol, fallbackDataType) => {
+    try {
+        let result = value;
+        if (dataCol) {
+            const { format, formatCulture } = getColumnFormatInfo(dataCol);
+            // Date: il valore arriva come stringa e va prima convertito in Date
+            if (dataCol.dataType === DataColumnTypes.DateTime && result) {
+                const parsedDate = new Date(result);
+                if (!isNaN(parsedDate.getTime())) {
+                    result = formatDateTimeByMetadataFormat(parsedDate, format, formatCulture);
+                }
+            }
+            // Numeri (incluse valute)
+            if (dataCol.dataType === DataColumnTypes.Number && result !== null && result !== undefined && result !== '') {
+                result = formatNumberByMetadataFormat(result, format, formatCulture);
+            }
+        }
+        else {
+            // Fallback: formattazione base per date
+            if (fallbackDataType === 'datetime' && result) {
+                result = safeParseDateToLocaleString(result);
+            }
+        }
+        // Pulisci il valore: rimuovi doppi apici per evitare problemi CSV
+        return (result ?? '').toString().replace(/"/g, '');
+    }
+    catch {
+        return String(value ?? '');
+    }
+};

package/lib/helper/grafometricSignaturesCache.d.ts

@@ -0,0 +1,45 @@
+import { IWacomBiometricData } from "../ts";
+/** Informazioni su una firma grafometrica estratta dal PDF con dati biometrici */
+export interface ExtractedGrafometricSignature {
+    biometricData: IWacomBiometricData;
+    /** Dati biometrici originali in Base64 (file FSS) */
+    originalDataBase64?: string;
+    /** Nome file originale dell'attachment */
+    originalFileName?: string;
+}
+/**
+ * Recupera le firme grafometriche dalla cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @returns Le firme grafometriche se presenti in cache, undefined altrimenti
+ */
+export declare const getGrafometricSignatures: (tid: number, did: number) => ExtractedGrafometricSignature[] | undefined;
+/**
+ * Salva le firme grafometriche nella cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @param signatures - Array delle firme grafometriche da salvare
+ */
+export declare const putGrafometricSignatures: (tid: number, did: number, signatures: ExtractedGrafometricSignature[]) => void;
+/**
+ * Rimuove le firme grafometriche di un documento specifico dalla cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @returns true se l'elemento è stato rimosso, false se non esisteva
+ */
+export declare const removeGrafometricSignatures: (tid: number, did: number) => boolean;
+/**
+ * Verifica se le firme grafometriche di un documento sono in cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @returns true se presenti in cache, false altrimenti
+ */
+export declare const hasGrafometricSignatures: (tid: number, did: number) => boolean;
+/**
+ * Svuota completamente la cache delle firme grafometriche
+ */
+export declare const clearGrafometricSignaturesCache: () => void;
+/**
+ * Restituisce il numero di documenti in cache
+ */
+export declare const getGrafometricSignaturesCacheSize: () => number;

package/lib/helper/grafometricSignaturesCache.js

@@ -0,0 +1,56 @@
+/** Genera una chiave stringa dalla coppia TID/DID */
+const generateKey = (tid, did) => `${tid}_${did}`;
+/** Cache locale per le firme grafometriche */
+const grafometricSignaturesCache = new Map();
+/**
+ * Recupera le firme grafometriche dalla cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @returns Le firme grafometriche se presenti in cache, undefined altrimenti
+ */
+export const getGrafometricSignatures = (tid, did) => {
+    const key = generateKey(tid, did);
+    return grafometricSignaturesCache.get(key);
+};
+/**
+ * Salva le firme grafometriche nella cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @param signatures - Array delle firme grafometriche da salvare
+ */
+export const putGrafometricSignatures = (tid, did, signatures) => {
+    const key = generateKey(tid, did);
+    grafometricSignaturesCache.set(key, signatures);
+};
+/**
+ * Rimuove le firme grafometriche di un documento specifico dalla cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @returns true se l'elemento è stato rimosso, false se non esisteva
+ */
+export const removeGrafometricSignatures = (tid, did) => {
+    const key = generateKey(tid, did);
+    return grafometricSignaturesCache.delete(key);
+};
+/**
+ * Verifica se le firme grafometriche di un documento sono in cache
+ * @param tid - TID del documento
+ * @param did - DID del documento
+ * @returns true se presenti in cache, false altrimenti
+ */
+export const hasGrafometricSignatures = (tid, did) => {
+    const key = generateKey(tid, did);
+    return grafometricSignaturesCache.has(key);
+};
+/**
+ * Svuota completamente la cache delle firme grafometriche
+ */
+export const clearGrafometricSignaturesCache = () => {
+    grafometricSignaturesCache.clear();
+};
+/**
+ * Restituisce il numero di documenti in cache
+ */
+export const getGrafometricSignaturesCacheSize = () => {
+    return grafometricSignaturesCache.size;
+};

package/lib/helper/index.d.ts

@@ -17,3 +17,4 @@ export * from './workItemsHelper';
 export * from './devextremeCustomMessages';
 export * from './ZipManager';
 export * from './certificateImportHelper';
+export * from './grafometricSignaturesCache';

package/lib/helper/index.js

@@ -17,3 +17,4 @@ export * from './workItemsHelper';
 export * from './devextremeCustomMessages';
 export * from './ZipManager';
 export * from './certificateImportHelper';
+export * from './grafometricSignaturesCache';

package/lib/hooks/useDocumentOperations.d.ts

@@ -2,7 +2,7 @@ import React, { RefObject } from "react";
 import { DcmtTypeDescriptor, FileFormats, HomeBlogPost, LayoutDescriptor, LayoutModes, ObjectRef, SearchResultDescriptor, TaskDescriptor, UserDescriptor, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
 import { IColumnProps } from "devextreme-react/cjs/data-grid";
 import { TMContextMenuItemProps } from '../components/NewComponents/ContextMenu/types';
-import { DcmtInfo, MetadataValueDescriptorEx, SearchResultContext, TaskContext } from "../ts";
+import { DcmtInfo, MetadataValueDescriptorEx, SearchResultContext, TaskContext, IGraphometricManagerProp } from "../ts";
 import { UseCheckInOutOperationsReturn } from "./useCheckInOutOperations";
 import { UseDcmtOperationsReturn } from "./useDcmtOperations";
 import { UseRelatedDocumentsReturn } from "./useRelatedDocuments";
@@ -62,6 +62,7 @@ export interface UIConfigProps {
     showToppyDraggableHelpCenter?: boolean;
     toppyHelpCenterUsePortal?: boolean;
     inputDcmtFormLayoutMode?: LayoutModes;
+    graphometricManager?: IGraphometricManagerProp;
 }
 export interface TasksProps {
     allTasks?: Array<TaskDescriptor>;

package/lib/hooks/useDocumentOperations.js

@@ -85,7 +85,7 @@ export const useDocumentOperations = (props) => {
     const { dataColumns, dataSource, selectedRowKeys, } = exportData ?? {};
     const { visibleItems = [], onRefreshSearchAsyncDatagrid, onRefreshDataRowsAsync, refreshFocusedDataRowAsync, onRefreshBlogDatagrid, onRefreshPreviewDatagrid, refreshOperationsTrigger = 0, onRefreshOperationsDatagrid, } = datagridUtility ?? {};
     const { approvalVID, dcmtDataRowForCicoStatus, selectedDcmtSearchResultRelations, dcmtTIDHasDetailRelations = false, dcmtTIDHasMasterRelations = false, updateCurrentDcmt, onCloseDcmtForm, onRefreshBlogForm, onRefreshPreviewForm, taskFormDialogComponent, s4TViewerDialogComponent } = dcmtUtility ?? {};
-    const { floatingBarContainerRef, customButtonsLayout, workingGroupContext, openS4TViewer = false, openDcmtFormAsModal = false, showDcmtFormSidebar = true, allowFloatingBar = true, enablePinIcons = true, allowRelations = true, showTodoDcmtForm = false, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, editPdfForm = false, inputDcmtFormLayoutMode = LayoutModes.Update, } = uiConfig;
+    const { floatingBarContainerRef, customButtonsLayout, workingGroupContext, openS4TViewer = false, openDcmtFormAsModal = false, showDcmtFormSidebar = true, allowFloatingBar = true, enablePinIcons = true, allowRelations = true, showTodoDcmtForm = false, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, editPdfForm = false, inputDcmtFormLayoutMode = LayoutModes.Update, graphometricManager, } = uiConfig;
     const { allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback } = tasks;
     const { 
     // Refresh operations (data consistency)
@@ -175,6 +175,9 @@ export const useDocumentOperations = (props) => {
     const openMasterDcmtsModalHandler = (value) => { setIsOpenMasterModal(value); };
     // State to control whether the export form (for exporting to Excel/CSV/txt and others) should be shown
     const [showExportForm, setShowExportForm] = useState(false);
+    // State to control signature info modal
+    const [showSignatureInfoModal, setShowSignatureInfoModal] = useState(false);
+    const [signatureInfoDcmt, setSignatureInfoDcmt] = useState(undefined);
     const updateShowApprovePopup = (value) => {
         setShowApprovePopup(value);
     };
@@ -243,14 +246,8 @@ export const useDocumentOperations = (props) => {
                 });
                 return;
             }
-            TMMessageBoxManager.show({
-                title: SDKUI_Localizator.SignatureInformation,
-                buttons: [ButtonNames.OK],
-                showToppy: false,
-                resizable: true,
-                initialWidth: !isMobile ? '700px' : undefined,
-                message: _jsx(TMSignatureInfoContent, { inputDcmt: inputDcmts[0] })
-            });
+            setSignatureInfoDcmt(inputDcmts[0]);
+            setShowSignatureInfoModal(true);
         }
         catch (error) {
             console.error(error);
@@ -552,8 +549,8 @@ export const useDocumentOperations = (props) => {
         if (!currentDcmt)
             return;
         const cacheKey = `${currentDcmt.TID}-${currentDcmt.DID}`;
-        if (dcmtsFileCachePreview.has(cacheKey))
-            removeDcmtsFileCache(cacheKey);
+        // Invalida sempre la cache (file preview/download e firme grafometriche)
+        removeDcmtsFileCache(cacheKey);
         await onRefreshPreviewCallback();
         await onRefreshDataRowsAsync?.();
     };
@@ -912,7 +909,7 @@ export const useDocumentOperations = (props) => {
                     name: SDKUI_Localizator.ArchiveDetailDocument,
                     operationType: 'multiRow',
                     disabled: canArchiveDetailRelation !== true,
-                    onClick: async () => await archiveDetailDocuments?.(selectedDcmtInfos?.[0]?.TID)
+                    onClick: async () => await archiveDetailDocuments(selectedDcmtInfos?.[0]?.TID)
                 },
                 {
                     id: 'rel-mst',
@@ -1383,7 +1380,7 @@ export const useDocumentOperations = (props) => {
                             refreshFocusedDataRowAsync,
                             onRefreshBlogDatagrid,
                             onRefreshPreviewDatagrid
-                        }, fetchRemoteCertificates: fetchRemoteCertificates })) }), (showHistory && dtd && selectedDcmtInfos.length > 0) && _jsx(TMViewHistoryDcmt, { fromDTD: dtd, deviceType: deviceType, inputDcmt: selectedDcmtInfos[0], onClose: hideHistoryCallback, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (commentFormState.show && selectedDcmtInfos.length > 0) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: selectedDcmtInfos[0].TID, did: selectedDcmtInfos[0].DID } }, onClose: hideCommentFormCallback, refreshCallback: onRefreshBlog, participants: [], showAttachmentsSection: true, allArchivedDocumentsFileItems: convertSearchResultDescriptorToFileItems(currentSearchResults ?? []), isCommentRequired: commentFormState.isRequired, removeAndEditAttachment: commentFormState.removeAndEditAttachment, selectedAttachmentDid: [Number(selectedDcmtInfos[0].DID)] }), (showCheckoutInformationForm && dtd && selectedDcmtInfos.length > 0) &&
+                        }, fetchRemoteCertificates: fetchRemoteCertificates, graphometricManager: graphometricManager })) }), (showHistory && dtd && selectedDcmtInfos.length > 0) && _jsx(TMViewHistoryDcmt, { fromDTD: dtd, deviceType: deviceType, inputDcmt: selectedDcmtInfos[0], onClose: hideHistoryCallback, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (commentFormState.show && selectedDcmtInfos.length > 0) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: selectedDcmtInfos[0].TID, did: selectedDcmtInfos[0].DID } }, onClose: hideCommentFormCallback, refreshCallback: onRefreshBlog, participants: [], showAttachmentsSection: true, allArchivedDocumentsFileItems: convertSearchResultDescriptorToFileItems(currentSearchResults ?? []), isCommentRequired: commentFormState.isRequired, removeAndEditAttachment: commentFormState.removeAndEditAttachment, selectedAttachmentDid: [Number(selectedDcmtInfos[0].DID)] }), (showCheckoutInformationForm && dtd && selectedDcmtInfos.length > 0) &&
                 _jsx(TMDcmtCheckoutInfoForm, { dtdName: dtd.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: selectedDcmtInfos[0], onClose: hideCheckoutInformationFormCallback }), isOpenDetailsModal && _jsx(TMModal, { width: "95%", height: "95%", onClose: () => setIsOpenDetailsModal(false), title: SDKUI_Localizator.Relations, children: _jsx(TMMasterDetailDcmts, { ...masterDetailDetailsCommonProps, onBack: () => setIsOpenDetailsModal(false) }) }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { ...masterDetailDetailsCommonProps, onBack: () => setIsOpenDetails(false) }) }), isOpenMasterModal && _jsx(TMModal, { width: "95%", height: "95%", onClose: () => setIsOpenMasterModal(false), title: SDKUI_Localizator.Relations, children: _jsx(TMMasterDetailDcmts, { ...masterDetailMasterCommonProps, onBack: () => setIsOpenMasterModal(false) }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { ...masterDetailMasterCommonProps, onBack: () => setIsOpenMaster(false) }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
                         return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { ...masterDetailMasterCommonProps, inputDcmts: [dcmt], allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID) }) }, `${index}-${dcmt.DID}`));
                     })] }), isOpenArchiveRelationForm && _jsx(TMDcmtForm, { isModal: true, titleModal: SDKUI_Localizator.Archive + ' - ' + (archiveType === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster), TID: archiveRelatedDcmtFormTID, layoutMode: LayoutModes.Ark, inputMids: archiveRelatedDcmtFormMids, showBackButton: false, allowButtonsRefs: false, onClose: () => {
@@ -1397,7 +1394,7 @@ export const useDocumentOperations = (props) => {
                     setArchiveRelatedDcmtFormTID(undefined);
                     setArchiveRelatedDcmtFormMids([]);
                     await onRefreshSearchAsyncDatagrid?.();
-                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, showDcmtFormSidebar: showDcmtFormSidebar, openFileUploaderPdfEditor: openFileUploaderPdfEditor, showTodoDcmtForm: showTodoDcmtForm }), showRelatedDcmtsChooser &&
+                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, showDcmtFormSidebar: showDcmtFormSidebar, openFileUploaderPdfEditor: openFileUploaderPdfEditor, showTodoDcmtForm: showTodoDcmtForm, graphometricManager: graphometricManager }), showRelatedDcmtsChooser &&
                 _jsx(TMChooserForm, { dataSource: relatedDcmtsChooserDataSource, onChoose: async (selectedRelation) => {
                         try {
                             setShowRelatedDcmtsChooser(false);
@@ -1443,7 +1440,10 @@ export const useDocumentOperations = (props) => {
                     updateBatchUpdateForm(false);
                     setIsModifiedBatchUpdate(false);
                     await onRefreshDataRowsAsync?.();
-                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 0, onClose: () => updateShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 1, onClose: () => updateShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, onClose: () => updateShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { fromDTD: dtd, TID: contextConfig.approvalTID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: handleWFOperationCompleted, onClose: () => updateShowMoreInfoPopup(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, triggerBlogRefresh: onRefreshBlogDatagrid }), openCopyToFolderForm.open && openCopyToFolderForm.operationType === 'mergeToPdf' && _jsx(TMMergeToPdfForm, { mode: openCopyToFolderForm.mode, selectedDcmtInfos: selectedDcmtInfos, selectedItemsFull: selectedItemsFull, onClose: () => setOpenCopyToFolderForm({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' }), showTMRelationViewer: showTMRelationViewerInCopyToFolderForm, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), openCopyToFolderForm.open && openCopyToFolderForm.operationType === 'copyToFolder' && _jsx(TMCopyToFolderForm, { mode: openCopyToFolderForm.mode, selectedDcmtInfos: selectedDcmtInfos, onClose: () => setOpenCopyToFolderForm({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' }), showTMRelationViewer: showTMRelationViewerInCopyToFolderForm, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {}), _jsx(FileSourceDialog, {}), taskFormDialogComponent, s4TViewerDialogComponent, currentCustomButton && _jsx(TMCustomButton, { button: currentCustomButton, formData: currentMetadataValues, selectedItems: selectedItemsFull, onClose: () => setCurrentCustomButton(undefined) })] }));
+                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 0, onClose: () => updateShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 1, onClose: () => updateShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, onClose: () => updateShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { fromDTD: dtd, TID: contextConfig.approvalTID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: handleWFOperationCompleted, onClose: () => updateShowMoreInfoPopup(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, triggerBlogRefresh: onRefreshBlogDatagrid }), openCopyToFolderForm.open && openCopyToFolderForm.operationType === 'mergeToPdf' && _jsx(TMMergeToPdfForm, { mode: openCopyToFolderForm.mode, selectedDcmtInfos: selectedDcmtInfos, selectedItemsFull: selectedItemsFull, onClose: () => setOpenCopyToFolderForm({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' }), showTMRelationViewer: showTMRelationViewerInCopyToFolderForm, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), openCopyToFolderForm.open && openCopyToFolderForm.operationType === 'copyToFolder' && _jsx(TMCopyToFolderForm, { mode: openCopyToFolderForm.mode, selectedDcmtInfos: selectedDcmtInfos, onClose: () => setOpenCopyToFolderForm({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' }), showTMRelationViewer: showTMRelationViewerInCopyToFolderForm, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {}), _jsx(FileSourceDialog, {}), taskFormDialogComponent, s4TViewerDialogComponent, currentCustomButton && _jsx(TMCustomButton, { button: currentCustomButton, formData: currentMetadataValues, selectedItems: selectedItemsFull, onClose: () => setCurrentCustomButton(undefined) }), showSignatureInfoModal && signatureInfoDcmt && (_jsx(TMSignatureInfoContent, { inputDcmt: signatureInfoDcmt, graphometricManager: graphometricManager, onClose: () => {
+                    setShowSignatureInfoModal(false);
+                    setSignatureInfoDcmt(undefined);
+                } }))] }));
     return {
         operationItems: operationItems(),
         renderFloatingBar,

package/lib/hooks/usePreventFileDrop.js

@@ -3,13 +3,24 @@ const usePreventFileDrop = (allowedDropZones) => {
     useEffect(() => {
         const isOverAllowedZone = (event) => allowedDropZones.some((ref) => ref.current?.contains(event.target));
         const handleDragOver = (event) => {
-            if (!isOverAllowedZone(event)) {
+            if (isOverAllowedZone(event)) {
+                // Riafferma "copy" ad ogni dragover: altrimenti un "none"
+                // impostato mentre si era fuori zona resta e mostra "not-allowed"
+                if (event.dataTransfer)
+                    event.dataTransfer.dropEffect = "copy";
+                document.body.style.cursor = "default";
+            }
+            else {
                 event.preventDefault();
-                event.dataTransfer.dropEffect = "none";
+                if (event.dataTransfer)
+                    event.dataTransfer.dropEffect = "none";
             }
         };
         const handleDragEnter = (event) => {
-            if (!isOverAllowedZone(event)) {
+            if (isOverAllowedZone(event)) {
+                document.body.style.cursor = "default";
+            }
+            else {
                 document.body.style.cursor = "not-allowed";
             }
         };

package/lib/ts/graphometricTypes.d.ts

@@ -0,0 +1,62 @@
+export interface IWacomBiometricData {
+    /** Nome del firmatario */
+    signatureName: string;
+    /** Motivo della firma */
+    reasonForSigning: string;
+    /** Data e ora della firma (timestamp) */
+    dateTime: number;
+    /** Data e ora formattata */
+    dateTimeFormatted: string;
+    /** Tipo di digitalizzatore (es. "Wacom STU-540") */
+    digitizerType: string;
+    /** Driver del digitalizzatore */
+    digitizerDriver: string;
+    /** Sistema operativo */
+    operatingSystem: string;
+    /** Scheda di rete (Network Interface Card) */
+    networkInterfaceCard: string;
+    /** Immagine della firma in formato Base64 (PNG) */
+    signatureImage: string;
+    /** Stato integrità firma (OK, FAIL, MISSING, WRONG_TYPE, INSUFFICIENT_DATA, UNCERTAIN, NOT_SUPPORTED) */
+    integrityStatus: string;
+    /** Messaggio di warning sull'integrità (se presente) */
+    integrityWarning?: string;
+    /** Stato della firma (GOOD, NO_HASH, BAD_TYPE, BAD_HASH, ERROR, UNCERTAIN, SIG_MOVED) */
+    dataStatus: string;
+    /** Messaggio di warning sui dati (se presente) */
+    dataWarning?: string;
+    /** Dati aggiuntivi specifici del contesto */
+    extraData?: Record<string, string>;
+}
+export type IWacomBiometricResult = {
+    success: true;
+    data: IWacomBiometricData;
+} | {
+    success: false;
+    error: string;
+};
+export interface ISignatureRenderConfig {
+    width?: number;
+    height?: number;
+    format?: "image/png" | "image/jpeg";
+    inkWidth?: number;
+    inkColor?: string;
+    backgroundColor?: string;
+}
+export type ExtractBiometricDataFn = (signatures: string[]) => Promise<IWacomBiometricResult[]>;
+export interface IGraphometricManagerProp {
+    extractGraphometricAttachments(pdfFile: File): Promise<{
+        fileName?: string | undefined;
+        description?: string | undefined;
+        mimeType?: string | undefined;
+        creationDate?: Date | undefined;
+        modificationDate?: Date | undefined;
+        size?: number;
+        dataBase64?: string | undefined;
+    }[]>;
+    extractBiometricData: ExtractBiometricDataFn;
+    downloadDecryptedPngWithBiometricData: (attachment: {
+        dataBase64: string;
+        fileName?: string | undefined;
+    }) => Promise<void>;
+}

package/lib/ts/graphometricTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/ts/index.d.ts

@@ -1 +1,2 @@
 export * from './types';
+export * from './graphometricTypes';

package/lib/ts/index.js

@@ -1 +1,2 @@
 export * from './types';
+export * from './graphometricTypes';