Se descargan correctamente los docx del plan y de la asignatura

src/routes/planes/$planId/asignaturas/$asignaturaId/documento.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute, useParams } from '@tanstack/react-router'
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 
 import { DocumentoSEPTab } from '@/components/asignaturas/detalle/DocumentoSEPTab'
 import { fetchAsignaturaPdf } from '@/data/api/document.api'
@@ -16,6 +16,7 @@ function RouteComponent() {
   })
 
   const [pdfUrl, setPdfUrl] = useState<string | null>(null)
+  const pdfUrlRef = useRef<string | null>(null)
   const [isLoading, setIsLoading] = useState(true)
   const [isRegenerating, setIsRegenerating] = useState(false)
 
@@ -25,12 +26,14 @@ function RouteComponent() {
 
       const pdfBlob = await fetchAsignaturaPdf({
         asignatura_id: asignaturaId,
+        convertTo: 'pdf',
       })
 
       const url = window.URL.createObjectURL(pdfBlob)
 
       setPdfUrl((prev) => {
         if (prev) window.URL.revokeObjectURL(prev)
+        pdfUrlRef.current = url
         return url
       })
     } catch (error) {
@@ -44,13 +47,14 @@ function RouteComponent() {
     loadPdfPreview()
 
     return () => {
-      if (pdfUrl) window.URL.revokeObjectURL(pdfUrl)
+      if (pdfUrlRef.current) window.URL.revokeObjectURL(pdfUrlRef.current)
     }
   }, [loadPdfPreview])
 
-  const handleDownload = async () => {
+  const handleDownloadPdf = async () => {
     const pdfBlob = await fetchAsignaturaPdf({
       asignatura_id: asignaturaId,
+      convertTo: 'pdf',
     })
 
     const url = window.URL.createObjectURL(pdfBlob)
@@ -63,6 +67,21 @@ function RouteComponent() {
     window.URL.revokeObjectURL(url)
   }
 
+  const handleDownloadWord = async () => {
+    const docBlob = await fetchAsignaturaPdf({
+      asignatura_id: asignaturaId,
+    })
+
+    const url = window.URL.createObjectURL(docBlob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = 'documento_sep.docx'
+    document.body.appendChild(link)
+    link.click()
+    link.remove()
+    window.URL.revokeObjectURL(url)
+  }
+
   const handleRegenerate = async () => {
     try {
       setIsRegenerating(true)
@@ -77,7 +96,8 @@ function RouteComponent() {
     <DocumentoSEPTab
       pdfUrl={pdfUrl}
       isLoading={isLoading}
-      onDownload={handleDownload}
+      onDownloadPdf={handleDownloadPdf}
+      onDownloadWord={handleDownloadWord}
       onRegenerate={handleRegenerate}
       isRegenerating={isRegenerating}
     />