From 463d03f798c26be3e799e95d6a291cb0c4f3dfcd Mon Sep 17 00:00:00 2001
From: rdbsolutions <rob@rdbsolutions.co.uk>
Date: Mon, 13 Jan 2025 17:04:19 +0000
Subject: [PATCH] questionnaire defect 54 - plus tidying up

---
 .../pdftemplates/lpaQuestionnaire_pdf.js      | 203 ++++++++++++------
 1 file changed, 139 insertions(+), 64 deletions(-)

diff --git a/components/pdftemplates/lpaQuestionnaire_pdf.js b/components/pdftemplates/lpaQuestionnaire_pdf.js
index b0b76f73..6c9de0f5 100644
--- a/components/pdftemplates/lpaQuestionnaire_pdf.js
+++ b/components/pdftemplates/lpaQuestionnaire_pdf.js
@@ -41,7 +41,7 @@ const styles = StyleSheet.create({
     logoImage: { width: "200pt" },
     questionBullet: { width: "5%", fontSize: 12 },
     questionText: { width: "30%", fontSize: 12 },
-    questionTextMid: { width: "80%", fontSize: 12 },
+    questionTextMid: { width: "75%", fontSize: 12, marginRight: 10 },
     questionTextWide: { width: "95%", fontSize: 12, marginBottom: 5 },
     questionAnswer: {
         color: "#757575",
@@ -277,6 +277,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     wrap={false}
@@ -333,6 +334,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -371,6 +373,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -408,6 +411,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -443,6 +447,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -484,61 +489,92 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                             </Text>
                         </View>
                         <View style={styles.sectionContainer}>
+                            ]
                             <View
-                                wrap={false}
                                 style={{
-                                    flexDirection: "row",
+                                    flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
-                                <Text style={styles.questionBullet}>11.</Text>
-                                <Text style={styles.questionText}>
-                                    {getTrans(
-                                        docProps.locale,
-                                        "s78-section-question-11"
-                                    )}
-                                </Text>
-                                <View style={styles.questionAnswer}>
+                                <View
+                                    wrap={false}
+                                    style={{
+                                        flexDirection: "row",
+                                        marginBottom: 10,
+                                    }}
+                                >
+                                    <Text style={styles.questionBullet}>
+                                        11.
+                                    </Text>
+                                    <Text style={styles.questionTextWide}>
+                                        {getTrans(
+                                            docProps.locale,
+                                            "s78-section-question-11"
+                                        )}
+                                    </Text>
+                                </View>
+                                <View style={styles.questionAnswerWide}>
                                     <Html style={styles.richArea}>
                                         {CleanHTML(values.LPAcaseFileAndReps)}
                                     </Html>
                                 </View>
                             </View>
                             <View
-                                wrap={false}
                                 style={{
-                                    flexDirection: "row",
+                                    flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
-                                <Text style={styles.questionBullet}>12.</Text>
-                                <Text style={styles.questionText}>
-                                    {getTrans(
-                                        docProps.locale,
-                                        "s78-section-question-12"
-                                    )}
-                                </Text>
-                                <View style={styles.questionAnswer}>
+                                <View
+                                    wrap={false}
+                                    style={{
+                                        flexDirection: "row",
+                                        marginBottom: 10,
+                                    }}
+                                >
+                                    <Text style={styles.questionBullet}>
+                                        12.
+                                    </Text>
+                                    <Text style={styles.questionTextWide}>
+                                        {getTrans(
+                                            docProps.locale,
+                                            "s78-section-question-12"
+                                        )}
+                                    </Text>
+                                </View>
+                                <View style={styles.questionAnswerWide}>
                                     <Html style={styles.richArea}>
                                         {CleanHTML(values.LPAldpAndMap)}
                                     </Html>
                                 </View>
                             </View>
                             <View
-                                wrap={false}
                                 style={{
-                                    flexDirection: "row",
+                                    flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
-                                <Text style={styles.questionBullet}>13.</Text>
-                                <Text style={styles.questionText}>
-                                    {getTrans(
-                                        docProps.locale,
-                                        "s78-section-question-13"
-                                    )}
-                                </Text>
-                                <View style={styles.questionAnswer}>
+                                <View
+                                    wrap={false}
+                                    style={{
+                                        flexDirection: "row",
+                                        marginBottom: 10,
+                                    }}
+                                >
+                                    <Text style={styles.questionBullet}>
+                                        13.
+                                    </Text>
+                                    <Text style={styles.questionTextWide}>
+                                        {getTrans(
+                                            docProps.locale,
+                                            "s78-section-question-13"
+                                        )}
+                                    </Text>
+                                </View>
+                                <View style={styles.questionAnswerWide}>
                                     <Html style={styles.richArea}>
                                         {CleanHTML(values.LPAlocalGuidance)}
                                     </Html>
@@ -603,6 +639,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -636,6 +673,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -671,6 +709,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -706,6 +745,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -739,6 +779,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -774,6 +815,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -827,6 +869,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -915,6 +958,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -987,6 +1031,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1026,11 +1071,12 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                 marginTop: 10,
                                 fontFamily: "Helvetica-Bold",
                             }}
+                            wrap={false}
                         >
                             <Text style={{ fontSize: 14 }}>
                                 {getTrans(
                                     docProps.locale,
-                                    "s78-section-heading-five"
+                                    "s78-section-heading-five-sub"
                                 )}
                             </Text>
                         </View>
@@ -1040,6 +1086,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1060,19 +1107,24 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                         {values.copyOfApplicantsCertificate}
                                     </Text>
                                 </View>
-                                <View style={styles.questionAnswerWide}>
-                                    <Html style={styles.richArea}>
-                                        {CleanHTML(
-                                            values.copyOfApplicantsCertificateEvidence
-                                        )}
-                                    </Html>
-                                </View>
+                                {values.hasOwnProperty(
+                                    "copyOfApplicantsCertificateEvidence"
+                                ) && (
+                                    <View style={styles.questionAnswerWide}>
+                                        <Html style={styles.richArea}>
+                                            {CleanHTML(
+                                                values.copyOfApplicantsCertificateEvidence
+                                            )}
+                                        </Html>
+                                    </View>
+                                )}
                             </View>
                             <View
                                 style={{
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1093,20 +1145,24 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                         {values.advertismentGiven}
                                     </Text>
                                 </View>
-
-                                <View style={styles.questionAnswerWide}>
-                                    <Html style={styles.richArea}>
-                                        {CleanHTML(
-                                            values.advertismentGivenEvidence
-                                        )}
-                                    </Html>
-                                </View>
+                                {values.hasOwnProperty(
+                                    "advertismentGivenEvidence"
+                                ) && (
+                                    <View style={styles.questionAnswerWide}>
+                                        <Html style={styles.richArea}>
+                                            {CleanHTML(
+                                                values.advertismentGivenEvidence
+                                            )}
+                                        </Html>
+                                    </View>
+                                )}
                             </View>
                             <View
                                 style={{
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1129,19 +1185,24 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                         }
                                     </Text>
                                 </View>
-                                <View style={styles.questionAnswerWide}>
-                                    <Html style={styles.richArea}>
-                                        {CleanHTML(
-                                            values.copyOfLetterOfAppealNotificationEvidence
-                                        )}
-                                    </Html>
-                                </View>
+                                {values.hasOwnProperty(
+                                    "copyOfLetterOfAppealNotificationEvidence"
+                                ) && (
+                                    <View style={styles.questionAnswerWide}>
+                                        <Html style={styles.richArea}>
+                                            {CleanHTML(
+                                                values.copyOfLetterOfAppealNotificationEvidence
+                                            )}
+                                        </Html>
+                                    </View>
+                                )}
                             </View>
                             <View
                                 style={{
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1175,6 +1236,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1213,6 +1275,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1248,6 +1311,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1283,6 +1347,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                     flexDirection: "column",
                                     marginBottom: 10,
                                 }}
+                                wrap={false}
                             >
                                 <View
                                     style={{
@@ -1411,20 +1476,30 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                 <View
                                     wrap={false}
                                     style={{
-                                        flexDirection: "row",
+                                        flexDirection: "column",
                                         marginBottom: 10,
                                     }}
                                 >
-                                    <Text style={styles.questionBullet}></Text>
-                                    <Text style={styles.questionText}>
-                                        {getTrans(
-                                            docProps.locale,
-                                            "lpa-list-supporting-documents-list"
-                                        )}
-                                    </Text>
+                                    <View
+                                        wrap={false}
+                                        style={{
+                                            flexDirection: "row",
+                                            marginBottom: 10,
+                                        }}
+                                    >
+                                        <Text
+                                            style={styles.questionBullet}
+                                        ></Text>
+                                        <Text style={styles.questionTextWide}>
+                                            {getTrans(
+                                                docProps.locale,
+                                                "lpa-list-supporting-documents-list"
+                                            )}
+                                        </Text>
+                                    </View>
                                     <View
                                         style={[
-                                            styles.questionAnswer,
+                                            styles.questionAnswerWide,
                                             { flexDirection: "column" },
                                         ]}
                                     >
@@ -1446,7 +1521,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
                                                         >
                                                             {p.name} -{" "}
                                                             {bytesToSize(
-                                                                p.size
+                                                                p.contentLength
                                                             )}{" "}
                                                             {"\n"}
                                                         </Text>