fix: refactors

apps/remix/app/components/general/envelope-editor/envelope-editor-fields-page-renderer.tsx

@@ -62,7 +62,7 @@ export default function EnvelopeEditorFieldsPageRenderer({
       editorFields.localFields.filter(
         (field) => field.page === pageNumber && field.envelopeItemId === currentEnvelopeItem?.id,
       ),
-    [editorFields.localFields, pageNumber],
+    [editorFields.localFields, pageNumber, currentEnvelopeItem?.id],
   );
 
   const handleResizeOrMove = (event: KonvaEventObject<Event>) => {

apps/remix/app/components/general/envelope-signing/envelope-signer-page-renderer.tsx

@@ -98,7 +98,7 @@ export default function EnvelopeSignerPageRenderer({ pageData }: { pageData: Pag
     return fieldsToRender.filter(
       (field) => field.page === pageNumber && field.envelopeItemId === currentEnvelopeItem?.id,
     );
-  }, [recipientFields, selectedAssistantRecipientFields, pageNumber]);
+  }, [recipientFields, selectedAssistantRecipientFields, pageNumber, currentEnvelopeItem?.id]);
 
   /**
    * Returns fields that have been fully signed by other recipients for this specific

apps/remix/server/api/files/routes/get-envelope-item-image-by-token.ts

@@ -51,10 +51,6 @@ route.get(
       return c.json({ error: 'Not found' }, 404);
     }
 
-    // We can hard cache this since since it's a unique URL for a given recipient.
-    // Might be dicey if the handler returns a cacheable error code.
-    c.header('Cache-Control', 'public, max-age=31536000, immutable');
-
     return await handleEnvelopeItemPageRequest({
       c,
       envelopeItem,

apps/remix/server/api/files/routes/get-envelope-item-image.ts

@@ -133,16 +133,17 @@ export const handleEnvelopeItemPageRequest = async ({
   const documentDataToUse =
     version === 'current' ? envelopeItem.documentData.data : envelopeItem.documentData.initialData;
 
-  c.header('Content-Type', 'image/jpeg');
-  c.header('Cache-Control', `${cacheStrategy}, max-age=31536000, immutable`);
-
   // Return the image if it already exists in S3.
   if (envelopeItem.documentData.type === 'S3_PATH') {
     const s3Key = getEnvelopeItemPageImageS3Key(documentDataToUse, pageIndex);
 
-    const image = await UNSAFE_getS3File(s3Key);
+    const image = await UNSAFE_getS3File(s3Key).catch(() => null);
 
     if (image) {
+      // Note: Only set these headers on success.
+      c.header('Content-Type', 'image/jpeg');
+      c.header('Cache-Control', `${cacheStrategy}, max-age=31536000, immutable`);
+
       return c.body(image);
     }
   }
@@ -169,6 +170,10 @@ export const handleEnvelopeItemPageRequest = async ({
     return c.json({ error: 'Failed to render page to image' }, 500);
   }
 
+  // Note: Only set these headers on success.
+  c.header('Content-Type', 'image/jpeg');
+  c.header('Cache-Control', `${cacheStrategy}, max-age=31536000, immutable`);
+
   return c.body(image);
 };
 

apps/remix/server/api/files/routes/get-envelope-item-meta.ts

@@ -110,12 +110,10 @@ export const handleEnvelopeItemsMetaRequest = async ({
         const pdfPageMetadata: TDocumentDataMeta['pages'] = await extractAndStorePdfImages(
           new Uint8Array(pdfBytes).buffer,
           item.documentData.id,
-          item.documentData.type,
         );
 
         pageMetadata = {
           pages: pdfPageMetadata,
-          documentDataType: item.documentData.type,
         };
       }