@hitsoft/e-donusum 1.0.115 → 1.0.116

package/fesm2015/hitsoft-e-donusum.mjs

@@ -17,17 +17,16 @@ import { PageModule } from '@abp/ng.components/page';
 import { DateAdapter } from '@abp/ng.theme.shared/extensions';
 import * as i4 from '@angular/forms';
 import { Validators } from '@angular/forms';
-import { finalize, tap, filter, switchMap, map } from 'rxjs/operators';
+import { finalize, tap, filter, switchMap } from 'rxjs/operators';
 import * as i6 from '@swimlane/ngx-datatable';
 import * as i5 from '@angular/common';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import * as i11 from 'devextreme-angular';
 import { DxDataGridModule, DxTextAreaModule, DxTextBoxModule, DxHtmlEditorModule, DxSelectBoxModule, DxLookupModule, DxTabPanelModule, DxCheckBoxModule, DxDateBoxModule, DxNumberBoxModule, DxTemplateModule, DxDropDownBoxModule, DxRadioGroupModule, DxPopupModule } from 'devextreme-angular';
 import * as i3$1 from 'devextreme-angular/ui/nested';
-import { finalize as finalize$1, tap as tap$1, filter as filter$1, switchMap as switchMap$1, firstValueFrom, BehaviorSubject, ReplaySubject, map as map$1 } from 'rxjs';
+import { finalize as finalize$1, tap as tap$1, filter as filter$1, switchMap as switchMap$1, firstValueFrom, BehaviorSubject, ReplaySubject } from 'rxjs';
 import * as i13 from 'devextreme-angular/core';
 import { __awaiter } from 'tslib';
-import * as i3$2 from '@angular/common/http';
 import * as i1$2 from '@angular/platform-browser';
 import trMessages from 'devextreme/localization/messages/tr.json';
 import { loadMessages, locale } from 'devextreme/localization';
@@ -6593,7 +6592,7 @@ class HitParamsCompanyComponent {
     }
     buildForm() {
         debugger;
-        const { companyName, companyCenter, taxNumber, taxOffice, mersisNo, tradeRegisterNo, street, buildingNo, postalCode, district, city, country, telNo, faxNo, email, webSite, extraAddress, isFreeZone, isTestCompany, setupIndex, } = this.paramsCompanyDto || {};
+        const { companyName, companyCenter, taxNumber, taxOffice, mersisNo, tradeRegisterNo, street, buildingNo, postalCode, district, city, country, telNo, faxNo, email, webSite, extraAddress, isFreeZone, isTestCompany, setupIndex, setupCompleted } = this.paramsCompanyDto || {};
         this.formParamsCompany = this.fb.group({
             companyName: [companyName !== null && companyName !== void 0 ? companyName : null, [Validators.required, Validators.maxLength(256)]],
             companyCenter: [companyCenter !== null && companyCenter !== void 0 ? companyCenter : null, [Validators.required, Validators.maxLength(256)]],
@@ -6614,7 +6613,8 @@ class HitParamsCompanyComponent {
             extraAddress: [extraAddress !== null && extraAddress !== void 0 ? extraAddress : null, [Validators.maxLength(512)]],
             isFreeZone: [isFreeZone !== null && isFreeZone !== void 0 ? isFreeZone : false, []],
             isTestCompany: [isTestCompany !== null && isTestCompany !== void 0 ? isTestCompany : true, [Validators.required]],
-            setupIndex: this.setupIndex
+            setupIndex: this.setupIndex,
+            setupCompleted: setupCompleted
         });
         debugger;
     }
@@ -9013,12 +9013,9 @@ var InvoiceType;
 })(InvoiceType || (InvoiceType = {}));
 
 class HitInvoiceService {
-    constructor(restService, devexService, http, configState // ← ekle
-    ) {
+    constructor(restService, devexService) {
         this.restService = restService;
         this.devexService = devexService;
-        this.http = http;
-        this.configState = configState;
         this.apiName = 'eDonusum';
         this.LoadInvoices = this.devexService.createStore({
             key: "id",
@@ -9096,34 +9093,10 @@ class HitInvoiceService {
             url: '/api/e-donusum/invoices/get-invoice-response',
             params: { startDate: startDate, endDate: endDate, }
         }, { apiName: this.apiName });
-        this.getInvoiceViewToken = (invoiceUUID) => {
-            var _a, _b;
-            const httpClient = this.restService.http;
-            // ABP'nin base URL'sini al
-            const baseUrl = ((_a = this.restService.configState) === null || _a === void 0 ? void 0 : _a.getDeep('environment.apis.eDonusum.url'))
-                || ((_b = this.restService.configState) === null || _b === void 0 ? void 0 : _b.getDeep('environment.apis.default.url'))
-                || 'https://localhost:44359';
-            return httpClient.get(`${baseUrl}/api/e-donusum/invoices/get-invoice-view/${invoiceUUID}`, {
-                responseType: 'blob',
-                observe: 'response',
-                headers: {
-                    'Authorization': `Bearer ${this.getToken()}`
-                }
-            }).pipe(map(response => {
-                var _a;
-                const cd = (_a = response.headers) === null || _a === void 0 ? void 0 : _a.get('Content-Disposition');
-                let filename = 'fatura.pdf';
-                if (cd) {
-                    const match = cd.match(/filename[^;=\n]*=["']?([^"';\n]+)["']?/i);
-                    if (match)
-                        filename = match[1].trim();
-                }
-                return {
-                    blobUrl: URL.createObjectURL(response.body),
-                    filename: filename
-                };
-            }));
-        };
+        this.getInvoiceView = (invoiceUUID) => this.restService.request({
+            method: 'GET',
+            url: `/api/e-donusum/invoices/get-invoice-view/${invoiceUUID}`,
+        }, { apiName: this.apiName });
         this.showAllFiles = (invoiceUUID) => this.restService.request({
             method: 'GET',
             url: `/api/e-donusum/invoices/show-all-files/${invoiceUUID}`,
@@ -9144,24 +9117,15 @@ class HitInvoiceService {
             params: { blobID: blobID }
         }, { apiName: this.apiName });
     }
-    // invoice.service.ts - yeni method ekle
-    getInvoiceViewUrl(invoiceUUID) {
-        return `/api/e-donusum/invoices/get-invoice-view/${invoiceUUID}`;
-    }
-    getToken() {
-        return localStorage.getItem('access_token')
-            || sessionStorage.getItem('access_token')
-            || '';
-    }
 }
-HitInvoiceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }, { token: i3$2.HttpClient }, { token: i1.ConfigStateService }], target: i0.ɵɵFactoryTarget.Injectable });
+HitInvoiceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }], target: i0.ɵɵFactoryTarget.Injectable });
 HitInvoiceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }, { type: i3$2.HttpClient }, { type: i1.ConfigStateService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }]; } });
 
 class HitFileDocumentTypeService {
     constructor(restService, devexService) {
@@ -9216,101 +9180,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class HitSharedService {
     constructor() {
         this.apiName = 'eDonusum';
-        /*previewFile = (base64, filename: string = 'fatura.pdf') => {
-          const cleanBase64 = base64.includes(',') ? base64.split(',')[1] : base64;
-          const bytes = Uint8Array.from(atob(cleanBase64), c => c.charCodeAt(0));
-          
-          // File objesi blob'a filename metadata'sı ekler
-          const file = new File([bytes], filename, { type: 'application/pdf' });
-          const url = URL.createObjectURL(file);
-      
-          const newTab = window.open('', '_blank');
-          newTab.history.pushState({}, filename, `/${filename}`);
-          newTab.document.write(`
-              <html>
-              <head><title>${filename}</title></head>
-              <body style="margin:0;overflow:hidden">
-                  <iframe
-                      src="${url}#toolbar=1"
-                      style="width:100%;height:100vh;border:none;"
-                  ></iframe>
-              </body>
-              </html>
-          `);
-      
-          setTimeout(() => URL.revokeObjectURL(url), 60_000);
-      }*/
-        this.previewFile = (base64, filename = 'fatura.pdf') => {
+        this.previewFile = (base64) => {
             const cleanBase64 = base64.includes(',') ? base64.split(',')[1] : base64;
             const bytes = Uint8Array.from(atob(cleanBase64), c => c.charCodeAt(0));
-            const file = new File([bytes], filename, { type: 'application/pdf' });
-            const url = URL.createObjectURL(file);
-            const newTab = window.open('', '_blank');
-            newTab.history.pushState({}, filename, `/${filename}`);
-            newTab.document.write(`<!DOCTYPE html>
-        <html>
-        <head>
-            <title>${filename}</title>
-            <style>
-                * { margin:0; padding:0; box-sizing:border-box; }
-                body { background:#525659; font-family:sans-serif; }
-                #toolbar { 
-                    position:fixed; top:0; left:0; right:0; height:48px;
-                    background:#323639; display:flex; align-items:center; 
-                    padding:0 16px; gap:16px; z-index:99;
-                    color:white; font-size:14px;
-                }
-                #pages { margin-top:56px; display:flex; flex-direction:column; align-items:center; padding:16px; gap:16px; }
-                canvas { box-shadow:0 2px 8px #0006; background:white; }
-            </style>
-        </head>
-        <body>
-            <div id="toolbar">
-                <span>${filename}</span>
-                <span id="pageInfo"></span>
-                <button onclick="changePage(-1)" style="background:#555;color:white;border:none;padding:4px 10px;cursor:pointer;border-radius:4px">◀</button>
-                <button onclick="changePage(1)" style="background:#555;color:white;border:none;padding:4px 10px;cursor:pointer;border-radius:4px">▶</button>
-                <a href="${url}" download="${filename}" 
-                   style="margin-left:auto;background:#1976d2;color:white;padding:6px 14px;border-radius:4px;text-decoration:none">
-                   ⬇ İndir (${filename})
-                </a>
-            </div>
-            <div id="pages"></div>
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
-            <script>
-                pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
-                let currentPage = 1, totalPages = 0, pdfDoc = null;
-
-                pdfjsLib.getDocument('${url}').promise.then(pdf => {
-                    pdfDoc = pdf;
-                    totalPages = pdf.numPages;
-                    renderPage(currentPage);
-                });
-
-                function renderPage(num) {
-                    pdfDoc.getPage(num).then(page => {
-                        const viewport = page.getViewport({ scale: 1.5 });
-                        const canvas = document.createElement('canvas');
-                        canvas.width = viewport.width;
-                        canvas.height = viewport.height;
-                        document.getElementById('pages').innerHTML = '';
-                        document.getElementById('pages').appendChild(canvas);
-                        page.render({ canvasContext: canvas.getContext('2d'), viewport });
-                        document.getElementById('pageInfo').textContent = num + ' / ' + totalPages;
-                    });
-                }
-
-                function changePage(delta) {
-                    const next = currentPage + delta;
-                    if (next >= 1 && next <= totalPages) {
-                        currentPage = next;
-                        renderPage(currentPage);
-                    }
-                }
-            </script>
-        </body>
-        </html>
-    `);
+            const blob = new Blob([bytes], { type: 'application/pdf' });
+            const url = URL.createObjectURL(blob);
+            // Yeni tab (preview)
+            window.open(url, '_blank', 'noopener');
+            // İstersen kısa süre sonra URL'i serbest bırak (preview açıldıktan sonra)
             setTimeout(() => URL.revokeObjectURL(url), 60000);
         };
     }
@@ -9540,42 +9417,13 @@ class HitInvoiceComponent {
         this.invoiceService.getInvoiceResponses(new Date().toISOString(), new Date().toISOString()).subscribe(() => this.dxInvoiceInstance.instance.refresh());
     }
     getInvoiceView(record) {
-        this.invoiceService.getInvoiceViewToken(record.uuId).subscribe(({ blobUrl, filename }) => {
-            const newTab = window.open('', '_blank');
-            newTab.document.write(`
-            <html>
-            <head>
-                <title>${filename}</title>
-                <style>
-                    * { margin: 0; padding: 0; box-sizing: border-box; }
-                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
-                    .bar { 
-                        background: #1976d2; color: white; 
-                        padding: 6px 16px; display: flex; 
-                        align-items: center; justify-content: space-between;
-                        flex-shrink: 0;
-                    }
-                    .bar span { font-size: 14px; }
-                    .bar a { 
-                        color: white; text-decoration: none; font-size: 13px;
-                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
-                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
-                    }
-                    .bar a:hover { background: rgba(255,255,255,0.35); }
-                    iframe { flex: 1; border: none; width: 100%; }
-                </style>
-            </head>
-            <body>
-                <div class="bar">
-                    <span>📄 ${filename}</span>
-                    <a href="${blobUrl}" download="${filename}">⬇ İndir</a>
-                </div>
-                <iframe src="${blobUrl}"></iframe>
-            </body>
-            </html>
-        `);
-            newTab.document.close();
-            setTimeout(() => URL.revokeObjectURL(blobUrl), 300000);
+        this.invoiceService.getInvoiceView(record.uuId).subscribe(item => {
+            const source = `data:${item.mimeType};base64,${item.content}`;
+            this.hitSharedService.previewFile(item.content);
+            /*const link = document.createElement('a');
+            link.href = source;
+            link.download = `${item.filename}`;
+            link.click();*/
         });
     }
     showAllFiles(record) {
@@ -10206,20 +10054,7 @@ class HitInboundInvoiceService {
             method: 'GET',
             url: `/api/e-donusum/invoices/get-inbound-invoice-view/${invoiceGUID}`,
             params: { invoiceGUID: invoiceGUID }
-        }, { apiName: this.apiName }).pipe(map$1(item => {
-            // base64 string → blob
-            const byteCharacters = atob(item.content);
-            const byteNumbers = new Array(byteCharacters.length);
-            for (let i = 0; i < byteCharacters.length; i++) {
-                byteNumbers[i] = byteCharacters.charCodeAt(i);
-            }
-            const byteArray = new Uint8Array(byteNumbers);
-            const blob = new Blob([byteArray], { type: 'application/pdf' });
-            return {
-                blobUrl: URL.createObjectURL(blob),
-                filename: item.filename || 'fatura.pdf'
-            };
-        }));
+        }, { apiName: this.apiName });
         this.getBankAccountByCurrency = (actCurr) => this.restService.request({
             method: 'GET',
             url: '/api/e-donusum/invoices/get-bank-accounts',
@@ -10490,41 +10325,14 @@ class HitInboundInvoiceComponent {
         this.service.getInboundInvoice(new Date().toISOString(), new Date().toISOString()).subscribe(() => this.dxInboundInvoiceInstance.instance.refresh());
     }
     getInvoicePreview(record) {
-        this.service.getInboundInvoiceView(record.uuId).subscribe(({ blobUrl, filename }) => {
-            const newTab = window.open('', '_blank');
-            newTab.document.write(`
-            <html>
-            <head>
-                <title>${filename}</title>
-                <style>
-                    * { margin: 0; padding: 0; box-sizing: border-box; }
-                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
-                    .bar { 
-                        background: #1976d2; color: white; 
-                        padding: 6px 16px; display: flex; 
-                        align-items: center; justify-content: space-between;
-                        flex-shrink: 0;
-                    }
-                    .bar span { font-size: 14px; }
-                    .bar a { 
-                        color: white; text-decoration: none; font-size: 13px;
-                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
-                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
-                    }
-                    iframe { flex: 1; border: none; width: 100%; }
-                </style>
-            </head>
-            <body>
-                <div class="bar">
-                    <span>📄 ${filename}</span>
-                    <a href="${blobUrl}" download="${filename}">⬇ İndir</a>
-                </div>
-                <iframe src="${blobUrl}"></iframe>
-            </body>
-            </html>
-        `);
-            newTab.document.close();
-            setTimeout(() => URL.revokeObjectURL(blobUrl), 300000);
+        debugger;
+        this.service.getInboundInvoiceView(record.uuId).subscribe(item => {
+            const source = `data:${item.mimeType};base64,${item.content}`;
+            this.hitSharedService.previewFile(item.content);
+            /*const link = document.createElement('a');
+            link.href = source;
+            link.download = `${item.filename}`;
+            link.click();*/
         });
     }
     openResponseModal(record) {
@@ -10877,6 +10685,7 @@ class HitInboundInvoiceComponent {
         this.isModalBusyForDocument = true;
         const dataSource = this.dxDocumentLines.instance.getDataSource();
         dataSource.store().load().then((gridLines) => {
+            console.log("GERÇEK DATA:", gridLines); // her zaman array
             if (gridLines.length == 0) {
                 if (this.isDraft) {
                     this.confirmation
@@ -11235,10 +11044,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
 class HitDespatchService {
-    constructor(restService, devexService, http) {
+    constructor(restService, devexService) {
         this.restService = restService;
         this.devexService = devexService;
-        this.http = http;
         this.apiName = 'eDonusum';
         this.LoadDespatches = this.devexService.createStore({
             key: "id",
@@ -11279,27 +11087,7 @@ class HitDespatchService {
         this.getDespatchView = (despatchUUID) => this.restService.request({
             method: 'GET',
             url: `/api/e-donusum/despatches/get-despatch-view/${despatchUUID}`,
-        }, { apiName: this.apiName }).pipe(map(item => {
-            let blob;
-            // base64 string mi yoksa byte array mi kontrol et
-            if (typeof item.content === 'string') {
-                // base64 string
-                const byteCharacters = atob(item.content);
-                const byteNumbers = new Array(byteCharacters.length);
-                for (let i = 0; i < byteCharacters.length; i++) {
-                    byteNumbers[i] = byteCharacters.charCodeAt(i);
-                }
-                blob = new Blob([new Uint8Array(byteNumbers)], { type: 'application/pdf' });
-            }
-            else {
-                // byte[] array
-                blob = new Blob([new Uint8Array(item.content)], { type: 'application/pdf' });
-            }
-            return {
-                blobUrl: URL.createObjectURL(blob),
-                filename: item.filename || 'irsaliye.pdf'
-            };
-        }));
+        }, { apiName: this.apiName });
         this.downloadFileById = (blobID) => this.restService.request({
             method: 'GET',
             url: `/api/e-donusum/despatches/download-file-by-id/${blobID}`,
@@ -11347,14 +11135,14 @@ class HitDespatchService {
         }, { apiName: this.apiName });
     }
 }
-HitDespatchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }, { token: i3$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HitDespatchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }], target: i0.ɵɵFactoryTarget.Injectable });
 HitDespatchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }, { type: i3$2.HttpClient }]; } });
+        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }]; } });
 
 class HitDespatchComponent {
     constructor(list, service, fileDocumentTypeService, gibPartnerPkService, hitDocumentSerialService, confirmation, toasterService, hitSharedService) {
@@ -11536,41 +11324,16 @@ class HitDespatchComponent {
         return "";
     }
     getDespatchView(record) {
-        this.service.getDespatchView(record.uuId).subscribe(({ blobUrl, filename }) => {
-            const newTab = window.open('', '_blank');
-            newTab.document.write(`
-            <html>
-            <head>
-                <title>${filename}</title>
-                <style>
-                    * { margin: 0; padding: 0; box-sizing: border-box; }
-                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
-                    .bar { 
-                        background: #1976d2; color: white; 
-                        padding: 6px 16px; display: flex; 
-                        align-items: center; justify-content: space-between;
-                        flex-shrink: 0;
-                    }
-                    .bar span { font-size: 14px; }
-                    .bar a { 
-                        color: white; text-decoration: none; font-size: 13px;
-                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
-                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
-                    }
-                    iframe { flex: 1; border: none; width: 100%; }
-                </style>
-            </head>
-            <body>
-                <div class="bar">
-                    <span>📄 ${filename}</span>
-                    <a href="${blobUrl}" download="${filename}">⬇ İndir</a>
-                </div>
-                <iframe src="${blobUrl}"></iframe>
-            </body>
-            </html>
-        `);
-            newTab.document.close();
-            setTimeout(() => URL.revokeObjectURL(blobUrl), 300000);
+        this.service.getDespatchView(record.uuId).subscribe(item => {
+            const source = `data:${item.mimeType};base64,${item.content}`;
+            //  const newTab = window.open();
+            // newTab.document.title = record.id
+            // newTab.document.body.innerHTML = `<iframe src="${source}" width="100%" height="100%" style="border:none;"></iframe>`;
+            this.hitSharedService.previewFile(item.content);
+            /*const link = document.createElement('a');
+            link.href = source;
+            link.download = `${item.filename}`;
+            link.click();*/
         });
     }
     getDespatchResponses() {
@@ -11746,8 +11509,8 @@ class HitInboundDespatchService {
         }, { apiName: this.apiName });
         this.getDespatchPreviewInbound = (despatchGUID) => this.restService.request({
             method: 'GET',
-            url: `/api/e-donusum/despatches/get-html-preview-inbound/${despatchGUID}`
-            //params: { despatchGUID: despatchGUID}
+            url: `/api/e-donusum/despatches/get-html-preview-inbound/${despatchGUID}`,
+            params: { despatchGUID: despatchGUID }
         }, { apiName: this.apiName });
     }
 }
@@ -11876,56 +11639,12 @@ class HitInboundDespatchComponent {
         return "";
     }
     getInboundDespatchPreview(record) {
+        debugger;
         this.despatchService.getDespatchPreviewInbound(record.id).subscribe(despatch => {
-            let htmlContent;
-            if (typeof despatch.previewHTML === 'string') {
-                htmlContent = atob(despatch.previewHTML);
-            }
-            else {
-                htmlContent = new TextDecoder().decode(new Uint8Array(despatch.previewHTML));
-            }
-            const filename = `Irsaliye-${record.despatchId || record.id}`;
-            const newTab = window.open('', '_blank');
-            newTab.document.open();
-            newTab.document.write(`
-            <html>
-            <head>
-                <title>${filename}</title>
-                <style>
-                    * { margin: 0; padding: 0; box-sizing: border-box; }
-                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
-                    .bar { 
-                        background: #1976d2; color: white; 
-                        padding: 6px 16px; display: flex; 
-                        align-items: center; justify-content: space-between;
-                        flex-shrink: 0;
-                    }
-                    .bar span { font-size: 14px; }
-                    .bar a { 
-                        color: white; text-decoration: none; font-size: 13px;
-                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
-                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
-                    }
-                    iframe { flex: 1; border: none; width: 100%; }
-                </style>
-            </head>
-            <body>
-                <div class="bar">
-                    <span>📄 ${filename}</span>
-                    <a id="dlBtn" download="${filename}.html">⬇ İndir</a>
-                </div>
-                <iframe id="previewFrame"></iframe>
-                <script>
-                    const html = ${JSON.stringify(htmlContent)};
-                    const blob = new Blob([html], { type: 'text/html' });
-                    const url = URL.createObjectURL(blob);
-                    document.getElementById('previewFrame').src = url;
-                    document.getElementById('dlBtn').href = url;
-                </script>
-            </body>
-            </html>
-        `);
-            newTab.document.close();
+            const source = `data:text/html;base64,${despatch.previewHTML}`;
+            const newTab = window.open();
+            newTab.document.title = record.id;
+            newTab.document.body.innerHTML = `<iframe src="${source}" width="100%" height="100%" style="border:none;"></iframe>`;
         });
     }
 }