Validation checking for required attached documents

client/app/components/packages/pas-form/attached-documents.hbs

@@ -7,7 +7,6 @@
     @attribute='documents'
     @validation={{@form.errors.documents.validation}}
   />
-
   <Packages::Attachments
     @package={{@form.data}}
     @fileManager={{@model.fileManager}}

client/app/components/projects/new.js

@@ -4,6 +4,7 @@ import { inject as service } from '@ember/service';
 import SubmittableProjectsNewForm from '../../validations/submittable-projects-new-form';
 import { optionset } from '../../helpers/optionset';
 import config from '../../config/environment';
+import validateFileUpload from '../../validators/validate-file-presence';
 
 export default class ProjectsNewFormComponent extends Component {
   validations = {
@@ -42,6 +43,17 @@ export default class ProjectsNewFormComponent extends Component {
 
     const contactInputs = [primaryContactInput, applicantInput];
 
+    const validationResult = validateFileUpload(
+      {
+        message: 'Please upload at least one file before submitting.',
+      },
+    )('documents', this.args.package.documents);
+
+    if (validationResult !== true) {
+      this.errorMessage = validationResult;
+      return;
+    }
+
     try {
       const contactPromises = contactInputs.map((contact) => this.store.queryRecord('contact', {
         email: contact.email,

client/app/components/projects/projects-new-attached-documents.hbs

@@ -16,6 +16,7 @@
     @package={{@form.data}}
     @artifact={{@artifact}}
     @fileManager={{@model.fileManager}}
+    @attribute="documents"
     data-test-section='attachments' />
 </@form.Section>
 

client/app/components/projects/projects-new-attachments.js

@@ -1,5 +1,6 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
+import validateFileUpload from '../../validators/validate-file-presence';
 
 /**
  * This component wires a fileManager to the attachments UI.
@@ -30,7 +31,6 @@ export default class ProjectsNewAttachmentsComponent extends Component {
   // upload to update the fileManager isDirty state.
   @action
   trackFileForUpload() {
-    /* eslint-disable-next-line no-console */
     this.fileManager.trackFileForUpload();
     this.args.package.documents = [
       ...this.args.package.documents,
@@ -46,4 +46,18 @@ export default class ProjectsNewAttachmentsComponent extends Component {
       (document) => document !== file,
     );
   }
+
+  @action
+  validateFilePresence() {
+    const validationResult = validateFileUpload({ message: 'One or more document uploads is required.' })(
+      'documents',
+      this.fileManager.filesToUpload.files,
+    );
+
+    if (validationResult !== true) {
+      this.errorMessage = validationResult;
+    } else {
+      this.errorMessage = null;
+    }
+  }
 }

client/app/validations/submittable-projects-new-form.js

@@ -3,6 +3,7 @@ import {
   validateLength,
   validatePresence,
 } from 'ember-changeset-validations/validators';
+import validateFileUpload from '../validators/validate-file-presence';
 
 export default {
   primaryContactFirstName: [
@@ -137,4 +138,9 @@ export default {
       message: 'This field is required',
     }),
   ],
+  documents: [
+    validateFileUpload({
+      message: 'One or more document uploads is required.',
+    }),
+  ],
 };

client/app/validators/validate-file-presence.js

@@ -0,0 +1,9 @@
+export default function validateFileUpload(options = {}) {
+  return (key, newValue) => {
+    if (!newValue || newValue.length === 0) {
+      return options.message || `${key} one or more document uploads is required.`;
+    }
+
+    return true;
+  };
+}