[MDS-6385] NoD decision document upload conditions

services/core-web/src/components/modalContent/NoticeOfDepartureModal.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Button, Col, Popconfirm, Row, Form } from "antd";
-import { connect } from "react-redux";
+import { connect, useSelector } from "react-redux";
 import { bindActionCreators, compose } from "redux";
 import {
   EMPTY_FIELD,
@@ -18,12 +18,13 @@ import {
   updateNoticeOfDeparture,
 } from "@mds/common/redux/actionCreators/noticeOfDepartureActionCreator";
 import { getNoticeOfDeparture } from "@mds/common/redux/selectors/noticeOfDepartureSelectors";
-import { Field, FieldArray, change } from "@mds/common/components/forms/form";
+import { Field, FieldArray, change, getFormValues } from "@mds/common/components/forms/form";
 import {
   email,
   maxLength,
   phoneNumber,
   required,
+  requiredList,
 } from "@mds/common/redux/utils/Validate";
 import { getUserAccessData } from "@mds/common/redux/selectors/authenticationSelectors";
 import CoreTable from "@mds/common/components/common/CoreTable";
@@ -51,7 +52,6 @@ interface RenderContactsProps {
 
 export const renderContacts: React.FC<RenderContactsProps> = (props, disabled = false) => {
   const { fields } = props;
-
   return (
     <div className="margin-large--bottom">
       {fields.length > 0 && (
@@ -132,6 +132,8 @@ const NoticeOfDepartureModal: React.FC<NoticeOfDepartureModalProps> = (props) =>
   const [uploadedFiles, setUploadedFiles] = useState([]);
   const [uploading, setUploading] = useState(false);
   const formName = FORM.NOTICE_OF_DEPARTURE_FORM;
+  const formValues = useSelector(getFormValues(formName));
+  const currentStatus = formValues?.nod_status
 
   const { noticeOfDeparture, mine, change } = props;
   const { nod_guid } = noticeOfDeparture;
@@ -149,6 +151,15 @@ const NoticeOfDepartureModal: React.FC<NoticeOfDepartureModalProps> = (props) =>
     (doc) => doc.document_type === NOTICE_OF_DEPARTURE_DOCUMENT_TYPE.DECISION
   );
 
+  const isDecisionDocRequired = (status) => {
+    const requiredDocStatuses = [
+      NOTICE_OF_DEPARTURE_STATUS_VALUES.determined_non_substantial,
+      NOTICE_OF_DEPARTURE_STATUS_VALUES.determined_substantial,
+    ];
+
+    return requiredDocStatuses.includes(status) && decision.length === 0 && documentArray.length == 0;
+  }
+
   const handleAddDocuments = (noticeOfDepartureGuid) => {
     documentArray.forEach((document) =>
       props.addDocumentToNoticeOfDeparture(
@@ -335,6 +346,8 @@ const NoticeOfDepartureModal: React.FC<NoticeOfDepartureModalProps> = (props) =>
                 addFileStart={() => setUploading(true)}
                 onAbort={() => setUploading(false)}
                 onProcessFiles={() => setUploading(false)}
+                validate={isDecisionDocRequired(currentStatus) ? [requiredList] : []}
+                required={isDecisionDocRequired(currentStatus)}
                 uploadUrl={NOTICE_OF_DEPARTURE_DOCUMENTS(mine.mine_guid)}
                 acceptedFileTypesMap={{ ...DOCUMENT, ...EXCEL }}
                 onFileLoad={(documentName, document_manager_guid) => {
@@ -383,7 +396,7 @@ const NoticeOfDepartureModal: React.FC<NoticeOfDepartureModalProps> = (props) =>
           ) : (
             <>
               <RenderCancelButton />
-              <RenderSubmitButton disabled={documentArray.length == 0 || uploading} buttonText="Update" disableOnClean={false} />
+              <RenderSubmitButton disabled={isDecisionDocRequired(currentStatus) || uploading} buttonText="Update" disableOnClean={false} />
             </>
           )}
         </div>

yarn.lock

@@ -4676,17 +4676,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axios@npm:1.7.2":
-  version: 1.7.2
-  resolution: "axios@npm:1.7.2"
-  dependencies:
-    follow-redirects: ^1.15.6
-    form-data: ^4.0.0
-    proxy-from-env: ^1.1.0
-  checksum: e457e2b0ab748504621f6fa6609074ac08c824bf0881592209dfa15098ece7e88495300e02cd22ba50b3468fd712fe687e629dcb03d6a3f6a51989727405aedf
-  languageName: node
-  linkType: hard
-
 "axios@npm:1.8.2":
   version: 1.8.2
   resolution: "axios@npm:1.8.2"