fix: pass custom fileName and customFileName to export endpoint and parse...

fix: pass custom fileName and customFileName to export endpoint and parse Content-Disposition on download

src/components/exports/create-export-modal.tsx

@@ -115,10 +115,12 @@ export function CreateExportModal({
     e.preventDefault();
     if (!selectedJobId) return;
 
+    const trimmedFileName = customFileName.trim();
+    setCustomFileName("");
     await createExportMutation.mutateAsync({
       jobId: selectedJobId,
       exportType: selectedFormat,
-      fileName: customFileName.trim() ? customFileName.trim() : undefined,
+      fileName: trimmedFileName ? trimmedFileName : undefined,
     });
     onClose();
   };

src/schemas/export.schema.ts

@@ -19,6 +19,7 @@ export const createExportSchema = z.object({
   jobId: z.string().uuid("Mã Job không hợp lệ"),
   exportType: exportTypeEnum.default("JSON"),
   fileName: z.string().trim().optional(),
+  customFileName: z.string().trim().optional(),
 });
 
 export const exportQuerySchema = z.object({

src/services/crawl-export.service.ts

@@ -135,6 +135,7 @@ export class CrawlExportService {
       const response = await apiClient.post<ApiResponse<CrawlExport>>(`/crawl-jobs/${jobId}/exports`, {
         exportType: dto.exportType,
         fileName: dto.fileName,
+        customFileName: dto.fileName,
       });
       if (response.data?.data) {
         const created = response.data.data;
@@ -178,8 +179,21 @@ export class CrawlExportService {
         responseType: "blob",
       });
       const headerContentType = response.headers?.["content-type"];
+      let downloadName = defaultFilename;
+      const contentDisposition = response.headers?.["content-disposition"];
+      if (typeof contentDisposition === "string") {
+        const utf8Match = contentDisposition.match(/filename\*=UTF-8''([^;]+)/i);
+        if (utf8Match && utf8Match[1]) {
+          downloadName = decodeURIComponent(utf8Match[1]);
+        } else {
+          const match = contentDisposition.match(/filename="?([^";]+)"?/i);
+          if (match && match[1]) {
+            downloadName = match[1];
+          }
+        }
+      }
       downloadBlob(response.data, {
-        filename: defaultFilename,
+        filename: downloadName,
         mimeType: typeof headerContentType === "string" ? headerContentType : "application/octet-stream",
       });
     } catch {