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

package/lib/components/forms/Login/TextBox.js

@@ -71,7 +71,7 @@ const IconButton = styled.div `
   align-items: center;
   cursor: ${props => !props.$disabled ? 'pointer' : 'default'};
 `;
-const TextBox = forwardRef(({ label, type, additionalIcons = [], cursor = 'text', disabled, icon, onClick, onKeyDown, onValueChanged, placeHolder, readOnly, showSuccess, validationItems = [], value }, ref) => {
+const TextBox = forwardRef(({ label, type, additionalIcons = [], cursor = 'text', disabled, icon, onClick, onKeyDown, onValueChanged, placeHolder, readOnly, showSuccess, validationItems = [], value, name, id, autoComplete }, ref) => {
     const [showPassword, setShowPassword] = useState(false);
     const [isFocused, setIsFocused] = useState(false);
     const mainValidation = useMemo(() => {
@@ -106,6 +106,6 @@ const TextBox = forwardRef(({ label, type, additionalIcons = [], cursor = 'text'
         }
         return color;
     }, [mainValidation]);
-    return (_jsxs(Container, { children: [label && _jsx(Label, { "$color": borderColor, children: label }), _jsxs(InputContainer, { "$borderColor": borderColor, "$borderThickness": borderThickness, "$focused": isFocused, "$disabled": disabled, children: [icon && _jsx(IconWrapper, { "$color": validationItems.length > 0 ? borderColor : TMColors.primary, children: icon }), _jsx(Input, { ref: ref, onKeyDown: onKeyDown, onClick: onClick, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), type: type === "password" && showPassword ? "text" : type, value: value, onChange: (e) => onValueChanged?.(e.target.value), placeholder: placeHolder, "$readOnly": readOnly, disabled: disabled, "$color": fontColor, "$cursor": !disabled ? cursor : 'default' }), _jsxs(IconsRow, { children: [additionalIcons.map((iconItem, index) => (iconItem.visible !== false && _jsx(TMTooltip, { content: iconItem.tooltip, children: _jsxs(IconButton, { "$disabled": disabled, "$color": iconItem.color ?? '#313131', onClick: iconItem.onClick, children: [" ", iconItem.icon, " "] }) }, index * 2))), type === "password" && (_jsx(IconButton, { "$disabled": disabled, "$color": '#313131', onClick: () => setShowPassword(!showPassword), children: showPassword ? _jsx(IconShow, {}) : _jsx(IconHide, {}) }))] })] }), _jsx(ValidationMessageContainer, { children: validationMessages.map((val, index) => (_jsx(ValidationMessage, { "$color": val.color, children: val.message }, index * 2))) })] }));
+    return (_jsxs(Container, { children: [label && _jsx(Label, { "$color": borderColor, children: label }), _jsxs(InputContainer, { "$borderColor": borderColor, "$borderThickness": borderThickness, "$focused": isFocused, "$disabled": disabled, children: [icon && _jsx(IconWrapper, { "$color": validationItems.length > 0 ? borderColor : TMColors.primary, children: icon }), _jsx(Input, { ref: ref, name: name, id: id, autoComplete: autoComplete, onKeyDown: onKeyDown, onClick: onClick, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), type: type === "password" && showPassword ? "text" : type, value: value, onChange: (e) => onValueChanged?.(e.target.value), placeholder: placeHolder, "$readOnly": readOnly, disabled: disabled, "$color": fontColor, "$cursor": !disabled ? cursor : 'default' }), _jsxs(IconsRow, { children: [additionalIcons.map((iconItem, index) => (iconItem.visible !== false && _jsx(TMTooltip, { content: iconItem.tooltip, children: _jsxs(IconButton, { "$disabled": disabled, "$color": iconItem.color ?? '#313131', onClick: iconItem.onClick, children: [" ", iconItem.icon, " "] }) }, index * 2))), type === "password" && (_jsx(IconButton, { "$disabled": disabled, "$color": '#313131', onClick: () => setShowPassword(!showPassword), children: showPassword ? _jsx(IconShow, {}) : _jsx(IconHide, {}) }))] })] }), _jsx(ValidationMessageContainer, { children: validationMessages.map((val, index) => (_jsx(ValidationMessage, { "$color": val.color, children: val.message }, index * 2))) })] }));
 });
 export default TextBox;

package/lib/components/pages/TMPage.js

@@ -219,7 +219,9 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
                                     setShowList(false);
                                 }, showColumnLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showColumnLines) === 1, showRowLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showRowLines) === 1, onSelectionChanged: (e) => { setSelectedItems(e.selectedRowsData); onSelectionChanged?.(e.selectedRowsData); }, children: [_jsx(GroupPanel, { visible: !!(deviceType !== DeviceType.MOBILE && showAllColumns) }), _jsx(SearchPanel, { visible: false }), _jsx(Grouping, { autoExpandAll: false }), _jsx(HeaderFilter, { visible: true }), _jsx(Selection, { mode: "multiple", showCheckBoxesMode: "onClick", selectAllMode: 'allPages' }), _jsx(Scrolling, { mode: "standard", useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 }), _jsx(Paging, { pageSize: 25 }), _jsx(Pager, { visible: true, showInfo: true, showNavigationButtons: true }), _jsx(LoadPanel, { enabled: true }), _jsx(Column, { width: 20, cellRender: cellRenderObjectIcon }), _jsx(Column, { width: 'auto', visible: showId, dataField: "id", caption: "ID" }), _jsx(Column, { width: 250, dataField: "name", caption: SDKUI_Localizator.Name, sortOrder: "asc" }), objClass == ObjectClasses.User ?
                                         _jsxs(_Fragment, { children: [_jsx(Column, { width: 'auto', dataField: "type", caption: SDKUI_Localizator.Type }), _jsx(Column, { width: 'auto', dataField: "fn", caption: SDKUI_Localizator.User_FirstName }), _jsx(Column, { width: 'auto', dataField: "ln", caption: SDKUI_Localizator.User_LastName })] })
-                                        : _jsx(_Fragment, {}), _jsx(Column, { width: 250, visible: objClass == ObjectClasses.User ? true : showAllColumns, dataField: "description", caption: SDKUI_Localizator.Description }), customColumns?.map((item, index) => { return React.cloneElement(item, { key: index, visible: showAllColumns }); }), _jsx(Column, { width: 'auto', visible: showAllColumns, dataField: "ownerID", caption: SDKUI_Localizator.OwnerID }), _jsx(Column, { width: 'auto', visible: showAllColumns, dataField: "ownerName", caption: SDKUI_Localizator.OwnerName }), _jsx(Column, { width: 'auto', dataType: "date", format: Globalization.getDateDisplayFormat(), visible: showAllColumns, dataField: "creationTime", caption: SDKUI_Localizator.CreationTime }), _jsx(Column, { width: 'auto', dataType: "date", format: Globalization.getDateDisplayFormat(), visible: showAllColumns, dataField: "lastUpdateTime", caption: SDKUI_Localizator.LastUpdateTime })] })] }), detailInsteadOfContent ??
+                                        : _jsx(_Fragment, {}), _jsx(Column, { width: 250, visible: objClass == ObjectClasses.User ? true : showAllColumns, dataField: "description", caption: SDKUI_Localizator.Description }), objClass == ObjectClasses.Process ?
+                                        _jsx(Column, { width: 'auto', visible: showAllColumns, dataField: "orchPlatforms", caption: 'Piattaforma di orchestrazione' })
+                                        : _jsx(_Fragment, {}), customColumns?.map((item, index) => { return React.cloneElement(item, { key: index, visible: showAllColumns }); }), _jsx(Column, { width: 'auto', visible: showAllColumns, dataField: "ownerID", caption: SDKUI_Localizator.OwnerID }), _jsx(Column, { width: 'auto', visible: showAllColumns, dataField: "ownerName", caption: SDKUI_Localizator.OwnerName }), _jsx(Column, { width: 'auto', dataType: "date", format: Globalization.getDateDisplayFormat(), visible: showAllColumns, dataField: "creationTime", caption: SDKUI_Localizator.CreationTime }), _jsx(Column, { width: 'auto', dataType: "date", format: Globalization.getDateDisplayFormat(), visible: showAllColumns, dataField: "lastUpdateTime", caption: SDKUI_Localizator.LastUpdateTime })] })] }), detailInsteadOfContent ??
                     _jsx(TMLayoutItem, { children: selectedItems.length == 1 || formMode == FormModes.Create || formMode == FormModes.Duplicate ?
                             _jsx(TMToolbarCard, { onBack: deviceType === DeviceType.MOBILE ? () => setShowList(true) : undefined, title: calcSaveFormTitle(objName, formMode, selectedItems.length == 0 ? -1 : selectedItems[0].id, detailTitlePathKeys), children: getDetailFormWithProps() })
                             :

package/lib/components/query/TMQueryEditor.js

@@ -986,7 +986,7 @@ const TMQdWhereItemValue = ({ whereItem, index, queryParamsDynDataList, onlyEdit
                 _jsxs(StyledDivHorizontal, { children: [(editingMode == EditingModes.Chooser) &&
                             _jsxs(_Fragment, { children: [showDataListChooseForm && !isEditableList &&
                                         _jsx(TMDataListItemChooserForm, { height: '500px', width: '450px', allowMultipleSelection: whereItem.operator == QueryOperators.In || whereItem.operator == QueryOperators.NotIn, dataListId: md?.dataListID, selectedIDs: whereItem.value1?.split(',').map((item) => !item.startsWith("'") ? item : item.slice(1, -1)) ?? [], onClose: () => setShowDataListChooseForm(false), onChoose: (IDs) => { IDs && normalizeValue(IDs.length == 1 ? IDs[0] : IDs.map((item) => `${item}`).join(","), true); } }), showDynDataListChooseForm && !isEditableList &&
-                                        _jsx(TMDynDataListItemChooserForm, { TID: whereItem.tid, MID: md?.id, height: '500px', width: '450px', dynDL: dynDl, allowMultipleSelection: whereItem.operator == QueryOperators.In || whereItem.operator == QueryOperators.NotIn, searchResult: dataSource, selectedIDs: [whereItem.value1], onClose: () => setShowDynDataListChooseForm(false), onChoose: (IDs) => {
+                                        _jsx(TMDynDataListItemChooserForm, { TID: whereItem.tid, MID: md?.id, height: '500px', width: '450px', dynDL: dynDl, allowMultipleSelection: whereItem.operator == QueryOperators.In || whereItem.operator == QueryOperators.NotIn, searchResult: dataSource, selectedIDs: [whereItem.value1], queryParamsDynDataList: queryParamsDynDataList, onClose: () => setShowDynDataListChooseForm(false), onChoose: (IDs) => {
                                                 IDs && normalizeValue(IDs.length == 1 ? IDs[0] : IDs.map((item) => `${item}`).join(","), true);
                                                 if (!dynDl)
                                                     return;

package/lib/helper/SDKUI_Globals.js

@@ -1,6 +1,7 @@
 import { InvoiceRetrieveFormats, LocalStorageService, OrderRetrieveFormats } from "@topconsultnpm/sdk-ts";
 import { FontSize } from "../utils/theme";
 import { SDKUI_Localizator } from "./SDKUI_Localizator";
+import { removeGrafometricSignatures, clearGrafometricSignaturesCache, hasGrafometricSignatures } from "./grafometricSignaturesCache";
 export class DocumentDownloadSettings {
     constructor() {
         this.exportMode = 'copy';
@@ -18,8 +19,27 @@ export class DocumentDownloadSettings {
 export const dcmtsFileCacheDownload = new Map();
 export const dcmtsFileCachePreview = new Map();
 export const CACHE_SIZE_LIMIT = 10;
-export const clearDcmtsFileCache = () => { dcmtsFileCachePreview.clear(); dcmtsFileCacheDownload.clear(); };
-export const removeDcmtsFileCache = (key) => { dcmtsFileCachePreview.delete(key); dcmtsFileCacheDownload.delete(key); };
+export const clearDcmtsFileCache = () => {
+    dcmtsFileCachePreview.clear();
+    dcmtsFileCacheDownload.clear();
+    clearGrafometricSignaturesCache(); // Svuota anche la cache delle firme grafometriche
+};
+export const removeDcmtsFileCache = (key) => {
+    if (dcmtsFileCachePreview.has(key))
+        dcmtsFileCachePreview.delete(key);
+    if (dcmtsFileCacheDownload.has(key))
+        dcmtsFileCacheDownload.delete(key);
+    // Invalida anche la cache delle firme grafometriche quando il file viene rimosso
+    // La chiave è nel formato "TID-DID"
+    const parts = key.split('-');
+    if (parts.length === 2) {
+        const tid = parseInt(parts[0], 10);
+        const did = parseInt(parts[1], 10);
+        if (!isNaN(tid) && !isNaN(did) && hasGrafometricSignatures(tid, did)) {
+            removeGrafometricSignatures(tid, did);
+        }
+    }
+};
 export const isDcmtFileInCache = (key) => dcmtsFileCachePreview.has(key);
 export const DEFAULT_CHECK_IN_OUT_FOLDER = "";
 export class UserSettings {

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';

package/package.json

@@ -1,63 +1,68 @@
 {
-    "name":  "@topconsultnpm/sdkui-react",
-    "version":  "6.22.0-dev1.3",
-    "description":  "",
-    "scripts":  {
-                    "test":  "echo \"Error: no test specified\" \u0026\u0026 exit 1",
-                    "clean":  "node -e \"const fs=require(\u0027fs\u0027);fs.rmSync(\u0027lib\u0027,{recursive:true,force:true});fs.mkdirSync(\u0027lib\u0027)\"",
-                    "copy-files":  "cpx \"src/{assets/*.*,assets/ImageLibrary/*.*,assets/thumbnails/*.*,assets/IconsS4t/*.*,assets/Metadata/*.*,css/tm-sdkui.css}\" lib",
-                    "tm-build":  "npm run clean \u0026\u0026 tsc \u0026\u0026 npm run copy-files",
-                    "tm-watch":  "tsc -w",
-                    "tm-publish":  "npm publish --tag latest",
-                    "tm-publish_wl":  "npm publish",
-                    "storybook":  "storybook dev -p 6006",
-                    "build-storybook":  "storybook build"
-                },
-    "author":  "TopConsult",
-    "license":  "ISC",
-    "devDependencies":  {
-                            "@chromatic-com/storybook":  "^5.1.2",
-                            "@storybook/addon-docs":  "^10.3.5",
-                            "@storybook/addon-onboarding":  "^10.3.5",
-                            "@storybook/react-vite":  "^10.3.5",
-                            "@types/node":  "^24.12.2",
-                            "@types/react":  "^18.3.3",
-                            "@types/react-dom":  "^18.3.3",
-                            "cpx2":  "^9.0.0",
-                            "esbuild":  "^0.25.0",
-                            "react":  "^18.3.1",
-                            "react-dom":  "^18.3.1",
-                            "storybook":  "^10.3.5",
-                            "typescript":  "^5.9.3",
-                            "vite":  "^6.1.1"
-                        },
-    "main":  "dist/cjs/index.js",
-    "types":  "./index.d.ts",
-    "module":  "lib/esm/index.js",
-    "files":  [
-                  "dist",
-                  "lib"
-              ],
-    "dependencies":  {
-                         "react-pdf":  "^10.4.1",
-                         "@zip.js/zip.js":  "2.8.26",
-                         "pdf-lib":  "^1.17.1",
-                         "devextreme-exceljs-fork":  "^4.4.10",
-                         "buffer":  "^6.0.3",
-                         "@topconsultnpm/sdk-ts":  "6.21.0",
-                         "react-window":  "^2.2.7",
-                         "devextreme":  "^25.2.6",
-                         "htmlparser2":  "^10.0.0",
-                         "styled-components":  "^6.1.1",
-                         "devextreme-react":  "^25.2.6"
-                     },
-    "overrides":  {
-                      "esbuild":  "^0.25.0",
-                      "devextreme-exceljs-fork":  {
-                                                      "archiver":  "^8.0.0"
-                                                  },
-                      "quill-delta":  {
-                                          "lodash.isequal":  "npm:fast-deep-equal@^3.1.3"
-                                      }
-                  }
+    "name": "@topconsultnpm/sdkui-react",
+    "version": "6.22.0-dev1.31",
+    "description": "",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "clean": "node -e \"const fs=require('fs');fs.rmSync('lib',{recursive:true,force:true});fs.mkdirSync('lib')\"",
+        "copy-files": "cpx \"src/{assets/*.*,assets/ImageLibrary/*.*,assets/thumbnails/*.*,assets/IconsS4t/*.*,assets/Metadata/*.*,css/tm-sdkui.css}\" lib",
+        "tm-build": "npm run clean && tsc && npm run copy-files",
+        "tm-watch": "tsc -w",
+        "tm-publish": "npm publish --tag latest",
+        "tm-publish_wl": "npm publish",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
+    },
+    "author": "TopConsult",
+    "license": "ISC",
+    "devDependencies": {
+        "@chromatic-com/storybook": "^5.1.2",
+        "@storybook/addon-docs": "^10.3.5",
+        "@storybook/addon-onboarding": "^10.3.5",
+        "@storybook/react-vite": "^10.3.5",
+        "@types/node": "^24.12.2",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.3",
+        "cpx2": "^9.0.0",
+        "esbuild": "^0.25.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "storybook": "^10.3.5",
+        "typescript": "^5.9.3",
+        "vite": "^6.1.1"
+    },
+    "main": "dist/cjs/index.js",
+    "types": "./index.d.ts",
+    "module": "lib/esm/index.js",
+    "files": [
+        "dist",
+        "lib"
+    ],
+    "dependencies": {
+        "@topconsultnpm/sdk-ts": "6.22.0-dev1.14",
+        "@zip.js/zip.js": "2.8.26",
+        "buffer": "^6.0.3",
+        "devextreme": "^25.2.6",
+        "devextreme-exceljs-fork": "^4.4.10",
+        "devextreme-react": "^25.2.6",
+        "htmlparser2": "^10.0.0",
+        "pdf-lib": "^1.17.1",
+        "react-pdf": "^10.4.1",
+        "react-window": "^2.2.7",
+        "styled-components": "^6.1.1"
+    },
+    "overrides": {
+        "esbuild": "^0.25.0",
+        "devextreme-exceljs-fork": {
+            "archiver": "^8.0.0"
+        },
+        "quill-delta": {
+            "lodash.isequal": "npm:fast-deep-equal@^3.1.3"
+        }
+    },
+    "allowScripts": {
+        "core-js@3.49.0": true,
+        "esbuild@0.25.12": true,
+        "inferno@8.2.3": true
+    }
 }