copy amends

components/newappeal/buildchecksection.js

@@ -10,6 +10,8 @@ import {
     setCurrentSection,
     setFormComplete,
 } from "../../store/appealType/action";
+import fieldLookup from "../../data/crmfieldlookuptranslations.json";
+import { JSONPath as jsonpath } from "jsonpath-plus";
 
 import {
     getFormCollectionByID,
@@ -74,7 +76,7 @@ let BuildCheckSection = (props) => {
     let buildAppealFilesArray = [];
     //console.log("attached docs: - ", buildAppealFilesArray);
 
-    let filesUplaodObj = Object.keys(props.props.form.appealForm.values)
+    let filesUploadObj = Object.keys(props.props.form.appealForm.values)
         .filter(function (k) {
             return k.indexOf("pinswg_fileUpload") == 0;
         })
@@ -83,12 +85,12 @@ let BuildCheckSection = (props) => {
             return newData;
         }, {});
 
-    for (let key in filesUplaodObj) {
-        for (let j in filesUplaodObj[key]) {
-            typeof filesUplaodObj[key][j].name != "undefined" &&
+    for (let key in filesUploadObj) {
+        for (let j in filesUploadObj[key]) {
+            typeof filesUploadObj[key][j].name != "undefined" &&
                 buildAppealFilesArray.push({
-                    "name": filesUplaodObj[key][j].name,
-                    "size": filesUplaodObj[key][j].size,
+                    "name": filesUploadObj[key][j].name,
+                    "size": filesUploadObj[key][j].size,
                 });
         }
     }
@@ -100,6 +102,22 @@ let BuildCheckSection = (props) => {
         "casefolderID": props.appealType.caseReference.ticketnumber,
     });
 
+    const [confirmSections, setConfirmSections] = useState(false);
+
+    const FieldsTranslations = (label) => {
+        const router = useRouter();
+        const { locale } = router;
+        const { appealtypes } = router.query;
+
+        let formObj = jsonpath("$['" + appealtypes + "']", fieldLookup);
+
+        let labelTrans =
+            router.locale == "cy"
+                ? jsonpath('$..[?(@.value=="' + label + '")].value_cy', formObj)
+                : label;
+        return labelTrans;
+    };
+
     return (
         <div className="govuk-grid-row" key={1222}>
             <div className="govuk-grid-column-full">
@@ -111,7 +129,7 @@ let BuildCheckSection = (props) => {
                         {Object.keys(titles).map((key) => (
                             <div key={key}>
                                 <h2 className="govuk-heading-m govuk-!-margin-top-9">
-                                    {titles[key].value}
+                                    {FieldsTranslations(titles[key].value)}
                                 </h2>
 
                                 <BuildCheckRow
@@ -180,8 +198,59 @@ let BuildCheckSection = (props) => {
                         </div>
                     </dl>
                 </div>
+
+                <div className="govuk-form-group ">
+                    <fieldset className="govuk-fieldset">
+                        <div className="govuk-checkboxes govuk-checkboxes--small">
+                            <div className="govuk-checkboxes__item">
+                                <input
+                                    name="pinswg_checkconfirmation"
+                                    id="pinswg_checkconfirmation"
+                                    type="checkbox"
+                                    className="govuk-checkboxes__input"
+                                    value=""
+                                    onChange={(e) => {
+                                        setConfirmSections(!confirmSections);
+                                    }}
+                                />
+                                <label
+                                    className="govuk-label govuk-checkboxes__label"
+                                    htmlFor="pinswg_checkconfirmation"
+                                >
+                                    {t(
+                                        "newappeal:new-appeal-check-confirm-label"
+                                    )}
+                                </label>
+                            </div>
+                        </div>
+                    </fieldset>
+                    <div>
+                        <p className="govuk-body">
+                            {t(
+                                "newappeal:new-appeal-check-confirm-paragraph-one"
+                            )}
+                        </p>
+                    </div>
+                    <div>
+                        <p className="govuk-body">
+                            {t(
+                                "newappeal:new-appeal-check-confirm-paragraph-two"
+                            )}{" "}
+                            <Link
+                                href={t(
+                                    "newappeal:new-appeal-check-confirm-paragraph-two-link"
+                                )}
+                            >
+                                {t(
+                                    "newappeal:new-appeal-check-confirm-paragraph-two-link"
+                                )}
+                            </Link>
+                        </p>
+                    </div>
+                </div>
                 <div className="govuk-button-group">
                     <a
+                        disabled={confirmSections ? false : true}
                         className="govuk-button"
                         data-module="govuk-button"
                         onClick={() => {