@hed-hog/operations 0.0.318 → 0.0.321

package/hedhog/frontend/app/_components/contract-details-screen.tsx.ejs

@@ -88,12 +88,6 @@ export function ContractDetailsScreen({ contractId }: { contractId: number }) {
     ) ??
     contract.documents.find((document) => document.isCurrent) ??
     null;
-
-  const previewSource = currentDocument?.fileContentBase64
-    ? `data:${currentDocument.mimeType};base64,${currentDocument.fileContentBase64}`
-    : buildStoredFileUrl(currentDocument?.fileId);
-  const canPreview =
-    Boolean(previewSource) && currentDocument?.mimeType?.includes('pdf');
   const contractTitle =
     contract.name || contract.code || commonT('labels.notAvailable');
 
@@ -106,6 +100,21 @@ export function ContractDetailsScreen({ contractId }: { contractId: number }) {
     return formT.has(key) ? formT(key) : formatEnumLabel(value);
   };
 
+  const getHistoryNoteLabel = (note?: string | null) => {
+    if (!note) {
+      return commonT('labels.noNotes');
+    }
+
+    const normalizedNote = note.trim();
+    const historyNoteMap: Record<string, string> = {
+      'Manual contract created from registry.': t('historyNotes.manualCreated'),
+      'Contract registry data updated.': t('historyNotes.registryUpdated'),
+      'Contract documents removed.': t('historyNotes.documentsRemoved'),
+    };
+
+    return historyNoteMap[normalizedNote] ?? normalizedNote;
+  };
+
   return (
     <Page>
       <OperationsHeader
@@ -117,11 +126,7 @@ export function ContractDetailsScreen({ contractId }: { contractId: number }) {
             {currentDocument?.fileId || currentDocument?.fileContentBase64 ? (
               currentDocument.fileId ? (
                 <Button variant="outline" size="sm" asChild>
-                  <a
-                    href={buildStoredFileUrl(currentDocument.fileId) || '#'}
-                    target="_blank"
-                    rel="noreferrer"
-                  >
+                  <a href={buildStoredFileUrl(currentDocument.fileId) || '#'} download>
                     <Download className="size-4" />
                     {t('actions.downloadPdf')}
                   </a>
@@ -155,29 +160,14 @@ export function ContractDetailsScreen({ contractId }: { contractId: number }) {
         }
       />
 
-      <Tabs defaultValue="preview">
+      <Tabs defaultValue="overview">
         <TabsList className="flex-wrap">
-          <TabsTrigger value="preview">{t('tabs.preview')}</TabsTrigger>
           <TabsTrigger value="overview">{t('tabs.overview')}</TabsTrigger>
+          <TabsTrigger value="parties">{t('tabs.parties')}</TabsTrigger>
           <TabsTrigger value="documents">{t('tabs.documents')}</TabsTrigger>
+          <TabsTrigger value="history">{t('tabs.history')}</TabsTrigger>
         </TabsList>
 
-        <TabsContent value="preview">
-          <SectionCard title={t('sections.preview')}>
-            {canPreview && previewSource ? (
-              <iframe
-                title={t('sections.preview')}
-                src={previewSource}
-                className="h-180 w-full rounded-lg border"
-              />
-            ) : (
-              <div className="rounded-lg border border-dashed px-4 py-12 text-center text-sm text-muted-foreground">
-                {t('states.previewUnavailable')}
-              </div>
-            )}
-          </SectionCard>
-        </TabsContent>
-
         <TabsContent value="overview">
           <SectionCard title={t('sections.overview')}>
             <dl className="grid gap-3 text-sm md:grid-cols-4">
@@ -286,8 +276,7 @@ export function ContractDetailsScreen({ contractId }: { contractId: number }) {
                         <Button variant="outline" size="sm" asChild>
                           <a
                             href={buildStoredFileUrl(document.fileId) || '#'}
-                            target="_blank"
-                            rel="noreferrer"
+                            download
                           >
                             <Download className="size-4" />
                             {t('actions.download')}
@@ -336,7 +325,7 @@ export function ContractDetailsScreen({ contractId }: { contractId: number }) {
                     <div className="text-muted-foreground">
                       {formatDateTime(item.createdAt)}
                     </div>
-                    <div>{item.note || commonT('labels.noNotes')}</div>
+                    <div>{getHistoryNoteLabel(item.note)}</div>
                   </div>
                 ))}
               </div>

package/hedhog/frontend/app/_components/contract-form-screen.tsx.ejs

@@ -29,6 +29,13 @@ type PartyState = {
   isPrimary: boolean;
 };
 
+type ContractUploadDocument = {
+  fileId?: number | null;
+  fileName: string;
+  mimeType: string;
+  fileContentBase64?: string | null;
+};
+
 export type ContractFormState = {
   code: string;
   name: string;
@@ -58,6 +65,8 @@ export type ContractFormState = {
     mimeType: string;
     fileContentBase64?: string | null;
   } | null;
+  additionalUploadedDocuments: ContractUploadDocument[];
+  deletedDocumentIds: number[];
 };
 
 function emptyParty(): PartyState {
@@ -97,6 +106,8 @@ function buildEmptyForm(): ContractFormState {
     contentHtml: '',
     parties: [emptyParty()],
     pdfDocument: null,
+    additionalUploadedDocuments: [],
+    deletedDocumentIds: [],
   };
 }
 
@@ -148,6 +159,8 @@ function toFormState(contract: OperationsContractDetails): ContractFormState {
         }))
       : [emptyParty()],
     pdfDocument: null,
+    additionalUploadedDocuments: [],
+    deletedDocumentIds: [],
   };
 }
 
@@ -276,26 +289,39 @@ export function ContractFormScreen({
     );
   }, [contract]);
 
-  const previewSource = useMemo(() => {
-    if (form.pdfDocument?.fileContentBase64 && form.pdfDocument.mimeType) {
-      return `data:${form.pdfDocument.mimeType};base64,${form.pdfDocument.fileContentBase64}`;
-    }
-
-    if (form.pdfDocument?.fileId) {
-      return buildStoredFileUrl(form.pdfDocument.fileId);
-    }
-
-    if (currentDocument?.fileContentBase64 && currentDocument.mimeType) {
-      return `data:${currentDocument.mimeType};base64,${currentDocument.fileContentBase64}`;
-    }
-
-    return buildStoredFileUrl(currentDocument?.fileId);
-  }, [currentDocument, form.pdfDocument]);
-
-  const canPreview =
-    Boolean(previewSource) &&
-    (form.pdfDocument?.mimeType?.includes('pdf') ||
-      currentDocument?.mimeType?.includes('pdf'));
+  const downloadableDocuments = useMemo(
+    () => [
+      ...(form.pdfDocument
+        ? [{ ...form.pdfDocument, id: 'draft-primary', isPending: true }]
+        : []),
+      ...form.additionalUploadedDocuments.map((document, index) => ({
+        ...document,
+        id: `draft-attachment-${index}`,
+        isPending: true,
+      })),
+      ...(contract?.documents
+        .filter((document) => !form.deletedDocumentIds.includes(document.id))
+        .filter(
+          (document) =>
+            !(
+              form.pdfDocument?.fileId &&
+              document.fileId === form.pdfDocument.fileId &&
+              document.fileName === form.pdfDocument.fileName
+            )
+        )
+        .map((document) => ({
+          ...document,
+          id: document.id,
+          isPending: false,
+        })) ?? []),
+    ],
+    [
+      contract?.documents,
+      form.additionalUploadedDocuments,
+      form.deletedDocumentIds,
+      form.pdfDocument,
+    ]
+  );
 
   const handleSubmit = async () => {
     if (!form.name.trim()) {
@@ -344,6 +370,8 @@ export function ContractFormScreen({
           isPrimary: party.isPrimary,
         })),
       replaceUploadedPdfDocument: form.pdfDocument,
+      additionalUploadedDocuments: form.additionalUploadedDocuments,
+      deletedDocumentIds: form.deletedDocumentIds,
     };
 
     try {
@@ -380,6 +408,74 @@ export function ContractFormScreen({
     }
   };
 
+  const handleFilesSelected = async (files: FileList | null) => {
+    if (!files?.length) {
+      return;
+    }
+
+    const uploadedDocuments = await Promise.all(
+      Array.from(files).map(async (file) => ({
+        fileName: file.name,
+        mimeType:
+          file.type ||
+          'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        fileContentBase64: await fileToBase64(file),
+      }))
+    );
+
+    setForm((current) => {
+      const hasPrimaryDocument = Boolean(current.pdfDocument || currentDocument);
+      const nextPrimaryDocument = hasPrimaryDocument
+        ? current.pdfDocument
+        : uploadedDocuments[0] ?? null;
+      const extraDocuments = hasPrimaryDocument
+        ? uploadedDocuments
+        : uploadedDocuments.slice(1);
+
+      return {
+        ...current,
+        pdfDocument: nextPrimaryDocument,
+        additionalUploadedDocuments: [
+          ...current.additionalUploadedDocuments,
+          ...extraDocuments,
+        ],
+      };
+    });
+  };
+
+  const handleRemoveDocument = (documentId: string | number) => {
+    setForm((current) => {
+      if (documentId === 'draft-primary') {
+        return {
+          ...current,
+          pdfDocument: null,
+        };
+      }
+
+      if (String(documentId).startsWith('draft-attachment-')) {
+        const index = Number(String(documentId).replace('draft-attachment-', ''));
+        return {
+          ...current,
+          additionalUploadedDocuments: current.additionalUploadedDocuments.filter(
+            (_item, itemIndex) => itemIndex !== index
+          ),
+        };
+      }
+
+      const numericId = Number(documentId);
+      if (!Number.isInteger(numericId) || numericId <= 0) {
+        return current;
+      }
+
+      return {
+        ...current,
+        deletedDocumentIds: current.deletedDocumentIds.includes(numericId)
+          ? current.deletedDocumentIds
+          : [...current.deletedDocumentIds, numericId],
+      };
+    });
+  };
+
   const noAccessState = (
     <EmptyState
       icon={<FileText className="size-12" />}
@@ -480,82 +576,75 @@ export function ContractFormScreen({
               <input
                 type="file"
                 className="hidden"
+                multiple
                 accept=".pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                 onChange={async (event) => {
-                  const file = event.target.files?.[0];
-                  if (!file) {
-                    return;
-                  }
-
-                  const fileContentBase64 = await fileToBase64(file);
-                  setForm((current) => ({
-                    ...current,
-                    pdfDocument: {
-                      fileName: file.name,
-                      mimeType:
-                        file.type ||
-                        'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-                      fileContentBase64,
-                    },
-                  }));
+                  await handleFilesSelected(event.target.files);
+                  event.target.value = '';
                 }}
               />
             </label>
-          </div>
-        </div>
-      </SectionCard>
 
-      <SectionCard
-        title={detailT('sections.preview')}
-        description="Pré-visualização rápida do arquivo atual do contrato."
-        compact={isSheetMode}
-        descriptionMode={isSheetMode ? 'tooltip' : 'inline'}
-      >
-        {canPreview && previewSource ? (
-          <iframe
-            title={detailT('sections.preview')}
-            src={previewSource}
-            className={
-              isSheetMode
-                ? 'h-112 w-full rounded-lg border'
-                : 'h-130 w-full rounded-lg border'
-            }
-          />
-        ) : (
-          <div className="rounded-lg border border-dashed px-4 py-10 text-center text-sm text-muted-foreground">
-            {detailT('states.previewUnavailable')}
+            {downloadableDocuments.length ? (
+              <div className="space-y-2">
+                {downloadableDocuments.map((document) => {
+                  const storedUrl =
+                    'fileId' in document
+                      ? buildStoredFileUrl(document.fileId)
+                      : null;
+
+                  return (
+                    <div
+                      key={String(document.id)}
+                      className="flex flex-col gap-3 rounded-lg border px-4 py-3 sm:flex-row sm:items-center sm:justify-between"
+                    >
+                      <div className="min-w-0">
+                        <div className="truncate font-medium">
+                          {document.fileName}
+                        </div>
+                        <div className="text-xs text-muted-foreground">
+                          {document.mimeType}
+                        </div>
+                      </div>
+
+                      <div className="flex flex-wrap gap-2">
+                        {storedUrl ? (
+                          <Button type="button" variant="outline" asChild>
+                            <a href={storedUrl} download>
+                              <Download className="size-4" />
+                              {detailT('actions.download')}
+                            </a>
+                          </Button>
+                        ) : document.fileContentBase64 ? (
+                          <Button
+                            type="button"
+                            variant="outline"
+                            onClick={() =>
+                              downloadBase64File(
+                                document.fileName,
+                                document.mimeType,
+                                document.fileContentBase64 || ''
+                              )
+                            }
+                          >
+                            <Download className="size-4" />
+                            {detailT('actions.download')}
+                          </Button>
+                        ) : null}
+                        <Button
+                          type="button"
+                          variant="outline"
+                          onClick={() => handleRemoveDocument(document.id)}
+                        >
+                          {commonT('actions.delete')}
+                        </Button>
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            ) : null}
           </div>
-        )}
-
-        <div className="mt-4 flex flex-wrap gap-2">
-          {currentDocument?.fileId ? (
-            <Button type="button" variant="outline" asChild>
-              <a
-                href={buildStoredFileUrl(currentDocument.fileId) || '#'}
-                target="_blank"
-                rel="noreferrer"
-              >
-                <Download className="size-4" />
-                {detailT('actions.downloadPdf')}
-              </a>
-            </Button>
-          ) : null}
-          {currentDocument?.fileContentBase64 ? (
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() =>
-                downloadBase64File(
-                  currentDocument.fileName,
-                  currentDocument.mimeType,
-                  currentDocument.fileContentBase64 || ''
-                )
-              }
-            >
-              <Download className="size-4" />
-              {detailT('actions.downloadPdf')}
-            </Button>
-          ) : null}
         </div>
       </SectionCard>