@topconsultnpm/sdkui-react 6.20.0-dev1.18 → 6.20.0-dev1.19

package/lib/components/features/documents/TMDcmtPreview.js

@@ -15,9 +15,25 @@ import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSa
 import { StyledAnimatedComponentOpacity } from '../../base/Styled';
 import TMPanel from '../../base/TMPanel';
 import TMTooltip from '../../base/TMTooltip';
-import { Document, Page, pdfjs } from 'react-pdf';
-// Configure PDF.js worker
-pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+let Document = null;
+let Page = null;
+let pdfjs = null;
+let isPdfLibraryLoaded = false;
+const loadPdfLibrary = async () => {
+    if (isPdfLibraryLoaded)
+        return;
+    try {
+        const reactPdf = await import('react-pdf');
+        Document = reactPdf.Document;
+        Page = reactPdf.Page;
+        pdfjs = reactPdf.pdfjs;
+        pdfjs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.mjs');
+        isPdfLibraryLoaded = true;
+    }
+    catch (error) {
+        console.error('Failed to load react-pdf library:', error);
+    }
+};
 const ErrorContent = ({ error, isAbortError, onRetry }) => {
     if (isAbortError) {
         return (_jsx(StyledAnimatedComponentOpacity, { style: { width: '100%', height: '100%' }, children: _jsxs(StyledPanelStatusContainer, { children: [_jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), _jsxs(StyledPreviewNotAvailable, { children: [_jsx("div", { children: error }), _jsx("div", { children: SDKUI_Localizator.PreviewNotAvailable })] }), _jsx(TMButton, { caption: SDKUI_Localizator.TryAgain, onClick: onRetry, showTooltip: false })] }) }));
@@ -141,6 +157,7 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     const [formattedXml, setFormattedXml] = useState(undefined);
     const [isMobile, setIsMobile] = useState(false);
     const [numPages, setNumPages] = useState(0);
+    const [pdfLibraryLoading, setPdfLibraryLoading] = useState(false);
     useEffect(() => {
         const checkIsMobile = () => {
             const userAgent = navigator.userAgent || navigator.vendor || window.opera;
@@ -166,6 +183,12 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
             window.removeEventListener('resize', checkIsMobile);
         };
     }, []);
+    useEffect(() => {
+        if (isMobile && fileType === 'application/pdf' && !isPdfLibraryLoaded && !pdfLibraryLoading) {
+            setPdfLibraryLoading(true);
+            loadPdfLibrary().finally(() => setPdfLibraryLoading(false));
+        }
+    }, [isMobile, fileType, pdfLibraryLoading]);
     useEffect(() => {
         if (fileBlob) {
             setFileType(fileBlob.type);
@@ -227,6 +250,16 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
     if (fileType === 'application/pdf' && isMobile) {
+        if (!isPdfLibraryLoaded || pdfLibraryLoading || !Document || !Page) {
+            return (_jsxs("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    height: '100%',
+                    flexDirection: 'column',
+                    gap: '10px'
+                }, children: [_jsx(IconPreview, { fontSize: 64 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }));
+        }
         return (_jsx(PDFViewerContainer, { children: _jsx(Document, { file: blobUrl, onLoadSuccess: ({ numPages }) => setNumPages(numPages), loading: _jsxs("div", { style: {
                         display: 'flex',
                         justifyContent: 'center',

package/lib/helper/checkinCheckoutManager.d.ts

@@ -27,6 +27,7 @@ interface CheckoutStatusResult {
     mode: 'editMode' | 'lockMode' | '';
     version: number;
     icon: React.ReactNode | null;
+    editLockTooltipText: React.ReactNode | null;
 }
 export type DownloadSource = {
     type: 'fileItem';

package/lib/helper/checkinCheckoutManager.js

@@ -241,7 +241,7 @@ export const getDcmtCicoStatus = (dcmt, allUsers, dtd) => {
     if (dcmt === undefined || dtd === undefined) {
         return {
             cicoEnabled: false,
-            checkoutStatus: { isCheckedOut: false, mode: '', version: 1, icon: null }
+            checkoutStatus: { isCheckedOut: false, mode: '', version: 1, icon: null, editLockTooltipText: null }
         };
     }
     // ========================================================================
@@ -312,7 +312,8 @@ export const getDcmtCicoStatus = (dcmt, allUsers, dtd) => {
         isCheckedOut: false,
         mode: '',
         version: version,
-        icon: null
+        icon: null,
+        editLockTooltipText: null
     };
     // Verifica se il documento è effettivamente in stato di checkout
     if (userID && checkoutUserId && !isNaN(checkoutUserId) && checkoutUserId > 0) {
@@ -332,7 +333,8 @@ export const getDcmtCicoStatus = (dcmt, allUsers, dtd) => {
             isCheckedOut: true,
             mode: mode,
             icon: icon,
-            version: version
+            version: version,
+            editLockTooltipText: editLockTooltipText
         };
     }
     // ========================================================================

package/package.json

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