@topconsultnpm/sdkui-react-beta 6.16.72 → 6.16.73

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

@@ -124,27 +124,10 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     useEffect(() => {
         const checkIsMobile = () => {
             const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-            // Only detect actual mobile/tablet devices, NOT desktop browsers
-            const isMobileDevice = 
-            // Traditional mobile detection (phones and tablets)
-            /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent) ||
-                // Additional Android tablet detection (covers tablets in landscape)
-                /android.*tablet|android.*mobile/i.test(userAgent) ||
-                // Touch-only devices (excludes laptops with touchscreen)
-                (('ontouchstart' in window || navigator.maxTouchPoints > 0) &&
-                    !/Windows NT|Macintosh|Linux/.test(userAgent)) ||
-                // Small screen mobile devices only
-                (window.screen.width <= 768 && /Mobi|Android/i.test(userAgent));
+            const isMobileDevice = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
             setIsMobile(isMobileDevice);
         };
         checkIsMobile();
-        // Listen for orientation changes (important for tablets)
-        window.addEventListener('orientationchange', checkIsMobile);
-        window.addEventListener('resize', checkIsMobile);
-        return () => {
-            window.removeEventListener('orientationchange', checkIsMobile);
-            window.removeEventListener('resize', checkIsMobile);
-        };
     }, []);
     useEffect(() => {
         if (fileBlob) {
@@ -187,17 +170,7 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     if (fileBlob.type.includes('image')) {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
-    // Check if device has limited PDF support (only for mobile/tablet devices)
-    const hasLimitedPDFSupport = () => {
-        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-        // Only check for actual mobile/tablet devices, NOT desktop browsers
-        const isAndroidMobile = /android/i.test(userAgent) && (/mobile|tablet/i.test(userAgent) || window.screen.width <= 1024);
-        const isIOSMobile = /iphone|ipad|ipod/i.test(userAgent);
-        const isOtherMobile = /webos|blackberry|iemobile|opera mini/i.test(userAgent);
-        // Return true only for actual mobile devices, not desktop browsers
-        return isMobile && (isAndroidMobile || isIOSMobile || isOtherMobile);
-    };
-    if (fileType === 'application/pdf' && hasLimitedPDFSupport()) {
+    if (fileType === 'application/pdf' && isMobile) {
         return (_jsxs("div", { style: {
                 padding: '40px',
                 textAlign: 'center',

package/lib/components/grids/TMBlogs.d.ts

@@ -95,6 +95,8 @@ interface TMBlogsProps {
     shouldSelectLastBlog?: boolean;
     /** Updates the flag that determines if the blog component should automatically select the last blog. */
     updateShouldSelectLastBlog?: (value: boolean) => void;
+    /** Refresh Home Page News Callback */
+    refreshHomePageNews?: () => Promise<void>;
 }
 declare const TMBlogs: (props: TMBlogsProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogs;

package/lib/components/grids/TMBlogs.js

@@ -17,6 +17,7 @@ import { useDcmtOperations } from '../../hooks/useDcmtOperations';
 import { DownloadTypes } from '../../ts';
 import TMDcmtForm from '../features/documents/TMDcmtForm';
 import { TMColors } from '../../utils/theme';
+import ShowAlert from '../base/TMAlert';
 let localAbortController = new AbortController();
 const TMBlogs = (props) => {
     const { id, allData, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, updateVisualizedBlogCallback, height, width, scrollToBottom = true, header, showIconHeader = true, color = colors.PRIMARY_BLUE, handleNavigateToWGs, showId, setShowId, contextMenuParams = {
@@ -30,7 +31,7 @@ const TMBlogs = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, refreshCallback, showCommentFormCallback, showTaskFormCallback, handleAttachmentFocus, showFloatingCommentButton = false, context, layoutMode = 'stacked', markBlogAsRead, shouldSelectLastBlog = false, updateShouldSelectLastBlog } = props;
+    }, refreshCallback, showCommentFormCallback, showTaskFormCallback, handleAttachmentFocus, showFloatingCommentButton = false, context, layoutMode = 'stacked', markBlogAsRead, shouldSelectLastBlog = false, updateShouldSelectLastBlog, refreshHomePageNews } = props;
     const [uiId, setUiId] = useState('');
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
@@ -207,6 +208,36 @@ const TMBlogs = (props) => {
             TMResultManager.show(result, SDKUI_Localizator.CopyToClipboard, "ID", undefined);
         });
     };
+    const unFollowCallback = async (blog, classId) => {
+        const title = SDKUI_Localizator.Unfollow;
+        const header = blog.header ?? undefined;
+        const message = header ? SDKUI_Localizator.UnfollowSelectedItem.replaceParams(header) : SDKUI_Localizator.Unfollow + "?";
+        TMMessageBoxManager.show({
+            title, message, buttons: [ButtonNames.YES, ButtonNames.NO],
+            confirmOnEnter: true,
+            onButtonClick: async (e) => {
+                if (e !== ButtonNames.YES)
+                    return;
+                let result = [];
+                switch (classId) {
+                    case 'WG':
+                        const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
+                        await workingGroupEngine.FollowAddOrRemoveAsync(blog.id, true).then(async () => {
+                            result.push({ rowIndex: blog.id, id1: blog.id, id2: blog.id, description: SDKUI_Localizator.OperationSuccess, resultType: ResultTypes.SUCCESS });
+                            refreshHomePageNews?.();
+                        })
+                            .catch((err) => {
+                            result.push({ rowIndex: blog.id, id1: blog.id, id2: blog.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
+                        });
+                        break;
+                    default:
+                        ShowAlert({ message: 'TODO', mode: 'warning', title: SDKUI_Localizator.Unfollow, duration: 3000 });
+                        break;
+                }
+                TMResultManager.show(result, SDKUI_Localizator.Unfollow, "ID", undefined);
+            }
+        });
+    };
     // ContexMenuItems array contains a list of context menu items for a blog
     const contextMenuItems = useMemo(() => {
         // customData1 === 1 means the group is archived (historical)
@@ -215,6 +246,7 @@ const TMBlogs = (props) => {
         const isNotOwner = focusedBlog && focusedBlog.ownerID !== userId;
         const isDeleted = focusedBlog && (focusedBlog.isDel !== undefined && focusedBlog.isDel !== 0);
         const isInvalid = focusedBlog === undefined;
+        const classId = focusedBlog ? focusedBlog.classID : undefined;
         let menuItemsElements = [
             {
                 icon: "download",
@@ -269,6 +301,12 @@ const TMBlogs = (props) => {
                 disabled: isGroupArchived ? true : false,
                 beginGroup: true
             },
+            {
+                icon: "eyeclose",
+                text: SDKUI_Localizator.Unfollow,
+                visible: Boolean(classId && classId === 'WG'),
+                onClick: () => focusedBlog && classId && unFollowCallback(focusedBlog, classId),
+            },
             {
                 icon: isHeaderHidden ? 'eyeopen' : 'eyeclose',
                 text: isHeaderHidden ? SDKUI_Localizator.ShowFilters : SDKUI_Localizator.HideFilters,

package/lib/helper/SDKUI_Localizator.d.ts

@@ -509,6 +509,8 @@ export declare class SDKUI_Localizator {
     static get UBLViewFormats_NSO_PDF(): "NSO Style Sheet (PDF)" | "Hoja de estilo NSO (PDF)" | "Feuille de style NSO (PDF)" | "Folha de estilo NSO (PDF)" | "Foglio di stile NSO (PDF)";
     static get UnableToGetUpdatedDocumentContent(): "Aktualisierter Dokumentinhalt kann nicht abgerufen werden" | "Unable to get updated document content" | "No se puede obtener el contenido actualizado del documento" | "Impossible d'obtenir le contenu mis à jour du document" | "Não é possível obter o conteúdo atualizado do documento" | "Impossibile ottenere il contenuto aggiornato del documento";
     static get Undo(): "Änderungen rückgängig machen" | "Undo" | "Anular modificaciones" | "Annule les modifications" | "Anular alterações" | "Annulla modifiche";
+    static get Unfollow(): "Nicht mehr folgen" | "Unfollow" | "Dejar de seguir" | "Ne plus suivre" | "Deixar de seguir" | "Non seguire più";
+    static get UnfollowSelectedItem(): string;
     static get Update(): "Bearbeiten" | "Update" | "Modificar" | "Modifie" | "Modificação" | "Modifica";
     static get UpdateCompletedSuccessfully(): "Aktualisierung erfolgreich abgeschlossen" | "Update completed successfully" | "Actualización completada con éxito" | "Mise à jour terminée avec succès" | "Atualização concluída com sucesso" | "Aggiornamento completato con successo";
     static get UpdateIn(): "interrumpir" | "Aktualisierung in" | "Update in" | "Mettre à jour dans" | "Atualizar em" | "Aggiorna in";

package/lib/helper/SDKUI_Localizator.js

@@ -5055,6 +5055,32 @@ export class SDKUI_Localizator {
             default: return "Annulla modifiche";
         }
     }
+    static get Unfollow() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Nicht mehr folgen";
+            case CultureIDs.En_US: return "Unfollow";
+            case CultureIDs.Es_ES: return "Dejar de seguir";
+            case CultureIDs.Fr_FR: return "Ne plus suivre";
+            case CultureIDs.Pt_PT: return "Deixar de seguir";
+            default: return "Non seguire più";
+        }
+    }
+    static get UnfollowSelectedItem() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE:
+                return "Möchten Sie das ausgewählte Element \"{{0}}\" nicht mehr folgen?";
+            case CultureIDs.En_US:
+                return "Unfollow the selected item \"{{0}}\"?";
+            case CultureIDs.Es_ES:
+                return "¿Dejar de seguir el elemento seleccionado \"{{0}}\"?";
+            case CultureIDs.Fr_FR:
+                return "Ne plus suivre l'élément sélectionné \"{{0}}\" ?";
+            case CultureIDs.Pt_PT:
+                return "Deixar de seguir o item selecionado \"{{0}}\"?";
+            default:
+                return "Non seguire più l'elemento selezionato \"{{0}}\"?";
+        }
+    }
     static get Update() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Bearbeiten";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.72",
+    "version": "6.16.73",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",