[WC-3399] file uploader download issues (#2187)

Author: r0b1n

packages/pluggableWidgets/file-uploader-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue with Download button not working on Mendix 11.8.
+
 ## [2.4.1] - 2026-02-12
 
 ### Fixed

packages/pluggableWidgets/file-uploader-web/src/components/ActionsBar.tsx

@@ -48,9 +48,9 @@ function DefaultActionsBar(props: ButtonsBarProps): ReactElement {
         props.store.remove();
     }, [props.store]);
 
-    const onViewClick = useCallback(() => {
-        onDownloadClick(props.store.downloadUrl);
-    }, [props.store.downloadUrl]);
+    const onViewClick = useCallback(async () => {
+        onDownloadClick(await props.store.getDownloadUrl());
+    }, [props.store]);
 
     return (
         <div className={"entry-details-actions"}>

packages/pluggableWidgets/file-uploader-web/src/stores/FileStore.ts

@@ -205,7 +205,7 @@ export class FileStore {
         }
     }
 
-    get downloadUrl(): string | undefined {
+    async getDownloadUrl(): Promise<string | undefined> {
         if (this._mxObject) {
             return fetchDocumentUrl(this._mxObject);
         }

packages/pluggableWidgets/file-uploader-web/src/utils/mx-data.ts

@@ -39,12 +39,12 @@ export function fetchMxObject(objectItem: ObjectItem): Promise<MxObject> {
     });
 }
 
-export function fetchDocumentUrl(mxObject: MxObject): string {
+export async function fetchDocumentUrl(mxObject: MxObject): Promise<string> {
     return (window as any).mx.data.getDocumentUrl(mxObject.getGuid(), mxObject.get("changedDate"), false);
 }
 
-export function fetchImageThumbnail(mxObject: MxObject): Promise<string> {
-    const docUrl = (window as any).mx.data.getDocumentUrl(mxObject.getGuid(), mxObject.get("changedDate"), true);
+export async function fetchImageThumbnail(mxObject: MxObject): Promise<string> {
+    const docUrl = await (window as any).mx.data.getDocumentUrl(mxObject.getGuid(), mxObject.get("changedDate"), true);
     return new Promise<string>((resolve, reject) => {
         (window as any).mx.data.getImageUrl(docUrl, resolve, reject);
     });