@buerokratt-ria/common-gui-components 0.0.54 → 0.0.56

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.56] - 13.05.2026
+
+- Fixed file downloads to run inside an iframe to avoid parent app navigation and beforeunload logout handling for cross-origin signed URLs.
+
+## [0.0.55] - 12.05.2026
+
+- Fixed chat history download response typing
+
 ## [0.0.54] - 07.05.2026
 
 - Remove authenticated person fields for filtering

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/common-gui-components",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "description": "Common GUI components and pre defined templates.",
   "main": "index.ts",
   "author": "ExiRai",

package/services/file.ts

@@ -2,10 +2,29 @@ export const saveFile = async (
     fileUrl: string,
     fileName: `${string}.${string}`,
 ) => {
-    const a = document.createElement('a');
+    const iframe = document.createElement('iframe');
+    // Cross-origin signed URLs can ignore the download attribute and navigate instead.
+    // Running the click inside an iframe keeps that navigation away from the parent app.
+    // This avoids triggering the parent app's beforeunload handler during file downloads.
+    iframe.title = 'File download';
+    iframe.dataset.fileDownloadFrame = 'true';
+    iframe.style.display = 'none';
+    document.body.appendChild(iframe);
+
+    const iframeDocument = iframe.contentDocument;
+
+    if (!iframeDocument) {
+        iframe.remove();
+        return;
+    }
+
+    const a = iframeDocument.createElement('a');
     a.href = fileUrl;
     a.download = fileName;
-    document.body.appendChild(a);
+    iframeDocument.body.appendChild(a);
     a.click();
-    a.remove();
+
+    setTimeout(() => {
+        iframe.remove();
+    }, 1000);
 };

package/templates/history-page/src/index.tsx

@@ -1048,7 +1048,13 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 : endedChatsColumns.filter((col) => col.id && col.id !== 'detail');
             const columnIds = activeColumns.map((col) => col.id!);
 
-            const response = await apiDevEnded.post('chats/ended/download', {
+            const response = await apiDevEnded.post<{
+                readonly response: {
+                    readonly data: {
+                        readonly url: string;
+                    };
+                };
+            }>('chats/ended/download', {
                 headers,
                 columnIds,
                 language: i18n.language,
@@ -1058,8 +1064,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 sorting: sortBy,
                 search,
             });
-
-            const downloadData = response.data.data ?? response.data;
+            const downloadData = response.data.response.data;
 
             await saveFile(
                 downloadData.url,