From c627e100e1587cf74b375f02df035e067cd8b7a8 Mon Sep 17 00:00:00 2001 From: rdbsolutions Date: Sat, 11 Jan 2025 08:13:18 +0000 Subject: [PATCH] uat defect 130, reps 14 --- components/pdftemplates/appealRow_pdf.js | 65 ++++++-- components/pdftemplates/enforcement_pdf.js | 145 ++++++++++++------ components/pdftemplates/finalComments_pdf.js | 20 ++- .../pdftemplates/lpaQuestionnaire_pdf.js | 123 +++++++++------ components/pdftemplates/other_pdf.js | 15 +- .../pdftemplates/planningappeals78_pdf.js | 2 + components/pdftemplates/statement_pdf.js | 22 ++- .../pdftemplates/writtenStatement_pdf.js | 16 +- 8 files changed, 288 insertions(+), 120 deletions(-) diff --git a/components/pdftemplates/appealRow_pdf.js b/components/pdftemplates/appealRow_pdf.js index 4609869a..662ec5de 100644 --- a/components/pdftemplates/appealRow_pdf.js +++ b/components/pdftemplates/appealRow_pdf.js @@ -8,7 +8,7 @@ import { } from "../../components/utils"; import fieldLookup from "../../data/crmfieldlookuptranslations.json"; -import { StyleSheet, Text, View } from "@react-pdf/renderer"; +import { StyleSheet, Text, View, Font } from "@react-pdf/renderer"; import Html from "react-pdf-html"; import { DOMParser, XMLSerializer } from "@xmldom/xmldom"; @@ -153,6 +153,16 @@ export const AppealRow_pdf = (props) => { let labelTrans = label; return labelTrans; }; + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } return ( <> @@ -187,6 +197,7 @@ export const AppealRow_pdf = (props) => { flexDirection: "row", marginBottom: 10, }} + wrap={false} > { flexDirection: "column", marginBottom: 10, }} + wrap={false} > { flexDirection: "column", marginBottom: 10, }} + wrap={false} > { } > - {props.props[ - datafieldname[0].value - ] || ""} + {CleanHTML( + props.props[ + datafieldname[0] + .value + ] + )} @@ -385,6 +401,7 @@ export const AppealRow_pdf = (props) => { flexDirection: "column", marginBottom: 10, }} + wrap={false} > { flexDirection: "column", marginBottom: 10, }} + wrap={false} > { case "{67FAC785-CD58-4f9f-ABB3-4B7DDC6ED5ED}": return ( - - {rows[0].value} - - - {props.props[ - datafieldname[0].value - ] == "true" - ? "Yes" - : "No"} - + + + {rows[0].value} + + + {props.props[ + datafieldname[0].value + ] == "true" + ? "Yes" + : "No"} + + ); break; diff --git a/components/pdftemplates/enforcement_pdf.js b/components/pdftemplates/enforcement_pdf.js index ef34ef8f..ac5722a7 100644 --- a/components/pdftemplates/enforcement_pdf.js +++ b/components/pdftemplates/enforcement_pdf.js @@ -5,6 +5,7 @@ import { StyleSheet, Text, View, + Font, } from "@react-pdf/renderer"; import Html from "react-pdf-html"; import { getFormCollectionByID, bytesToSize } from "../../components/utils"; @@ -98,6 +99,17 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { //console.log("//////////////////////\n docpropseeeee:".docProps); //console.log("sdffhjdhjdjdgkj: ", values.procedureType); + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } + return ( @@ -243,7 +255,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { "Written representations" && ( - {values.procedureTypeEvidence || ""} + {CleanHTML( + values.procedureTypeEvidence + )} )} @@ -294,8 +308,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.enterNeighbouringLandToViewSiteEvidence || - ""} + {CleanHTML( + values.enterNeighbouringLandToViewSiteEvidence + )} )} @@ -333,8 +348,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.enterNeighbouringLandAccessRequiredEvidence || - ""} + {CleanHTML( + values.enterNeighbouringLandAccessRequiredEvidence + )} )} @@ -366,8 +382,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.healthAndSafetyIssues == "Yes" && ( - {values.healthAndSafetyIssuesEvidence || - ""} + {CleanHTML( + values.healthAndSafetyIssuesEvidence + )} )} @@ -395,7 +412,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.LPAcontactDetails || ""} + {CleanHTML(values.LPAcontactDetails)} @@ -468,7 +485,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.feeExempt == "Yes" && ( - {values.feeExemptEvidence || ""} + {CleanHTML( + values.feeExemptEvidence + )} )} @@ -509,8 +528,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.previousGrantedCerts == "Yes" && ( - {values.previousGrantedCertsEvidence || - ""} + {CleanHTML( + values.previousGrantedCertsEvidence + )} )} @@ -533,7 +553,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.stopNoticeServed == "Yes" && ( - {values.stopNoticeServedEvidence || ""} + {CleanHTML( + values.stopNoticeServedEvidence + )} )} @@ -558,7 +580,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.relatedCases == "Yes" && ( - {values.relatedCasesEvidence || ""} + {CleanHTML(values.relatedCasesEvidence)} )} @@ -581,8 +603,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.previousEnforcement == "Yes" && ( - {values.previousEnforcementEvidence || - ""} + {CleanHTML( + values.previousEnforcementEvidence + )} )} @@ -605,7 +628,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.subjectArticle4 == "Yes" && ( - {values.subjectArticle4Evidence || ""} + {CleanHTML( + values.subjectArticle4Evidence + )} )} @@ -629,8 +654,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.previousPDRRestriction == "Yes" && ( - {values.previousPDRRestrictionEvidence || - ""} + {CleanHTML( + values.previousPDRRestrictionEvidence + )} )} @@ -663,7 +689,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.LPAldpAndMap || ""} + {CleanHTML(values.LPAldpAndMap)} @@ -681,7 +707,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.LPAlocalGuidance || ""} + {CleanHTML(values.LPAlocalGuidance)} @@ -757,7 +783,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.ROW == "Yes" && ( - {values.ROWEvidence || ""} + {CleanHTML(values.ROWEvidence)} )} @@ -788,8 +814,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.conservationArea == "Yes" && ( - {values.conservationAreaEvidence || - ""} + {CleanHTML( + values.conservationAreaEvidence + )} )} @@ -822,8 +849,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.affectListedBuilding == "Yes" && ( - {values.affectListedBuildingEvidence || - ""} + {CleanHTML( + values.affectListedBuildingEvidence + )} )} @@ -854,7 +882,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.TPO == "Yes" && ( - {values.TPOEvidence || ""} + {CleanHTML(values.TPOEvidence)} )} @@ -887,8 +915,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.natureConservationSite == "Yes" && ( - {values.natureConservationSiteEvidence || - ""} + {CleanHTML( + values.natureConservationSiteEvidence + )} )} @@ -919,8 +948,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.protectedSpecies == "Yes" && ( - {values.protectedSpeciesEvidence || - ""} + {CleanHTML( + values.protectedSpeciesEvidence + )} )} @@ -967,7 +997,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.floodingIssue == "Yes" && ( - {values.floodingIssueEvidence || ""} + {CleanHTML( + values.floodingIssueEvidence + )} )} @@ -1002,8 +1034,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.governmentDepartmentCommentsEvidence || - ""} + {CleanHTML( + values.governmentDepartmentCommentsEvidence + )} )} @@ -1073,8 +1106,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.developmentCarriedOutInAccordanceEvidence || - ""} + {CleanHTML( + values.developmentCarriedOutInAccordanceEvidence + )} )} @@ -1155,8 +1189,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.developmentAnyOtherConditionsEvidence || - ""} + {CleanHTML( + values.developmentAnyOtherConditionsEvidence + )} )} @@ -1200,8 +1235,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.copyOfEnforcementNoticeEvidence || - ""} + {CleanHTML( + values.copyOfEnforcementNoticeEvidence + )} @@ -1231,7 +1267,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.enforcementNoticePlan || ""} + {CleanHTML( + values.enforcementNoticePlan + )} @@ -1261,8 +1299,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.listOfNotifiedOfEnforcementEvidence || - ""} + {CleanHTML( + values.listOfNotifiedOfEnforcementEvidence + )} @@ -1294,8 +1333,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { - {values.copyOfLetterOfAppealNotificationEvidence || - ""} + {CleanHTML( + values.copyOfLetterOfAppealNotificationEvidence + )} @@ -1327,7 +1367,7 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.lpaEIAOS == "Yes" && ( - {values.lpaEIAOSEvidence || ""} + {CleanHTML(values.lpaEIAOSEvidence)} )} @@ -1360,8 +1400,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.detailsOfOtherAppeals == "Yes" && ( - {values.detailsOfOtherAppealsEvidence || - ""} + {CleanHTML( + values.detailsOfOtherAppealsEvidence + )} )} @@ -1394,8 +1435,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.detailsOfPreviousAppeals == "Yes" && ( - {values.detailsOfPreviousAppealsEvidence || - ""} + {CleanHTML( + values.detailsOfPreviousAppealsEvidence + )} )} @@ -1427,8 +1469,9 @@ export const EnforcementQuestionnaire_pdf = ({ docProps }) => { {values.otherRelevantInformation == "Yes" && ( - {values.otherRelevantInformationEvidence || - ""} + {CleanHTML( + values.otherRelevantInformationEvidence + )} )} diff --git a/components/pdftemplates/finalComments_pdf.js b/components/pdftemplates/finalComments_pdf.js index 2cb13523..665c765e 100644 --- a/components/pdftemplates/finalComments_pdf.js +++ b/components/pdftemplates/finalComments_pdf.js @@ -120,6 +120,17 @@ export const finalComments_pdf = ({ docProps }) => { }) : []; + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } + return ( @@ -229,8 +240,9 @@ export const finalComments_pdf = ({ docProps }) => { - {values.conditional_representationCapacity_Comments || - ""} + {CleanHTML( + values.conditional_representationCapacity_Comments + )} @@ -321,7 +333,9 @@ export const finalComments_pdf = ({ docProps }) => { - {values.representationComments || ""} + {CleanHTML( + values.representationComments + )} diff --git a/components/pdftemplates/lpaQuestionnaire_pdf.js b/components/pdftemplates/lpaQuestionnaire_pdf.js index 267a9a45..026846ba 100644 --- a/components/pdftemplates/lpaQuestionnaire_pdf.js +++ b/components/pdftemplates/lpaQuestionnaire_pdf.js @@ -5,6 +5,7 @@ import { StyleSheet, Text, View, + Font, } from "@react-pdf/renderer"; import Html from "react-pdf-html"; import { getFormCollectionByID, bytesToSize } from "../../components/utils"; @@ -111,6 +112,18 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { let appealTypeValue = getFormCollectionByID(values.appealType); //console.log("sdffhjdhjdjdgkj: ", values.procedureType); + + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } + return ( @@ -239,7 +252,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { )} - {appealTypeValue.value || ""} + {appealTypeValue.value} @@ -282,14 +295,16 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { )} - {values.procedureType || ""} + {values.procedureType} {values.procedureType != "Written representations" && ( - {values.procedureTypeEvidence || ""} + {CleanHTML( + values.procedureTypeEvidence + )} )} @@ -309,7 +324,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { )} - {values.enterToView || ""} + {values.enterToView} @@ -344,8 +359,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.enterNeighbouringLandToViewSiteEvidence || - " "} + {CleanHTML( + values.enterNeighbouringLandToViewSiteEvidence + )} )} @@ -380,8 +396,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.enterNeighbouringLandAccessRequiredEvidence || - ""} + {CleanHTML( + values.enterNeighbouringLandAccessRequiredEvidence + )} )} @@ -408,14 +425,15 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { )} - {values.healthAndSafetyIssues || ""} + {values.healthAndSafetyIssues} {values.healthAndSafetyIssues == "Yes" && ( - {values.healthAndSafetyIssuesEvidence || - ""} + {CleanHTML( + values.healthAndSafetyIssuesEvidence + )} )} @@ -445,7 +463,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.LPAcontactDetails || ""} + {CleanHTML(values.LPAcontactDetails)} @@ -482,7 +500,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.LPAcaseFileAndReps || ""} + {CleanHTML(values.LPAcaseFileAndReps)} @@ -502,7 +520,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.LPAldpAndMap || ""} + {CleanHTML(values.LPAldpAndMap)} @@ -522,7 +540,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.LPAlocalGuidance || ""} + {CleanHTML(values.LPAlocalGuidance)} @@ -608,7 +626,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.ROW == "Yes" && ( - {values.ROWEvidence || ""} + {CleanHTML(values.ROWEvidence)} )} @@ -641,8 +659,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.conservationArea == "Yes" && ( - {values.conservationAreaEvidence || - ""} + {CleanHTML( + values.conservationAreaEvidence + )} )} @@ -675,8 +694,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.affectListedBuilding == "Yes" && ( - {values.affectListedBuildingEvidence || - ""} + {CleanHTML( + values.affectListedBuildingEvidence + )} )} @@ -709,7 +729,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.TPO == "Yes" && ( - {values.TPOEvidence || ""} + {CleanHTML(values.TPOEvidence)} )} @@ -742,8 +762,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.natureConservationSite == "Yes" && ( - {values.natureConservationSiteEvidence || - ""} + {CleanHTML( + values.natureConservationSiteEvidence + )} )} @@ -776,8 +797,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.protectedSpecies == "Yes" && ( - {values.protectedSpeciesEvidence || - ""} + {CleanHTML( + values.protectedSpeciesEvidence + )} )} @@ -829,8 +851,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.governmentDepartmentCommentsEvidence || - ""} + {CleanHTML( + values.governmentDepartmentCommentsEvidence + )} )} @@ -918,8 +941,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.developmentCarriedOutInAccordanceEvidence || - ""} + {CleanHTML( + values.developmentCarriedOutInAccordanceEvidence + )} )} @@ -989,8 +1013,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.developmentAnyOtherConditionsEvidence || - ""} + {CleanHTML( + values.developmentAnyOtherConditionsEvidence + )} )} @@ -1039,8 +1064,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.copyOfApplicantsCertificateEvidence || - ""} + {CleanHTML( + values.copyOfApplicantsCertificateEvidence + )} @@ -1072,7 +1098,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.advertismentGivenEvidence || ""} + {CleanHTML( + values.advertismentGivenEvidence + )} @@ -1105,8 +1133,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { - {values.copyOfLetterOfAppealNotificationEvidence || - ""} + {CleanHTML( + values.copyOfLetterOfAppealNotificationEvidence + )} @@ -1138,7 +1167,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.lpaEIAOS == "Yes" && ( - {values.lpaEIAOSEvidence || ""} + {CleanHTML(values.lpaEIAOSEvidence)} )} @@ -1174,8 +1203,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { "Yes" && ( - {values.advertismentConsentDiscontinuanceNoticeEvidence || - ""} + {CleanHTML( + values.advertismentConsentDiscontinuanceNoticeEvidence + )} )} @@ -1208,8 +1238,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.detailsOfOtherAppeals == "Yes" && ( - {values.detailsOfOtherAppealsEvidence || - ""} + {CleanHTML( + values.detailsOfOtherAppealsEvidence + )} )} @@ -1242,8 +1273,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.detailsOfPreviousAppeals == "Yes" && ( - {values.detailsOfPreviousAppealsEvidence || - ""} + {CleanHTML( + values.detailsOfPreviousAppealsEvidence + )} )} @@ -1276,8 +1308,9 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => { {values.otherRelevantInformation == "Yes" && ( - {values.otherRelevantInformationEvidence || - ""} + {CleanHTML( + values.otherRelevantInformationEvidence + )} )} diff --git a/components/pdftemplates/other_pdf.js b/components/pdftemplates/other_pdf.js index f8508bf8..c85a06cb 100644 --- a/components/pdftemplates/other_pdf.js +++ b/components/pdftemplates/other_pdf.js @@ -120,6 +120,17 @@ export const other_pdf = ({ docProps }) => { }) : []; + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } + return ( @@ -262,7 +273,9 @@ export const other_pdf = ({ docProps }) => { - {values.representationComments || ""} + {CleanHTML( + values.representationComments + )} diff --git a/components/pdftemplates/planningappeals78_pdf.js b/components/pdftemplates/planningappeals78_pdf.js index 0e599d70..f98ef065 100644 --- a/components/pdftemplates/planningappeals78_pdf.js +++ b/components/pdftemplates/planningappeals78_pdf.js @@ -143,6 +143,8 @@ export const planningappeals78_pdf = ({ docProps, pickListData }) => { //console.log("\n//////////\n The Case:\n", docProps.caseObj); + Font.registerHyphenationCallback((word) => [word]); + return ( diff --git a/components/pdftemplates/statement_pdf.js b/components/pdftemplates/statement_pdf.js index 2d8bd406..13cc8487 100644 --- a/components/pdftemplates/statement_pdf.js +++ b/components/pdftemplates/statement_pdf.js @@ -5,6 +5,7 @@ import { StyleSheet, Text, View, + Font, } from "@react-pdf/renderer"; import Html from "react-pdf-html"; import { getFormCollectionByID, bytesToSize } from "../../components/utils"; @@ -116,6 +117,17 @@ export const statement_pdf = ({ docProps }) => { }) : []; + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } + return ( @@ -224,8 +236,9 @@ export const statement_pdf = ({ docProps }) => { - {values.conditional_representationCapacity_Comments || - ""} + {CleanHTML( + values.conditional_representationCapacity_Comments + )} @@ -315,7 +328,10 @@ export const statement_pdf = ({ docProps }) => { - {values.representationComments || ""} + ( + {CleanHTML( + values.representationComments + )} diff --git a/components/pdftemplates/writtenStatement_pdf.js b/components/pdftemplates/writtenStatement_pdf.js index 235ec4d5..c9d5b8ab 100644 --- a/components/pdftemplates/writtenStatement_pdf.js +++ b/components/pdftemplates/writtenStatement_pdf.js @@ -5,6 +5,7 @@ import { StyleSheet, Text, View, + Font, } from "@react-pdf/renderer"; import Html from "react-pdf-html"; import { getFormCollectionByID, bytesToSize } from "../../components/utils"; @@ -104,6 +105,17 @@ export const writtenStatement_pdf = ({ docProps }) => { }) : []; + Font.registerHyphenationCallback((word) => [word]); + + function CleanHTML(htmlStr) { + let cleanStr = + typeof htmlStr === "string" + ? htmlStr.replace(/


<\/p>/g, "") + : ""; + + return cleanStr; + } + return ( @@ -239,7 +251,9 @@ export const writtenStatement_pdf = ({ docProps }) => { - {values.representationComments || ""} + {CleanHTML( + values.representationComments + )}