From 0e2025da4560319283eb94b8cca668a28d23e9ba Mon Sep 17 00:00:00 2001
From: VineetBala-AOT <vineet.balachandran@aot-technologies.com>
Date: Tue, 18 Feb 2025 08:54:44 -0800
Subject: [PATCH 1/2] Adding consulted parties from condition repo

---
 .../FormFieldSection.tsx                      | 43 ++++++++++---------
 .../ConsultationRecordProponentView/index.tsx | 14 +++++-
 2 files changed, 35 insertions(+), 22 deletions(-)

diff --git a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx
index 1af674f5..99deec3b 100644
--- a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx
@@ -11,11 +11,13 @@ import { ConsultationRecordForm } from "../constants";
 interface FormFieldSectionProps {
   methods: UseFormReturn<ConsultationRecordForm>; // Replace FormValues with your actual form schema interface
   errors: FieldErrors<ConsultationRecordForm>; // Replace FormValues with your actual form schema interface
+  partiesList: Array<string>;
 }
 
 export default function FormFieldSection({
   methods,
   errors,
+  partiesList,
 }: FormFieldSectionProps) {
   const { fields, append, remove } = useFieldArray({
     control: methods.control,
@@ -64,32 +66,31 @@ export default function FormFieldSection({
                 paddingLeft: BCDesignTokens.layoutPaddingSmall,
               }}
             >
-              <li>Ho’rem</li>
-              <li>Nustuk</li>
-              <li>Langkuem</li>
-              <li>Miskuuck</li>
+              {partiesList.map((stakeholder, index) => (
+                <li key={index}>{stakeholder}</li>
+              ))}
             </ul>
           </Typography>
           <Grid item container xs={12} spacing={2}>
             {fields.map((field, index) => (
-              <Grid item container xs={12} key={field.id}>
-                <Grid item xs={6}>
-                  <ControlledTextField
-                    fullWidth
-                    name={`consultedParties.${index}.consultedParty`}
-                    placeholder="Enter the name of other consulted party here"
-                    sx={{
-                      mb: 0,
-                    }}
-                  />
+                <Grid item container xs={12} key={field.id}>
+                  <Grid item xs={6}>
+                    <ControlledTextField
+                      fullWidth
+                      name={`consultedParties.${index}.consultedParty`}
+                      placeholder="Enter the name of other consulted party here"
+                      sx={{
+                        mb: 0,
+                      }}
+                    />
+                  </Grid>
+                  <When condition={fields.length > 1}>
+                    <IconButton onClick={() => remove(index)}>
+                      <CloseIcon />
+                    </IconButton>
+                  </When>
                 </Grid>
-                <When condition={fields.length > 1}>
-                  <IconButton onClick={() => remove(index)}>
-                    <CloseIcon />
-                  </IconButton>
-                </When>
-              </Grid>
-            ))}
+              ))}
           </Grid>
           <Typography
             variant="body1"
diff --git a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/index.tsx b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/index.tsx
index 78058483..bf5d775b 100644
--- a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/index.tsx
+++ b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/index.tsx
@@ -22,6 +22,8 @@ import FormFieldSection from "./FormFieldSection";
 import ActionButtons from "./ActionButtons";
 import { consultationRecordSchema, ConsultationRecordForm } from "../constants";
 import { SubmissionFormContainer } from "../../SubmissionFormContainer";
+import { getSubmissionPackageQueryOptions } from "@/hooks/api/usePackages";
+import { SubmissionPackage } from "@/models/Package";
 
 export const ConsultationRecordProponentView = () => {
   const {
@@ -45,6 +47,16 @@ export const ConsultationRecordProponentView = () => {
     Number(submissionItemId),
   ]);
 
+  const submissionPackage = queryClient.getQueryData<SubmissionPackage>(
+    getSubmissionPackageQueryOptions({
+      packageId: Number(submissionPackageId),
+    }).queryKey,
+  );
+
+  const partiesList =
+    submissionPackage?.meta?.main_condition?.condition_attributes
+      ?.parties_required_to_be_consulted?.split(", ") || [];
+
   const formSubmission = submissionItem?.submissions?.find(
     (submission) => submission.type === SUBMISSION_TYPE.FORM,
   );
@@ -179,7 +191,7 @@ export const ConsultationRecordProponentView = () => {
       <FormProvider {...methods}>
         <Form onSubmit={handleSubmit(handleCompleteForm)}>
           <Grid container spacing={BCDesignTokens.layoutMarginMedium}>
-            <FormFieldSection errors={errors} methods={methods} />
+            <FormFieldSection errors={errors} methods={methods} partiesList={partiesList} />
             <Grid item xs={12}>
               <DocumentUploadSection />
             </Grid>

From 8594651a00747b2ba3f8e0cd5a97df69938a558c Mon Sep 17 00:00:00 2001
From: VineetBala-AOT <vineet.balachandran@aot-technologies.com>
Date: Tue, 18 Feb 2025 08:59:30 -0800
Subject: [PATCH 2/2] fixing indentation

---
 .../FormFieldSection.tsx                      | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx
index 99deec3b..1499df14 100644
--- a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordProponentView/FormFieldSection.tsx
@@ -73,24 +73,24 @@ export default function FormFieldSection({
           </Typography>
           <Grid item container xs={12} spacing={2}>
             {fields.map((field, index) => (
-                <Grid item container xs={12} key={field.id}>
-                  <Grid item xs={6}>
-                    <ControlledTextField
-                      fullWidth
-                      name={`consultedParties.${index}.consultedParty`}
-                      placeholder="Enter the name of other consulted party here"
-                      sx={{
-                        mb: 0,
-                      }}
-                    />
-                  </Grid>
-                  <When condition={fields.length > 1}>
-                    <IconButton onClick={() => remove(index)}>
-                      <CloseIcon />
-                    </IconButton>
-                  </When>
+              <Grid item container xs={12} key={field.id}>
+                <Grid item xs={6}>
+                  <ControlledTextField
+                    fullWidth
+                    name={`consultedParties.${index}.consultedParty`}
+                    placeholder="Enter the name of other consulted party here"
+                    sx={{
+                      mb: 0,
+                    }}
+                  />
                 </Grid>
-              ))}
+                <When condition={fields.length > 1}>
+                  <IconButton onClick={() => remove(index)}>
+                    <CloseIcon />
+                  </IconButton>
+                </When>
+              </Grid>
+            ))}
           </Grid>
           <Typography
             variant="body1"