fix: load request signature modal pdf blobs

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>

Author: vitormattos

src/components/Request/VisibleElements.vue

@@ -68,11 +68,11 @@
 					</NcButton>
 				</div>
 			</div>
-			<PdfEditor v-if="!filesStore.loading && pdfFiles.length > 0"
+			<PdfEditor v-if="!filesStore.loading && pdfEditorFiles.length > 0"
 				ref="pdfEditor"
 				width="100%"
 				height="100%"
-				:files="pdfFiles"
+				:files="pdfEditorFiles"
 				:file-names="pdfFileNames"
 				:signers="pdfEditorSigners"
 				@pdf-editor:end-init="updateSigners"
@@ -90,7 +90,7 @@ import { showSuccess, showError } from '@nextcloud/dialogs'
 import { subscribe, unsubscribe, type Event as NextcloudEvent, type EventHandler } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
 import { t } from '@nextcloud/l10n'
-import { generateOcsUrl } from '@nextcloud/router'
+import { generateOcsUrl, generateUrl } from '@nextcloud/router'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcChip from '@nextcloud/vue/components/NcChip'
 import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
@@ -247,6 +247,11 @@ function toRecord(value: unknown): Record<string, unknown> | null {
 	return typeof value === 'object' && value !== null ? value as Record<string, unknown> : null
 }
 
+function getUrlValue(value: unknown): string | undefined {
+	const candidate = toRecord(value)
+	return candidate && typeof candidate.url === 'string' ? candidate.url : undefined
+}
+
 function normalizeMetadata(metadata: unknown): Partial<ValidationMetadataRecord> | undefined {
 	const candidate = toRecord(metadata)
 	return candidate ? candidate as Partial<ValidationMetadataRecord> : undefined
@@ -324,19 +329,26 @@ function normalizeEditableRequestFile(file: unknown): EditableRequestChildFile |
 	const signers = Array.isArray(candidate.signers)
 		? candidate.signers.map(normalizeEditableRequestSigner).filter((row): row is EditableRequestSigner => row !== null)
 		: undefined
+	const nestedFileReference = typeof candidate.file === 'object' && candidate.file !== null
+		? normalizeEditableRequestFile(candidate.file)
+		: undefined
 	const fileReference = typeof candidate.file === 'string' || candidate.file === null
 		? candidate.file
-		: undefined
+		: nestedFileReference && Object.keys(nestedFileReference).length > 0
+			? nestedFileReference
+			: undefined
+	const url = getUrlValue(candidate)
 
 	return {
 		...(Number.isFinite(id) ? { id } : {}),
 		...(name !== undefined ? { name } : {}),
+		...(url !== undefined ? { url } : {}),
 		...(fileReference !== undefined ? { file: fileReference } : {}),
 		...(nestedFiles !== undefined ? { files: nestedFiles } : {}),
 		...(normalizeMetadata(candidate.metadata) !== undefined ? { metadata: normalizeMetadata(candidate.metadata) } : {}),
 		...(normalizeVisibleElementList(candidate.visibleElements) !== undefined ? { visibleElements: normalizeVisibleElementList(candidate.visibleElements) } : {}),
 		...(signers !== undefined ? { signers } : {}),
-	}
+	} as EditableRequestChildFile
 }
 
 function toVisibleElementsFile(file: EditableRequestChildFile): FileLike {
@@ -351,10 +363,14 @@ function toVisibleElementsFile(file: EditableRequestChildFile): FileLike {
 		: file.file
 			? toVisibleElementsFile(file.file as EditableRequestChildFile)
 			: undefined
+	const fileUrl = typeof (file as { url?: unknown }).url === 'string'
+		? (file as { url?: string }).url
+		: undefined
 
 	return {
 		id: file.id,
 		name: file.name,
+		...(fileUrl !== undefined ? { url: fileUrl } : {}),
 		...(fileReference !== undefined ? { file: fileReference } : {}),
 		...(normalizeMetadata(file.metadata) !== undefined ? { metadata: normalizeMetadata(file.metadata) } : {}),
 		...(normalizeVisibleElementList(file.visibleElements) !== undefined ? { visibleElements: normalizeVisibleElementList(file.visibleElements) } : {}),
@@ -452,9 +468,46 @@ const height = ref(signElementsConfig['full-signature-height'])
 const filePagesMap = ref<Record<number, FilePageInfo>>({})
 const elementsLoaded = ref(false)
 const fetchedFiles = ref<EditableRequestChildFile[]>([])
+const pdfEditorFiles = ref<PdfInput[]>([])
 
 const document = computed<EditableRequestFile>(() => filesStore.getEditableFile())
-const documentFiles = computed<EditableRequestChildFile[]>(() => fetchedFiles.value.length > 0 ? fetchedFiles.value : (Array.isArray(document.value.files) ? document.value.files : []))
+const fallbackDocumentFile = computed<EditableRequestChildFile | null>(() => {
+	const documentUrl = typeof (document.value as { url?: unknown }).url === 'string'
+		? (document.value as { url?: string }).url
+		: null
+	const pdfUrl = documentUrl
+		|| (typeof document.value.uuid === 'string' && document.value.uuid.length > 0
+			? generateUrl('/apps/libresign/p/pdf/{uuid}', { uuid: document.value.uuid })
+			: null)
+	const normalizedFile = normalizeEditableRequestFile({
+		id: document.value.id,
+		name: document.value.name,
+		file: document.value.file ?? pdfUrl ?? null,
+		metadata: document.value.metadata,
+		signers: document.value.signers,
+		visibleElements: document.value.visibleElements,
+	})
+
+	if (!normalizedFile) {
+		return null
+	}
+
+	return getFileUrl(toVisibleElementsFile(normalizedFile)) ? normalizedFile : null
+})
+function hasRenderablePdfFiles(files: EditableRequestChildFile[]): boolean {
+	return files.some((file) => getFileUrl(toVisibleElementsFile(file)) !== null)
+}
+const documentFiles = computed<EditableRequestChildFile[]>(() => {
+	if (fetchedFiles.value.length > 0) {
+		return fetchedFiles.value
+	}
+
+	if (Array.isArray(document.value.files) && document.value.files.length > 0 && hasRenderablePdfFiles(document.value.files)) {
+		return document.value.files
+	}
+
+	return fallbackDocumentFile.value ? [fallbackDocumentFile.value] : []
+})
 const visibleElementsDocument = computed<DocumentLike>(() => toVisibleElementsDocument(document.value))
 const visibleElementsFiles = computed<FileLike[]>(() => documentFiles.value.map(toVisibleElementsFile))
 const sidebarSigners = computed<Array<{ signer: EditableRequestSigner; index: number }>>(() => {
@@ -554,15 +607,41 @@ async function showModal() {
 	}
 	modal.value = true
 	filesStore.loading = true
+	pdfEditorFiles.value = []
 
 	if (documentFiles.value.length === 0) {
 		await fetchFiles()
 	}
 
+	await loadPdfEditorFiles()
 	buildFilePagesMap()
 	filesStore.loading = false
 }
 
+async function loadPdfEditorFiles() {
+	const urls = pdfFiles.value.filter((file): file is string => typeof file === 'string' && file.length > 0)
+	if (urls.length === 0) {
+		pdfEditorFiles.value = []
+		return
+	}
+
+	const blobs: File[] = []
+	for (const [index, url] of urls.entries()) {
+		const response = await fetch(url)
+		const contentType = response.headers.get('Content-Type') ?? ''
+		if (!response.ok || contentType.includes('application/json')) {
+			showError(t('libresign', 'Document not found'))
+			pdfEditorFiles.value = []
+			return
+		}
+
+		const blob = await response.blob()
+		blobs.push(new File([blob], pdfFileNames.value[index] || `document-${index + 1}.pdf`, { type: 'application/pdf' }))
+	}
+
+	pdfEditorFiles.value = blobs
+}
+
 async function fetchFiles() {
 	const response = await axios.get(generateOcsUrl('/apps/libresign/api/v1/file/list'), {
 		params: {
@@ -622,6 +701,7 @@ function closeModal() {
 	filesStore.loading = false
 	elementsLoaded.value = false
 	fetchedFiles.value = []
+	pdfEditorFiles.value = []
 	stopAddSigner()
 }