UI Design - DRS | Document ID: Add Upload component

[liz-govier]

Figma Design

• add NUXT document upload component to UI
• need requirements if this is to be optional for CORPS integration (related BA ticket BA - DRS | Determine which filings require a document record #33568)
• Should we add pages to scan to the document ID upgrade?

---

Upload Component

• Default state, empty, drag and drop or browse
• File uploaded state, show file name, size, and remove option
• Upload error state, wrong file type or size exceeded
• Show uploaded documents only when generated Doc ID is selected (checkbox checked)
• Hide or disable upload when barcode Doc ID is manually entered (to be confirmed)

Barcode / Scanner Entry

• Barcode number input, confirm if same field as Doc ID or separate
• Pages to scan field, numeric input, required when entering via barcode/scanner
• Pages to scan error state, empty on submit or non-numeric entry
• Pages to scan hint text

Conditional Logic / Rules needing verification from the business

TBA

---

Open Questions

• Should the upload component always be visible, or only when generate ID is selected?
• Is the Doc ID optional in some instances with Corps where they do not need a document record created.
• do we add "pages to scan" field when doc ID is entered
• Allow documents be uploaded even if there are pages to be scanned?