Add targeting strategy document in DREF form and export

Author: puranban

src/views/DrefApplicationExport/i18n.json

@@ -99,6 +99,7 @@
         "SourceInformationSectionHeading": "Source Information",
         "sourceInformationSourceNameTitle": "Source Name",
         "sourceInformationSourceLinkTitle": "Source Link",
-        "crisisCategorySupportingDocumentLabel": "Crisis Category Supporting Document"
+        "crisisCategorySupportingDocumentLabel": "Crisis Category Supporting Document",
+        "targetingStrategySupportingDocument": "Targeting Strategy Supporting Document"
     }
 }

src/views/DrefApplicationExport/index.tsx

@@ -166,7 +166,7 @@ export function Component() {
             // eslint-disable-next-line max-len
             identifiedNeedsAndGapsSortedList.indexOf(a.title) - identifiedNeedsAndGapsSortedList.indexOf(b.title)
         )),
-        [drefResponse?.identified_gaps],
+        [drefResponse?.needs_identified],
     );
 
     const sortedNsActions = useMemo(
@@ -243,7 +243,12 @@ export function Component() {
 
     const peopleAssistedDefined = isTruthyString(drefResponse?.people_assisted?.trim());
     const selectionCriteriaDefined = isTruthyString(drefResponse?.selection_criteria?.trim());
-    const showTargetingStrategySection = peopleAssistedDefined || selectionCriteriaDefined;
+    const targetingStrategySupportingDocumentDefined = isDefined(
+        drefResponse?.targeting_strategy_support_file_details,
+    );
+    const showTargetingStrategySection = peopleAssistedDefined
+    || selectionCriteriaDefined
+    || targetingStrategySupportingDocumentDefined;
 
     const riskSecurityDefined = isDefined(drefResponse)
         && isDefined(drefResponse.risk_security)
@@ -851,6 +856,17 @@ export function Component() {
                             </DescriptionText>
                         </Container>
                     )}
+                    {targetingStrategySupportingDocumentDefined && (
+                        <Container>
+                            <Link
+                                href={drefResponse?.targeting_strategy_support_file_details?.file}
+                                external
+                                withUnderline
+                            >
+                                {strings.targetingStrategySupportingDocument}
+                            </Link>
+                        </Container>
+                    )}
                 </>
             )}
             <Container

src/views/DrefApplicationForm/Operation/i18n.json

@@ -50,6 +50,8 @@
         "drefFormLogisticCapacityOfNsDescription": "Will it be for replenishment or for distribution? If for distribution, how long is the tendering expected to take? For Cash and Voucher Assistance, what is the status of the Financial Service Provider?",
         "drefFormMen": "Men",
         "drefFormTotalTargeted": "Total targeted population is different from that in Operation Overview",
-        "drefFormTotalTargetedPopulation": "Total targeted population is not equal to sum of other population fields"
+        "drefFormTotalTargetedPopulation": "Total targeted population is not equal to sum of other population fields",
+        "drefFormUploadTargetingSupportingDocument": "Upload any additional support document (Optional)",
+        "drefFormUploadTargetingDocumentButtonLabel": "Upload document"
     }
 }

src/views/DrefApplicationForm/Operation/index.tsx

@@ -263,6 +263,22 @@ function Operation(props: Props) {
                         disabled={disabled}
                     />
                 </InputSection>
+                <InputSection title={strings.drefFormUploadTargetingSupportingDocument}>
+                    <GoSingleFileInput
+                        name="targeting_strategy_support_file"
+                        accept=".pdf, .docx, .pptx"
+                        fileIdToUrlMap={fileIdToUrlMap}
+                        onChange={setFieldValue}
+                        url="/api/v2/dref-files/"
+                        value={value.targeting_strategy_support_file}
+                        error={error?.targeting_strategy_support_file}
+                        setFileIdToUrlMap={setFileIdToUrlMap}
+                        clearable
+                        disabled={disabled}
+                    >
+                        {strings.drefFormUploadTargetingDocumentButtonLabel}
+                    </GoSingleFileInput>
+                </InputSection>
             </Container>
             <Container
                 heading={strings.drefFormAssistedPopulation}

src/views/DrefApplicationForm/Overview/index.tsx

@@ -264,21 +264,22 @@ function Overview(props: Props) {
                             disabled={disabled}
                             withAsterisk
                         />
-                        {(value?.disaster_type === DISASTER_FIRE
-                          || value?.disaster_type === DISASTER_FLASH_FLOOD
-                          || value?.disaster_type === DISASTER_FLOOD)
-                              ? (
-                                  <BooleanInput
-                                      name="is_man_made_event"
-                                      label={strings.drefFormManMadeEvent}
-                                      value={value?.is_man_made_event}
-                                      onChange={setFieldValue}
-                                      error={error?.is_man_made_event}
-                                      disabled={disabled}
-                                  />
-                              ) : (
-                                  <div />
-                              )}
+                        {(
+                            value?.disaster_type === DISASTER_FIRE
+                            || value?.disaster_type === DISASTER_FLASH_FLOOD
+                            || value?.disaster_type === DISASTER_FLOOD) ? (
+                                <BooleanInput
+                                    name="is_man_made_event"
+                                    label={strings.drefFormManMadeEvent}
+                                    value={value?.is_man_made_event}
+                                    onChange={setFieldValue}
+                                    error={error?.is_man_made_event}
+                                    disabled={disabled}
+                                />
+                            ) : (
+                                <div />
+                            )}
+
                         <SelectInput
                             name="disaster_category"
                             label={(

src/views/DrefApplicationForm/index.tsx

@@ -209,7 +209,6 @@ export function Component() {
                         }
                     });
                 }
-
                 if (
                     response.disaster_category_analysis_details
                     && response.disaster_category_analysis_details.file
@@ -218,6 +217,14 @@ export function Component() {
                         response.disaster_category_analysis_details.id
                     ] = response.disaster_category_analysis_details.file;
                 }
+                if (
+                    response.targeting_strategy_support_file_details
+                    && response.targeting_strategy_support_file_details.file
+                ) {
+                    newMap[
+                        response.targeting_strategy_support_file_details.id
+                    ] = response.targeting_strategy_support_file_details.file;
+                }
 
                 return newMap;
             });

src/views/DrefApplicationForm/schema.ts

@@ -161,6 +161,7 @@ const schema: DrefFormSchema = {
             // none
 
             // OPERATION
+            targeting_strategy_support_file: {},
 
             // none
 
@@ -189,8 +190,8 @@ const schema: DrefFormSchema = {
             regional_focal_point_phone_number: {},
         };
 
+        // Note: Section below include conditional form element only
         // OVERVIEW
-
         formFields = addCondition(
             formFields,
             formValue,
@@ -278,6 +279,7 @@ const schema: DrefFormSchema = {
             DrefFormSchemaFields,
             typeof eventDetailDrefTypeRelatedFields[number]
         >;
+
         formFields = addCondition(
             formFields,
             formValue,