PLU-337: Allow attachments in postman

[kevinkim-ogp]

Problem

Users want to upload a fixed file when sending email via Postman.

Solution

Allow uploads at Postman step for users to send a fixed file with every email.
Note: attachments are available for use in all Postman steps of the same Pipe

Features:

• Upload fixed file when sending email via Postman

Improvements:

• Improve attachment selector to be consistent with other variable selectors
• Improve toPrettyDateString function to convert iso and ms inputs to date strings
• Improve FileUpload component to show as an IconButton or with text

Before & After Screenshots

BEFORE:

AFTER:

Tests

• Existing Pipes with variable attachments are populated and checked correctly
• Existing Pipes can handle uploaded attachments and send emails correctly with existing variable attachments
• New Pipes can handle both FormSG, LetterSG and uploaded attachments
• When deleting a file in a Pipe, file should be deleted from all Steps in the Pipe (ensures that Pipe does not fail)
• When deleting a Pipe, files uploaded to the Pipe should be deleted from S3

Deploy Notes

• Note: infra updates required to add permissions for Malware Protection and GetObjectTagging

New scripts:

• packages/backend/src/graphql/__tests__/mutations/delete-from-s3.itest.ts : tests for functions to delete from s3
• packages/backend/src/graphql/__tests__/mutations/flow.mock.ts : mocks to create mock flow and step
• packages/backend/src/graphql/__tests__/mutations/generate-presigned-url.itest.ts : tests for function to generate pre-signed URL to upload files to S3
• packages/backend/src/graphql/mutations/delete-from-s3.ts: function to delete files from S3 and corresponding steps
• packages/backend/src/graphql/mutations/generate-presigned-url.ts: function to generate pre-signed URL for uploading file to S3
• packages/frontend/src/components/AttachmentSuggestions/components/Checkbox.tsx: component to display attachments as checkboxes
• packages/frontend/src/components/AttachmentSuggestions/components/Suggestions.tsx: component to display attachments in same format as variables
• packages/frontend/src/components/AttachmentSuggestions/components/TagList.tsx: component to display selected files as a Tag, with close button to remove
• packages/frontend/src/components/AttachmentSuggestions/hooks/useAttachmentSelection.ts: hook to manage attachment selection
• packages/frontend/src/components/AttachmentSuggestions/index.tsx: component for suggesting attachment variables or upload fixed attachments
• packages/frontend/src/components/AttachmentSuggestions/style.ts: to manage styles for AttachmentSuggestions
  -packages/frontend/src/components/AttachmentSuggestions/utils.ts: helpers for attachments including file type and size validation, formatters to file size display, reformatting files to correct format for saving
• packages/frontend/src/components/SuggestionsWrapper/index.tsx: generic wrapper for suggestions panel
• packages/frontend/src/graphql/mutations/delete-from-s3.ts: to invoke DeleteFromS3
• packages/frontend/src/graphql/mutations/generate-presigned-url.ts: to call
• packages/frontend/src/hooks/useS3Operations.ts: hook to perform upload and delete from S3
• packages/frontend/src/theme/components/Checkbox.ts: set style for Checkbox

New dependencies:

• @aws-sdk/s3-request-presigner : to generate pre-signed URL for uploading attachments to S3

[linear]

PLU-337 Allow attachments in postman

[datadog-opengovsg]

Datadog Report

Branch report: feat/postman-upload-attachment
Commit report: 116db38
Test service: plumber

✅ 0 Failed, 745 Passed, 0 Skipped, 2m 8.84s Total Time
🔻 Test Sessions change in coverage: 1 decreased (-0.52%)

🔻 Code Coverage Decreases vs Default Branch (1)

• vitest 32.97% (-0.52%) - Details