rep pdf questionnaire variants

This commit is contained in:
2023-10-17 09:07:18 +01:00
parent 0f0e3ed85e
commit 0c98bcd831
11 changed files with 6081 additions and 2394 deletions
@@ -119,6 +119,20 @@ const RepAgent = (props) => {
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<p className="govuk-hint govuk-!-font-size-14 govuk-!-margin-top-5">
Please note that all representations may be
published in line with our Publishing
Policy. Should your representation include
any sensitive information or potentially
defamatory information, it may be redacted
before publishing. If it contains racist,
libellous or offensive content it will be
returned to you and you will be asked to
provide an amended version.{" "}
<a href="https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html">
https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html
</a>
</p>
</div>
<div className="govuk-form-group govuk-!-margin-bottom-9">
<FileUploadField
@@ -13,6 +13,7 @@ import {
RenderRichMultiline,
RenderFileUpload,
FileUploadField,
RepresentationGuidanceText,
} from "./representationElements";
import {
getFormCollectionByID,
@@ -56,14 +57,20 @@ const RepAppellant = (props) => {
>
What kind of representation are you making?
</label>
<Field
name="representationType"
component={RenderPickList}
datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr}
/>
{typeof props.representationType == "undefined" ? (
<Field
name="representationType"
component={RenderPickList}
datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr}
/>
) : (
<p>{props.representationType}</p>
)}
</div>
</div>
{/* <div className="govuk-grid-row">
<div className="govuk-form-group">
<Field
@@ -102,6 +109,9 @@ const RepAppellant = (props) => {
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
{RepresentationGuidanceText(
formObj.representationForm.values.appealType
)}
</div>
<div className="govuk-form-group govuk-!-margin-bottom-9">
<FileUploadField
@@ -3,7 +3,9 @@ import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router";
import { useDropzone } from "react-dropzone";
import RepComplete from "./representationComplete";
import RepLPAQuestionnaireCheck from "./representationLPAQuestionnaireCheck";
import RepLPAQuestionnaireCheck_s78 from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_s78";
import RepLPAQuestionnaireCheck_enforcement from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_enforcement";
import {
getFormCollectionByID,
getThumbnailIconByExtension,
@@ -37,6 +39,36 @@ const RepCompleteSubmit = (props) => {
console.log("///////// formObj:", formObj);
const whichQuestionnaireCheck = () => {
{
console.log("curr");
switch (currentView.caseReference.appealType) {
case 846040000:
return (
<RepLPAQuestionnaireCheck_s78
props={props}
formObj={formObj}
setSubmitBack={setSubmitBack}
/>
);
break;
case 846040005:
return (
<RepLPAQuestionnaireCheck_enforcement
props={props}
formObj={formObj}
setSubmitBack={setSubmitBack}
/>
);
break;
default:
return <>hello</>;
break;
}
}
};
return (
<>
{currentView.representationSubmitConfirmation == true ? (
@@ -251,11 +283,7 @@ const RepCompleteSubmit = (props) => {
</a>
</dd>
</div>
<RepLPAQuestionnaireCheck
props={props}
formObj={formObj}
setSubmitBack={setSubmitBack}
/>
{whichQuestionnaireCheck()}
</dl>
<p>
The gathering and subsequent processing of the
@@ -578,34 +578,36 @@ export const RenderMultiline = ({
return (
<>
<label className="govuk-label" htmlFor={name}>
{label}
</label>
{"hint" in custom}
<div className="govuk-form-group ">
<label className="govuk-label" htmlFor={name}>
{label}
</label>
{"hint" in custom}
{"hint" in custom && (
<div
id={name + "-hint"}
className="govuk-hint govuk-!-font-size-14"
>
{custom.hint}
</div>
)}
<ReactQuill
modules={modules}
theme="snow"
value={editValue}
onChange={changeEdit}
/>
<textarea
{...input}
id={id}
name={name}
rows={rows}
className={className}
value={editValue}
style={{ display: "none" }}
></textarea>
{"hint" in custom && (
<div
id={name + "-hint"}
className="govuk-hint govuk-!-font-size-14"
>
{custom.hint}
</div>
)}
<ReactQuill
modules={modules}
theme="snow"
value={editValue}
onChange={changeEdit}
/>
<textarea
{...input}
id={id}
name={name}
rows={rows}
className={className}
value={editValue}
style={{ display: "none" }}
></textarea>
</div>
</>
);
};
@@ -998,3 +1000,41 @@ export function FileUploadField(props) {
</>
);
}
export const RepresentationGuidanceText = (appealType) => {
console.log(appealType);
switch (appealType) {
case "846040004": //has/cas
return (
<p className="govuk-hint govuk-!-font-size-14 govuk-!-margin-top-5">
Please note that all questionnaire documents may be
published in line with our Publishing Policy. Should your
questionnaire include any sensitive information or
potentially defamatory information, it may be redacted
before publishing.{" "}
<a href="https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html">
https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html
</a>
</p>
);
break;
default:
return (
<p className="govuk-hint govuk-!-font-size-14 govuk-!-margin-top-5">
Please note that all representations may be published in
line with our Publishing Policy. Should your representation
include any sensitive information or potentially defamatory
information, it may be redacted before publishing. If it
contains racist, libellous or offensive content it will be
returned to you and you will be asked to provide an amended
version.{" "}
<a href="https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html">
https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html
</a>
</p>
);
break;
}
return guidanceString;
};
File diff suppressed because it is too large Load Diff
@@ -1,796 +0,0 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { connect } from "react-redux";
import { Field, reduxForm, formValueSelector } from "redux-form";
import {
RenderPickList,
RenderTextfield,
RenderRadioList,
RenderMultiline,
RenderCondtionalRadioList,
RenderLPACondtionalRadioList,
FileUploadField,
RenderRichMultiline,
RenderDatePicker,
} from "./representationElements";
import {
setRepresentationCapacity,
setRepresentationSubmit,
} from "../../../store/currentView/action";
import { useDropzone } from "react-dropzone";
import { select } from "xpath";
let RepLPAQuestionnaire = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
const {
formObj,
appellantApplicantRepresentationArr,
setRepresentationCapacity,
setRepresentationSubmit,
currentView,
procedureTypeValue,
onBehalfOfLPA,
} = props;
const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
const files = acceptedFiles.map((file) => (
<li key={file.path}>
{file.path} - {file.size} bytes
</li>
));
const required = (value) => (value ? undefined : "Required");
return (
<>
{props.representationTypeValue}
{props.procedureTypeValue}
<div className="govuk-grid-row">
<div className="govuk-form-group">
<>
<fieldset
className="govuk-fieldset"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Appeal procedure and site visit{" "}
</h3>
<div className="govuk-form-group">
<Field
label="5. Which procedure do you consider the appeal should follow?"
name="procedureType"
optionsArr={[
"Written representations",
"Hearing",
"Inquiry",
]}
id="procedureType"
component={RenderPickList}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
{(procedureTypeValue == "Hearing" ||
procedureTypeValue == "Inquiry") && (
<Field
label="If Hearing or Inquiry, provide reasons here for why you consider this to be justified"
name="procedureTypeEvidence"
id="procedureTypeEvidence"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
/>
)}
<Field
label="6. Will the Inspector need to enter the appeal site/property?"
name="enterToView"
id="enterToView"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="enterNeighbouringLandToViewSite"
datafieldname="enterNeighbouringLandToViewSite"
options={["Yes", "No"]}
id="enterNeighbouringLandToViewSite"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"7. Do you consider that the Inspector needs to enter neighbouring private land/property to view the site?"
}
conditionalLabel={
"If Yes, give reasons and provide the neighbouring site address. If you have them, provide the contact details of the landowner in an attachment."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="enterNeighbouringLandAccessRequired"
datafieldname="enterNeighbouringLandAccessRequired"
options={["Yes", "No"]}
id="enterNeighbouringLandAccessRequired"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"8. If access to private land/buildings is required, are you content for the Inspector to visit the site on an access required basis, with only the landowner or their representative present?"
}
conditionalLabel={
"If No, give reasons for why you consider an Accompanied Site Visit to be necessary"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="healthAndSafetyIssues"
datafieldname="healthAndSafetyIssues"
options={["Yes", "No"]}
id="healthAndSafetyIssues"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"9. Are you aware of any health and safety issues which would need to be considered when the Inspector visits the site?"
}
conditionalLabel={
"If Yes, describe the health and safety issues to be considered"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
className="govuk-input govuk-!-width-three-quarters"
id="LPAcontactDetails"
name="LPAcontactDetails"
value="email"
data-aria-controls="LPAcontactDetails"
type="text"
component={RenderRichMultiline}
label="10. LPA contact for site visit, hearing or inquiry arrangements:"
/>
</div>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Supporting documents{" "}
</h3>
<div className="govuk-form-group">
<Field
label="11. LPA case file and representations"
name="LPAcaseFileAndReps"
id="LPAcaseFileAndReps"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblink(s) to case file and representations on the LPAs public portal. This must include all documents which were before the LPA at the time of its decision or when the appeal was made. Ensure that you link directly to the case documents list, not to a generic page on the LPAs portal. If web-based comments were also made, insert a second link to that page. Alternatively, state here if you are sending relevant case file documents under separate cover."
/>
</div>
<div className="govuk-form-group">
<Field
label="12. LPAs adopted local development plan and Proposals Map:"
name="LPAldpAndMap"
id="LPAldpAndMap"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblinks to the Written Statement of the adopted LDP/UDP, and the accompanying Proposals Map (including map key). Alternatively, list relevant policies here and attach excerpts."
/>
</div>
<div className="govuk-form-group">
<Field
label="13. Adopted local guidance relevant to the proposal"
name="LPAlocalGuidance"
id="LPAlocalGuidance"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblink(s) to any relevant any local guidance (e.g. Supplementary Planning Guidance, Conservation Area appraisals) which the LPA considers relevant, specifying the document name before the web link. Alternatively, list the relevant guidance and attach copies/excerpts."
/>
</div>
<Field
label="14. If applicable, do you intend to submit a full statement at the 4- week stage?"
name="LPAintentionToSubmitFullStatement"
id="LPAintentionToSubmitFullStatement"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Statutory considerations
</h3>
<Field
label="15. Is all or part of the site within an Area of Outstanding Natural Beauty?"
name="AONB"
id="AONB"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="ROW"
datafieldname="ROW"
options={["Yes", "No"]}
id="ROW"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"16. Does the site include any public rights of way?"
}
conditionalLabel={
"If Yes, attach or insert a link to the definitive map and statement for the local area"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="conservationArea"
datafieldname="conservationArea"
options={["Yes", "No"]}
id="conservationArea"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"17. Is all or part of the site within a Conservation Area?"
}
conditionalLabel={
"If Yes, attach or insert links to a plan showing the Conservation Area boundary"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="affectListedBuilding"
datafieldname="affectListedBuilding"
options={["Yes", "No"]}
id="affectListedBuilding"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"18. Would the proposal involve works to, or affect the setting of, a listed building, Scheduled Monument or other designated historic asset?"
}
conditionalLabel={
"If Yes, attach or insert links to the listing description(s) and location plan"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="TPO"
datafieldname="TPO"
options={["Yes", "No"]}
id="TPO"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"19. Is any part of the site subject to a Tree Preservation Order?"
}
conditionalLabel={
"If Yes, attach or insert links to the relevant plan and details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="natureConservationSite"
datafieldname="natureConservationSite"
options={["Yes", "No"]}
id="natureConservationSite"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"20. Is the site within or likely to affect an International or National Designated Site for nature conservation (as defined in Planning Policy Wales)?"
}
conditionalLabel={
"If Yes, specify the name and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="protectedSpecies"
datafieldname="protectedSpecies"
options={["Yes", "No"]}
id="protectedSpecies"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"21. Are any protected species likely to be affected by the proposal?"
}
conditionalLabel={
"If Yes, specify which and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<Field
label="22. Does the case involve persons claiming Gypsy/Traveller status, whether or not this is accepted by the LPA?"
name="gypsyTravellerInvolvment"
id="gypsyTravellerInvolvment"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="governmentDepartmentComments"
datafieldname="governmentDepartmentComments"
options={["Yes", "No"]}
id="governmentDepartmentComments"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"23. Have you received comments or directions from any government department/agency or statutory undertaker, including in response to a statutory notification or consultation?"
}
conditionalLabel={
"If Yes, specify which and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Suggested conditions
</h3>
<div className="govuk-form-group govuk-body-m">
24. Review the following standard conditions and
advise whether they would be necessary if
permission/consent is granted (not applicable to
Advertisement consent proposals):
</div>
<Field
label="a) The development shall begin not later than five years from the date of this decision.
Reason: To comply with Section 91 of the Town and Country Planning Act 1990 / Section 18 of the Town and Country Planning (Listed Building and Conservation Areas) Act 1990."
name="developmentNotBeginLaterThanFiveYears"
id="developmentNotBeginLaterThanFiveYears"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="developmentCarriedOutInAccordance"
datafieldname="developmentCarriedOutInAccordance"
options={["Yes", "No"]}
id="developmentCarriedOutInAccordance"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"b) The development shall be carried out in accordance with the following approved plans and documents: ............................ Reason: To ensure the development is carried out in accordance with the approved documents, plans and drawings submitted with the application."
}
conditionalLabel={
"If Yes, list the approved plans, documents and drawings here or list them in an attached document"
}
optionSelect={"Yes"}
/>
</div>
<Field
label="c) No development shall take place until a scheme for biodiversity enhancement has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
Reason: In the interests of maintaining and enhancing biodiversity, in accordance with Future Wales Policy 9."
name="developmentNotTakePlaceBiodiversity"
id="developmentNotTakePlaceBiodiversity"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<Field
label="d) No development shall take place until a scheme to enable the provision of gigabit capable broadband infrastructure from the site boundary to the dwellings/buildings hereby permitted has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
Reason: To support the roll-out of digital communications infrastructure across Wales in accordance with Policy 13 of Future Wales."
name="developmentNotTakePlaceBroadband"
id="developmentNotTakePlaceBroadband"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="developmentAnyOtherConditions"
datafieldname="developmentAnyOtherConditions"
options={["Yes", "No"]}
id="developmentAnyOtherConditions"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"25. Do you consider other conditions, or amended versions of the above standard conditions, to be necessary?"
}
conditionalLabel={
"If Yes, list them here or in an attached document. Include reasons and relevant development plan policies. If you intend to send suggested conditions alongside your 4 week statement, state this here."
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Before sending, have you attached or provided a
web link to:
</h3>
<div className="govuk-form-group">
<Field
name="copyOfApplicantsCertificate"
datafieldname="copyOfApplicantsCertificate"
options={["Yes", "No"]}
id="copyOfApplicantsCertificate"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"26. A copy of the applicants certificate confirming that they notified persons with an interest in the land?"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="advertismentGiven"
datafieldname="advertismentGiven"
options={["Yes", "No"]}
id="advertismentGiven"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"27. Evidence of any publicity given to the application, including site notices and local advertisement?**"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="copyOfLetterOfAppealNotification"
datafieldname="copyOfLetterOfAppealNotification"
options={["Yes", "No"]}
id="copyOfLetterOfAppealNotification"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"28. A copy of the letter with which you notified people of the appeal AND a list of the people you notified?"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="lpaEIAOS"
datafieldname="lpaEIAOS"
options={["Yes", "No"]}
id="lpaEIAOS"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"29. If Yes, insert weblink or attach a copy of the Screening Opinion and any related correspondence"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="advertismentConsentDiscontinuanceNotice"
datafieldname="advertismentConsentDiscontinuanceNotice"
options={["Yes", "No"]}
id="advertismentConsentDiscontinuanceNotice"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"30. Advertisement consent proposals only: A true copy of the Discontinuance Notice (if one has been issued)?"
}
conditionalLabel={
"If Yes, state how the use of the site or the display of the advertisement(s) enjoys the benefit of deemed consent"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="detailsOfOtherAppeals"
datafieldname="detailsOfOtherAppeals"
options={["Yes", "No"]}
id="detailsOfOtherAppeals"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"31. Details of other appeals or applications relating to the site, or a nearby site, which are still being considered by PEDW or the Welsh Ministers?"
}
conditionalLabel={
"If Yes, provide reference numbers and, if applicable, attach or insert links to relevant documents"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="detailsOfPreviousAppeals"
datafieldname="detailsOfPreviousAppeals"
options={["Yes", "No"]}
id="detailsOfPreviousAppeals"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"32. Details of any previous appeal decision relating to the site or a nearby site referred to by the LPA or applicant?"
}
conditionalLabel={
"If Yes, provide the reference number(s) and address(es) and attach or insert links to the decision(s) and any relevant application documents"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="otherRelevantInformation"
datafieldname="otherRelevantInformation"
options={["Yes", "No"]}
id="otherRelevantInformation"
className="govuk-radios__input"
errorMsg={t(
"newappeal:select-an-option-label"
)}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"33. Any other relevant information that we should know about?"
}
conditionalLabel={
"If Yes, provide a brief description and attach or insert links to the relevant details"
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Declaration</h3>
<div className="govuk-form-group">
<Field
className="govuk-input govuk-!-width-one-half"
id="caseOfficer"
name="caseOfficer"
data-aria-controls="caseOfficer"
type="text"
component={RenderTextfield}
label="Signed"
validate={[required]}
/>
</div>
<div className="govuk-form-group">
{onBehalfOfLPA} seww
<Field
className="govuk-input govuk-!-width-one-half"
id="onBehalfOfLPA"
name="onBehalfOfLPA"
data-aria-controls="caseOfficer"
type="text"
component={RenderTextfield}
label="On behalf of"
validate={[required]}
/>
</div>
<Field
name="signedDate"
id="signedDate"
label="Date"
component={RenderDatePicker}
validate={[required]}
errorMsg="Select a date"
dateStart="0"
dateEnd="1-y"
/>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
{" "}
<div className="govuk-form-group govuk-!-margin-bottom-9">
<FileUploadField
name={"representationDocuments"}
label={"Add your files"}
ticketnumber={props.props.caseReference}
hint={"sdsd"}
fileList={[]}
setFilesForRepresentation={[]}
containerID={
props.props.props.props.accountDetails
.containerID
}
/>
</div>
</fieldset>
</>
</div>{" "}
</div>
</>
);
};
const selector = formValueSelector("representationForm"); // <-- same as form name
RepLPAQuestionnaire = connect((state) => {
const representationTypeValue = selector(state, "representationType");
const procedureTypeValue = selector(state, "procedureType");
return {
procedureTypeValue,
representationTypeValue,
};
})(RepLPAQuestionnaire);
const mapStateToProps = (state, props) => {
console.log();
return {
search: state.search,
searchResultsObj: state.searchResultsObj,
formData: state.formData,
appealType: state.appealType,
currentView: state.currentView,
myRepresentations: state.myRepresentations,
initialValues: state.currentView.caseReference.repDetails,
};
};
export default connect(mapStateToProps)(
reduxForm({
form: "representationForm",
enableReinitialize: true,
destroyOnUnmount: false,
})(RepLPAQuestionnaire)
);
@@ -0,0 +1,942 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { connect } from "react-redux";
import { Field, reduxForm, formValueSelector } from "redux-form";
import {
RenderPickList,
RenderTextfield,
RenderRadioList,
RenderMultiline,
RenderCondtionalRadioList,
RenderLPACondtionalRadioList,
FileUploadField,
RenderRichMultiline,
RenderDatePicker,
} from "../representationElements";
import {
setRepresentationCapacity,
setRepresentationSubmit,
} from "../../../../store/currentView/action";
import { useDropzone } from "react-dropzone";
import { select } from "xpath";
import jsonpath from "jsonpath";
let Enforcement_Questionnaire = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
const {
formObj,
appellantApplicantRepresentationArr,
setRepresentationCapacity,
setRepresentationSubmit,
currentView,
procedureTypeValue,
onBehalfOfLPA,
} = props;
const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
const files = acceptedFiles.map((file) => (
<li key={file.path}>
{file.path} - {file.size} bytes
</li>
));
const required = (value) => (value ? undefined : "Required");
let setCaseDetailsObj = router.query.hasOwnProperty("state")
? router.query.state == "edit"
? props.props.myRepresentations.myRepresentations
: props.props.searchResultsObj.searchDetailsObj
: props.props.searchResultsObj.searchDetailsObj;
var detailsObj = {};
detailsObj = jsonpath.query(
setCaseDetailsObj,
'$..[?(@.pinswg_name=="' +
currentView.caseReference.currentReference +
'")]'
);
let setCaseResultssObj = router.query.hasOwnProperty("state")
? router.query.state == "edit"
? props.props.myRepresentations.myRepresentations
: props.props.searchResultsObj.searchResultsObj
: props.props.searchResultsObj.searchResultsObj;
detailsObj = detailsObj[0];
var resultsObj = {};
resultsObj = jsonpath.query(
setCaseResultssObj,
'$..[?(@.ticketnumber=="' +
currentView.caseReference.currentReference +
'")]'
);
resultsObj = resultsObj[0];
return (
<>
<fieldset
className="govuk-fieldset"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Enforcement_Questionnaire Appeal procedure and site visit{" "}
</h3>
<div className="govuk-form-group">
<div className="govuk-label">
1. PEDW Reference:{" "}
{currentView.caseReference.currentReference}
</div>
</div>
<div className="govuk-form-group">
<div className="govuk-label">
2. LPA reference: {resultsObj.pinswg_lpareference}
</div>
</div>
<div className="govuk-form-group">
<div className="govuk-label">
3. Site Address:{" "}
{detailsObj.pinswg_siteaddressline1 +
" " +
detailsObj.pinswg_siteaddressline2 +
" " +
detailsObj.pinswg_siteaddresstown +
" " +
detailsObj.pinswg_siteaddresspostcode}
</div>
</div>
<div className="govuk-form-group">
<Field
label="4. Which procedure do you consider the appeal should follow?"
name="procedureType"
optionsArr={[
"Written representations",
"Hearing",
"Inquiry",
]}
id="procedureType"
component={RenderPickList}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
{(procedureTypeValue == "Hearing" ||
procedureTypeValue == "Inquiry") && (
<Field
label="If Hearing or Inquiry, provide reasons here for why you consider this to be justified. If you consider an Inquiry is necessary, please state your estimated number of sitting days."
name="procedureTypeEvidence"
id="procedureTypeEvidence"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30 govuk-!-margin-bottom-9"
aria-describedby={props.name + "-hint"}
richText="false"
/>
)}
<Field
label="5. Will the Inspector need to enter the appeal site/property?"
name="enterToView"
id="enterToView"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="enterNeighbouringLandToViewSite"
datafieldname="enterNeighbouringLandToViewSite"
options={["Yes", "No"]}
id="enterNeighbouringLandToViewSite"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"6. Do you consider that the Inspector needs to enter neighbouring private land/property to view the site?"
}
conditionalLabel={
"If Yes, give reasons and provide the neighbouring site address. If you have them, provide the contact details of the landowner in an attachment."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="enterNeighbouringLandAccessRequired"
datafieldname="enterNeighbouringLandAccessRequired"
options={["Yes", "No"]}
id="enterNeighbouringLandAccessRequired"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"7. If access to private land/buildings is required, are you content for the Inspector to visit the site on an access required basis, with only the landowner or their representative present?"
}
conditionalLabel={
"If No, give reasons for why you consider an Accompanied Site Visit to be necessary"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="healthAndSafetyIssues"
datafieldname="healthAndSafetyIssues"
options={["Yes", "No"]}
id="healthAndSafetyIssues"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"8. Are you aware of any health and safety issues which would need to be considered when the Inspector visits the site?"
}
conditionalLabel={
"If Yes, describe the health and safety issues to be considered"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
className="govuk-input govuk-!-width-three-quarters"
id="LPAcontactDetails"
name="LPAcontactDetails"
value="email"
data-aria-controls="LPAcontactDetails"
type="text"
component={RenderRichMultiline}
label="9. LPA contact for site visit, hearing or inquiry arrangements:"
/>
</div>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Deemed Applicaton Fee </h3>
<div className="govuk-form-group">
<Field
label="10. Has the local planning authority received the correct fee payable in relation to this appeal for the deemed planning application/ground (a) to be considered?"
name="feePaid"
id="feePaid"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
</div>
<div className="govuk-form-group">
<Field
name="feeExempt"
datafieldname="feeExempt"
options={["Yes", "No"]}
id="feeExempt"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={"11. Is the appeal fee exempt?"}
conditionalLabel={"If Yes, please explain"}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Planning History and Current Status
</h3>
<div className="govuk-form-group">
<Field
name="previousGrantedCerts"
datafieldname="previousGrantedCerts"
options={["Yes", "No"]}
id="previousGrantedCerts"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"12. Have any planning permissions or lawful development certificates been granted previously in respect of the development or on the site?"
}
conditionalLabel={
"If Yes, please submit any documents necessary for its interpretation and list here. E.g. Decision Notice, Relevant Plans, etc."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="stopNoticeServed"
datafieldname="stopNoticeServed"
options={["Yes", "No"]}
id="stopNoticeServed"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"13. Has a Stop Notice been served in addition to the Enforcement Notice?"
}
conditionalLabel={
"If Yes, please submit a copy of the Stop Notice and record any relevant information here."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="relatedCases"
datafieldname="relatedCases"
options={["Yes", "No"]}
id="relatedCases"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"14. Are there any related cases (e.g. appeals under s78 of the Town and Country Planning Act 1990) which are currently or have previously been before the Welsh Ministers?"
}
conditionalLabel={
"If Yes, please provide details here, including appeal reference numbers."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="previousEnforcement"
datafieldname="previousEnforcement"
options={["Yes", "No"]}
id="previousEnforcement"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"15. Has there been any previous enforcement action on the site?"
}
conditionalLabel={
"If Yes, please provide details and submit any relevant documents, listing them here."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="subjectArticle4"
datafieldname="subjectArticle4"
options={["Yes", "No"]}
id="subjectArticle4"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"16. Is the site subject to an Article 4 Direction?"
}
conditionalLabel={
"If Yes, please provide details and submit a copy of the relevant Direction."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="previousPDRRestriction"
datafieldname="previousPDRRestriction"
options={["Yes", "No"]}
id="previousPDRRestriction"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"17. Have permitted development rights been restricted by any previous planning condition?"
}
conditionalLabel={
"If Yes, please provide details and submit any relevant documents, listing them here."
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Supporting documents </h3>
<div className="govuk-form-group">
<Field
label="18. LPAs adopted local development plan and Proposals Map:"
name="LPAldpAndMap"
id="LPAldpAndMap"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblinks to the Written Statement of the adopted LDP/UDP, and the accompanying Proposals Map (including map key). Alternatively, list relevant policies here and attach excerpts."
/>
</div>
<div className="govuk-form-group">
<Field
label="19. Adopted local guidance relevant to the proposal"
name="LPAlocalGuidance"
id="LPAlocalGuidance"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblink(s) to any relevant any local guidance (e.g. Supplementary Planning Guidance, Conservation Area appraisals) which the LPA considers relevant, specifying the document name before the web link. Alternatively, list the relevant guidance and attach copies/excerpts."
/>
</div>
<Field
label="20. If applicable, do you intend to submit a full statement at the 4- week stage?"
name="LPAintentionToSubmitFullStatement"
id="LPAintentionToSubmitFullStatement"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Statutory considerations</h3>
<Field
label="21. Is all or part of the site within an Area of Outstanding Natural Beauty?"
name="AONB"
id="AONB"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="ROW"
datafieldname="ROW"
options={["Yes", "No"]}
id="ROW"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"22. Does the site include any public rights of way?"
}
conditionalLabel={
"If Yes, attach or insert a link to the definitive map and statement for the local area"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="conservationArea"
datafieldname="conservationArea"
options={["Yes", "No"]}
id="conservationArea"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"23. Is all or part of the site within a Conservation Area?"
}
conditionalLabel={
"If Yes, attach or insert links to a plan showing the Conservation Area boundary"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="affectListedBuilding"
datafieldname="affectListedBuilding"
options={["Yes", "No"]}
id="affectListedBuilding"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"24. Would the proposal involve works to, or affect the setting of, a listed building, Scheduled Monument or other designated historic asset?"
}
conditionalLabel={
"If Yes, attach or insert links to the listing description(s) and location plan"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="TPO"
datafieldname="TPO"
options={["Yes", "No"]}
id="TPO"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"25. Is any part of the site subject to a Tree Preservation Order?"
}
conditionalLabel={
"If Yes, attach or insert links to the relevant plan and details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="natureConservationSite"
datafieldname="natureConservationSite"
options={["Yes", "No"]}
id="natureConservationSite"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"26. Is the site within or likely to affect an International or National Designated Site for nature conservation (as defined in Planning Policy Wales)?"
}
conditionalLabel={
"If Yes, specify the name and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="protectedSpecies"
datafieldname="protectedSpecies"
options={["Yes", "No"]}
id="protectedSpecies"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"27. Are any protected species likely to be affected by the proposal?"
}
conditionalLabel={
"If Yes, specify which and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
label="28. Does the case involve persons claiming Gypsy/Traveller status, whether or not this is accepted by the LPA?"
name="gypsyTravellerInvolvment"
id="gypsyTravellerInvolvment"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
</div>
<div className="govuk-form-group">
<Field
name="floodingIssue"
datafieldname="floodingIssue"
options={["Yes", "No"]}
id="floodingIssue"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={"29. Is flooding an issue?"}
conditionalLabel={
"If Yes, please specify and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="governmentDepartmentComments"
datafieldname="governmentDepartmentComments"
options={["Yes", "No"]}
id="governmentDepartmentComments"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"30. Have you received comments or directions from any government department/agency or statutory undertaker, including in response to a statutory notification or consultation?"
}
conditionalLabel={
"If Yes, specify which and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Suggested conditions</h3>
<div className="govuk-form-group govuk-body-m">
31. If there is an appeal on ground (a), review the
following standard conditions and advise whether they would
be necessary if permission is granted:
</div>
<div className="govuk-form-group">
<Field
name="developmentCarriedOutInAccordance"
datafieldname="developmentCarriedOutInAccordance"
options={["Yes", "No"]}
id="developmentCarriedOutInAccordance"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"a) The development shall be carried out in accordance with the following approved plans and documents: ............................ Reason: To ensure the development is carried out in accordance with the approved documents, plans and drawings submitted with the application."
}
conditionalLabel={
"If Yes, list the approved plans, documents and drawings here or list them in an attached document"
}
optionSelect={"Yes"}
/>
</div>
<Field
label="b) No development shall take place until a scheme for biodiversity enhancement has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
Reason: In the interests of maintaining and enhancing biodiversity, in accordance with Future Wales Policy 9."
name="developmentNotTakePlaceBiodiversity"
id="developmentNotTakePlaceBiodiversity"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<Field
label="c) No development shall take place until a scheme to enable the provision of gigabit capable broadband infrastructure from the site boundary to the dwellings/buildings hereby permitted has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
Reason: To support the roll-out of digital communications infrastructure across Wales in accordance with Policy 13 of Future Wales."
name="developmentNotTakePlaceBroadband"
id="developmentNotTakePlaceBroadband"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="developmentAnyOtherConditions"
datafieldname="developmentAnyOtherConditions"
options={["Yes", "No"]}
id="developmentAnyOtherConditions"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"32. Do you consider other conditions, or amended versions of the above standard conditions, to be necessary?"
}
conditionalLabel={
"If Yes, list them here or in an attached document. Include reasons and relevant development plan policies. If you intend to send suggested conditions alongside your 4 week statement, state this here."
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Before sending, have you attached or provided a web link to:
</h3>
<div className="govuk-form-group">
<Field
name="copyOfEnforcementNotice"
datafieldname="copyOfEnforcementNotice"
options={["Yes", "No"]}
id="copyOfEnforcementNotice"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={"33. A true copy of the enforcement notice?"}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="enforcementNoticePlan"
datafieldname="enforcementNoticePlan"
options={["Yes", "No"]}
id="enforcementNoticePlan"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={"34. The enforcement notice plan."}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="listOfNotifiedOfEnforcement"
datafieldname="listOfNotifiedOfEnforcement"
options={["Yes", "No"]}
id="listOfNotifiedOfEnforcement"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"35. A list of those served with the enforcement notice."
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="copyOfLetterOfAppealNotification"
datafieldname="copyOfLetterOfAppealNotification"
options={["Yes", "No"]}
id="copyOfLetterOfAppealNotification"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"36. A copy of the letter with which you notified people of the appeal AND a list of the people you notified?"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="lpaEIAOS"
datafieldname="lpaEIAOS"
options={["Yes", "No"]}
id="lpaEIAOS"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"37. The LPAs Environmental Impact Assessment Screening Opinion and Regulation 45 Notice*, if applicable?"
}
conditionalLabel={
"If Yes, insert weblink or attach a copy of the Screening Opinion and any related correspondences"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="detailsOfOtherAppeals"
datafieldname="detailsOfOtherAppeals"
options={["Yes", "No"]}
id="detailsOfOtherAppeals"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"38. Details of other appeals or applications relating to the site, or a nearby site, which are still being considered by PEDW or the Welsh Ministers?"
}
conditionalLabel={
"If Yes, provide reference numbers and, if applicable, attach or insert links to relevant documents"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="detailsOfPreviousAppeals"
datafieldname="detailsOfPreviousAppeals"
options={["Yes", "No"]}
id="detailsOfPreviousAppeals"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"39. Details of any previous appeal decision relating to the site or a nearby site referred to by the LPA or applicant?"
}
conditionalLabel={
"If Yes, provide the reference number(s) and address(es) and attach or insert links to the decision(s) and any relevant application documents"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="otherRelevantInformation"
datafieldname="otherRelevantInformation"
options={["Yes", "No"]}
id="otherRelevantInformation"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"40. Any other relevant information that we should know about?"
}
conditionalLabel={
"If Yes, provide a brief description and attach or insert links to the relevant details"
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Declaration</h3>
<div className="govuk-form-group">
<Field
className="govuk-input govuk-!-width-one-half"
id="caseOfficer"
name="caseOfficer"
data-aria-controls="caseOfficer"
type="text"
component={RenderTextfield}
label="Signed"
validate={[required]}
/>
</div>
<div className="govuk-form-group">
{onBehalfOfLPA} seww
<Field
className="govuk-input govuk-!-width-one-half"
id="onBehalfOfLPA"
name="onBehalfOfLPA"
data-aria-controls="caseOfficer"
type="text"
component={RenderTextfield}
label="On behalf of"
validate={[required]}
/>
</div>
<Field
name="signedDate"
id="signedDate"
label="Date"
component={RenderDatePicker}
validate={[required]}
errorMsg="Select a date"
dateStart="0"
dateEnd="1-y"
/>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
{" "}
<div className="govuk-form-group govuk-!-margin-bottom-9">
<FileUploadField
name={"representationDocuments"}
label={"Add your files"}
ticketnumber={props.props.caseReference}
hint={"sdsd"}
fileList={[]}
setFilesForRepresentation={[]}
containerID={props.containerID}
/>
</div>
</fieldset>
</>
);
};
//export default Enforcement_Questionnaire;
const selector = formValueSelector("representationForm"); // <-- same as form name
Enforcement_Questionnaire = connect((state) => {
const representationTypeValue = selector(state, "representationType");
const procedureTypeValue = selector(state, "procedureType");
return {
procedureTypeValue,
representationTypeValue,
};
})(Enforcement_Questionnaire);
const mapStateToProps = (state, props) => {
console.log();
return {
search: state.search,
searchResultsObj: state.searchResultsObj,
formData: state.formData,
appealType: state.appealType,
currentView: state.currentView,
myRepresentations: state.myRepresentations,
initialValues: state.currentView.caseReference.repDetails,
};
};
export default connect(mapStateToProps)(
reduxForm({
form: "representationForm",
enableReinitialize: true,
destroyOnUnmount: false,
})(Enforcement_Questionnaire)
);
@@ -0,0 +1,809 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { connect } from "react-redux";
import { Field, reduxForm, formValueSelector } from "redux-form";
import {
RenderPickList,
RenderTextfield,
RenderRadioList,
RenderMultiline,
RenderCondtionalRadioList,
RenderLPACondtionalRadioList,
FileUploadField,
RenderRichMultiline,
RenderDatePicker,
} from "../representationElements";
import {
setRepresentationCapacity,
setRepresentationSubmit,
} from "../../../../store/currentView/action";
import { useDropzone } from "react-dropzone";
import { select } from "xpath";
import jsonpath from "jsonpath";
import { getFormCollectionByID } from "../../../../components/utils";
let S78_Questionnaire = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
const {
formObj,
appellantApplicantRepresentationArr,
setRepresentationCapacity,
setRepresentationSubmit,
currentView,
procedureTypeValue,
onBehalfOfLPA,
} = props;
const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
const files = acceptedFiles.map((file) => (
<li key={file.path}>
{file.path} - {file.size} bytes
</li>
));
const required = (value) => (value ? undefined : "Required");
let setCaseDetailsObj = router.query.hasOwnProperty("state")
? router.query.state == "edit"
? props.props.myRepresentations.myRepresentations
: props.props.searchResultsObj.searchDetailsObj
: props.props.searchResultsObj.searchDetailsObj;
var detailsObj = {};
detailsObj = jsonpath.query(
setCaseDetailsObj,
'$..[?(@.pinswg_name=="' +
currentView.caseReference.currentReference +
'")]'
);
let setCaseResultssObj = router.query.hasOwnProperty("state")
? router.query.state == "edit"
? props.props.myRepresentations.myRepresentations
: props.props.searchResultsObj.searchResultsObj
: props.props.searchResultsObj.searchResultsObj;
detailsObj = detailsObj[0];
var resultsObj = {};
resultsObj = jsonpath.query(
setCaseResultssObj,
'$..[?(@.ticketnumber=="' +
currentView.caseReference.currentReference +
'")]'
);
resultsObj = resultsObj[0];
return (
<>
{props.representationTypeValue}
{props.procedureTypeValue}
<fieldset
className="govuk-fieldset"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Appeal procedure and site visit{" "}
</h3>
<div className="govuk-form-group">
<div className="govuk-label">
1. PEDW Reference:{" "}
{currentView.caseReference.currentReference}
</div>
</div>
<div className="govuk-form-group">
<div className="govuk-label">
2. LPA reference: {resultsObj.pinswg_lpareference}
</div>
</div>
<div className="govuk-form-group">
<div className="govuk-label">
4. Appeal type:{" "}
{
getFormCollectionByID(
currentView.caseReference.appealType
).value
}
</div>
</div>
<div className="govuk-form-group">
<div className="govuk-label">
3. Site Address:{" "}
{detailsObj.pinswg_siteaddressline1 +
" " +
detailsObj.pinswg_siteaddressline2 +
" " +
detailsObj.pinswg_siteaddresstown +
" " +
detailsObj.pinswg_siteaddresspostcode}
</div>
</div>
<div className="govuk-form-group">
<Field
label="5. Which procedure do you consider the appeal should follow?"
name="procedureType"
optionsArr={[
"Written representations",
"Hearing",
"Inquiry",
]}
id="procedureType"
component={RenderPickList}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
{(procedureTypeValue == "Hearing" ||
procedureTypeValue == "Inquiry") && (
<Field
label="If Hearing or Inquiry, provide reasons here for why you consider this to be justified"
name="procedureTypeEvidence"
id="procedureTypeEvidence"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
/>
)}
<Field
label="6. Will the Inspector need to enter the appeal site/property?"
name="enterToView"
id="enterToView"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="enterNeighbouringLandToViewSite"
datafieldname="enterNeighbouringLandToViewSite"
options={["Yes", "No"]}
id="enterNeighbouringLandToViewSite"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"7. Do you consider that the Inspector needs to enter neighbouring private land/property to view the site?"
}
conditionalLabel={
"If Yes, give reasons and provide the neighbouring site address. If you have them, provide the contact details of the landowner in an attachment."
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="enterNeighbouringLandAccessRequired"
datafieldname="enterNeighbouringLandAccessRequired"
options={["Yes", "No"]}
id="enterNeighbouringLandAccessRequired"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"8. If access to private land/buildings is required, are you content for the Inspector to visit the site on an access required basis, with only the landowner or their representative present?"
}
conditionalLabel={
"If No, give reasons for why you consider an Accompanied Site Visit to be necessary"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="healthAndSafetyIssues"
datafieldname="healthAndSafetyIssues"
options={["Yes", "No"]}
id="healthAndSafetyIssues"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"9. Are you aware of any health and safety issues which would need to be considered when the Inspector visits the site?"
}
conditionalLabel={
"If Yes, describe the health and safety issues to be considered"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
className="govuk-input govuk-!-width-three-quarters"
id="LPAcontactDetails"
name="LPAcontactDetails"
value="email"
data-aria-controls="LPAcontactDetails"
type="text"
component={RenderRichMultiline}
label="10. LPA contact for site visit, hearing or inquiry arrangements:"
/>
</div>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Supporting documents </h3>
<div className="govuk-form-group">
<Field
label="11. LPA case file and representations"
name="LPAcaseFileAndReps"
id="LPAcaseFileAndReps"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblink(s) to case file and representations on the LPAs public portal. This must include all documents which were before the LPA at the time of its decision or when the appeal was made. Ensure that you link directly to the case documents list, not to a generic page on the LPAs portal. If web-based comments were also made, insert a second link to that page. Alternatively, state here if you are sending relevant case file documents under separate cover."
/>
</div>
<div className="govuk-form-group">
<Field
label="12. LPAs adopted local development plan and Proposals Map:"
name="LPAldpAndMap"
id="LPAldpAndMap"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblinks to the Written Statement of the adopted LDP/UDP, and the accompanying Proposals Map (including map key). Alternatively, list relevant policies here and attach excerpts."
/>
</div>
<div className="govuk-form-group">
<Field
label="13. Adopted local guidance relevant to the proposal"
name="LPAlocalGuidance"
id="LPAlocalGuidance"
component={RenderMultiline}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
richText="false"
hint="Insert weblink(s) to any relevant any local guidance (e.g. Supplementary Planning Guidance, Conservation Area appraisals) which the LPA considers relevant, specifying the document name before the web link. Alternatively, list the relevant guidance and attach copies/excerpts."
/>
</div>
<Field
label="14. If applicable, do you intend to submit a full statement at the 4- week stage?"
name="LPAintentionToSubmitFullStatement"
id="LPAintentionToSubmitFullStatement"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Statutory considerations</h3>
<Field
label="15. Is all or part of the site within an Area of Outstanding Natural Beauty?"
name="AONB"
id="AONB"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="ROW"
datafieldname="ROW"
options={["Yes", "No"]}
id="ROW"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"16. Does the site include any public rights of way?"
}
conditionalLabel={
"If Yes, attach or insert a link to the definitive map and statement for the local area"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="conservationArea"
datafieldname="conservationArea"
options={["Yes", "No"]}
id="conservationArea"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"17. Is all or part of the site within a Conservation Area?"
}
conditionalLabel={
"If Yes, attach or insert links to a plan showing the Conservation Area boundary"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="affectListedBuilding"
datafieldname="affectListedBuilding"
options={["Yes", "No"]}
id="affectListedBuilding"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"18. Would the proposal involve works to, or affect the setting of, a listed building, Scheduled Monument or other designated historic asset?"
}
conditionalLabel={
"If Yes, attach or insert links to the listing description(s) and location plan"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="TPO"
datafieldname="TPO"
options={["Yes", "No"]}
id="TPO"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"19. Is any part of the site subject to a Tree Preservation Order?"
}
conditionalLabel={
"If Yes, attach or insert links to the relevant plan and details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="natureConservationSite"
datafieldname="natureConservationSite"
options={["Yes", "No"]}
id="natureConservationSite"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"20. Is the site within or likely to affect an International or National Designated Site for nature conservation (as defined in Planning Policy Wales)?"
}
conditionalLabel={
"If Yes, specify the name and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="protectedSpecies"
datafieldname="protectedSpecies"
options={["Yes", "No"]}
id="protectedSpecies"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"21. Are any protected species likely to be affected by the proposal?"
}
conditionalLabel={
"If Yes, specify which and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
<Field
label="22. Does the case involve persons claiming Gypsy/Traveller status, whether or not this is accepted by the LPA?"
name="gypsyTravellerInvolvment"
id="gypsyTravellerInvolvment"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="governmentDepartmentComments"
datafieldname="governmentDepartmentComments"
options={["Yes", "No"]}
id="governmentDepartmentComments"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"23. Have you received comments or directions from any government department/agency or statutory undertaker, including in response to a statutory notification or consultation?"
}
conditionalLabel={
"If Yes, specify which and attach any relevant details"
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Suggested conditions</h3>
<div className="govuk-form-group govuk-body-m">
24. Review the following standard conditions and advise
whether they would be necessary if permission/consent is
granted (not applicable to Advertisement consent proposals):
</div>
<Field
label="a) The development shall begin not later than five years from the date of this decision.
Reason: To comply with Section 91 of the Town and Country Planning Act 1990 / Section 18 of the Town and Country Planning (Listed Building and Conservation Areas) Act 1990."
name="developmentNotBeginLaterThanFiveYears"
id="developmentNotBeginLaterThanFiveYears"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="developmentCarriedOutInAccordance"
datafieldname="developmentCarriedOutInAccordance"
options={["Yes", "No"]}
id="developmentCarriedOutInAccordance"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"b) The development shall be carried out in accordance with the following approved plans and documents: ............................ Reason: To ensure the development is carried out in accordance with the approved documents, plans and drawings submitted with the application."
}
conditionalLabel={
"If Yes, list the approved plans, documents and drawings here or list them in an attached document"
}
optionSelect={"Yes"}
/>
</div>
<Field
label="c) No development shall take place until a scheme for biodiversity enhancement has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
Reason: In the interests of maintaining and enhancing biodiversity, in accordance with Future Wales Policy 9."
name="developmentNotTakePlaceBiodiversity"
id="developmentNotTakePlaceBiodiversity"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<Field
label="d) No development shall take place until a scheme to enable the provision of gigabit capable broadband infrastructure from the site boundary to the dwellings/buildings hereby permitted has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
Reason: To support the roll-out of digital communications infrastructure across Wales in accordance with Policy 13 of Future Wales."
name="developmentNotTakePlaceBroadband"
id="developmentNotTakePlaceBroadband"
component={RenderRadioList}
options={["Yes", "No"]}
type="text"
rows="5"
className="govuk-textarea govuk-input--width-30"
aria-describedby={props.name + "-hint"}
/>
<div className="govuk-form-group">
<Field
name="developmentAnyOtherConditions"
datafieldname="developmentAnyOtherConditions"
options={["Yes", "No"]}
id="developmentAnyOtherConditions"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"25. Do you consider other conditions, or amended versions of the above standard conditions, to be necessary?"
}
conditionalLabel={
"If Yes, list them here or in an attached document. Include reasons and relevant development plan policies. If you intend to send suggested conditions alongside your 4 week statement, state this here."
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">
Before sending, have you attached or provided a web link to:
</h3>
<div className="govuk-form-group">
<Field
name="copyOfApplicantsCertificate"
datafieldname="copyOfApplicantsCertificate"
options={["Yes", "No"]}
id="copyOfApplicantsCertificate"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"26. A copy of the applicants certificate confirming that they notified persons with an interest in the land?"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="advertismentGiven"
datafieldname="advertismentGiven"
options={["Yes", "No"]}
id="advertismentGiven"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"27. Evidence of any publicity given to the application, including site notices and local advertisement?**"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="copyOfLetterOfAppealNotification"
datafieldname="copyOfLetterOfAppealNotification"
options={["Yes", "No"]}
id="copyOfLetterOfAppealNotification"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"28. A copy of the letter with which you notified people of the appeal AND a list of the people you notified?"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"No"}
/>
</div>
<div className="govuk-form-group">
<Field
name="lpaEIAOS"
datafieldname="lpaEIAOS"
options={["Yes", "No"]}
id="lpaEIAOS"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"29. he LPAs Environmental Impact Assessment Screening Opinion, if applicable?"
}
conditionalLabel={
"Insert weblink here if available online. If No, give reasons"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="advertismentConsentDiscontinuanceNotice"
datafieldname="advertismentConsentDiscontinuanceNotice"
options={["Yes", "No"]}
id="advertismentConsentDiscontinuanceNotice"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"30. Advertisement consent proposals only: A true copy of the Discontinuance Notice (if one has been issued)?"
}
conditionalLabel={
"If Yes, state how the use of the site or the display of the advertisement(s) enjoys the benefit of deemed consent"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="detailsOfOtherAppeals"
datafieldname="detailsOfOtherAppeals"
options={["Yes", "No"]}
id="detailsOfOtherAppeals"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"31. Details of other appeals or applications relating to the site, or a nearby site, which are still being considered by PEDW or the Welsh Ministers?"
}
conditionalLabel={
"If Yes, provide reference numbers and, if applicable, attach or insert links to relevant documents"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="detailsOfPreviousAppeals"
datafieldname="detailsOfPreviousAppeals"
options={["Yes", "No"]}
id="detailsOfPreviousAppeals"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"32. Details of any previous appeal decision relating to the site or a nearby site referred to by the LPA or applicant?"
}
conditionalLabel={
"If Yes, provide the reference number(s) and address(es) and attach or insert links to the decision(s) and any relevant application documents"
}
optionSelect={"Yes"}
/>
</div>
<div className="govuk-form-group">
<Field
name="otherRelevantInformation"
datafieldname="otherRelevantInformation"
options={["Yes", "No"]}
id="otherRelevantInformation"
className="govuk-radios__input"
errorMsg={t("newappeal:select-an-option-label")}
component={RenderLPACondtionalRadioList}
validate={[required]}
legend={
"33. Any other relevant information that we should know about?"
}
conditionalLabel={
"If Yes, provide a brief description and attach or insert links to the relevant details"
}
optionSelect={"Yes"}
/>
</div>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
<h3 className="govuk-heading-s ">Declaration</h3>
<div className="govuk-form-group">
<Field
className="govuk-input govuk-!-width-one-half"
id="caseOfficer"
name="caseOfficer"
data-aria-controls="caseOfficer"
type="text"
component={RenderTextfield}
label="Signed"
validate={[required]}
/>
</div>
<div className="govuk-form-group">
{onBehalfOfLPA} seww
<Field
className="govuk-input govuk-!-width-one-half"
id="onBehalfOfLPA"
name="onBehalfOfLPA"
data-aria-controls="caseOfficer"
type="text"
component={RenderTextfield}
label="On behalf of"
validate={[required]}
/>
</div>
<Field
name="signedDate"
id="signedDate"
label="Date"
component={RenderDatePicker}
validate={[required]}
errorMsg="Select a date"
dateStart="0"
dateEnd="1-y"
/>
</fieldset>
<fieldset
className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint"
>
{" "}
<div className="govuk-form-group govuk-!-margin-bottom-9">
<FileUploadField
name={"representationDocuments"}
label={"Add your files"}
ticketnumber={props.props.caseReference}
hint={"sdsd"}
fileList={[]}
setFilesForRepresentation={[]}
containerID={props.containerID}
/>
</div>
</fieldset>
</>
);
};
export default S78_Questionnaire;
// const selector = formValueSelector("representationForm"); //<-- same as form name
// S78_Questionnaire = connect((state) => {
// const representationTypeValue = selector(state, "representationType");
// const procedureTypeValue = selector(state, "procedureType");
// return {
// procedureTypeValue,
// representationTypeValue,
// };
// })(S78_Questionnaire);
// const mapStateToProps = (state, props) => {
// console.log();
// return {
// search: state.search,
// searchResultsObj: state.searchResultsObj,
// formData: state.formData,
// appealType: state.appealType,
// currentView: state.currentView,
// myRepresentations: state.myRepresentations,
// initialValues: state.currentView.caseReference.repDetails,
// };
// };
// export default connect(mapStateToProps)(
// reduxForm({
// form: "representationForm",
// enableReinitialize: true,
// destroyOnUnmount: false,
// })(S78_Questionnaire)
// );
@@ -1,796 +1,9 @@
// import Link from "next/link";
// import { useRouter } from "next/router";
// import useTranslation from "next-translate/useTranslation";
// import { connect } from "react-redux";
// import { Field, reduxForm, formValueSelector } from "redux-form";
// import {
// RenderPickList,
// RenderTextfield,
// RenderRadioList,
// RenderMultiline,
// RenderCondtionalRadioList,
// RenderLPACondtionalRadioList,
// FileUploadField,
// RenderRichMultiline,
// RenderDatePicker,
// } from "./representationElements";
// import {
// setRepresentationCapacity,
// setRepresentationSubmit,
// } from "../../../store/currentView/action";
// import { useDropzone } from "react-dropzone";
// import { select } from "xpath";
// let RepLPAQuestionnaireCheck = (props) => {
// let { t } = useTranslation();
// const router = useRouter();
// const { locale } = router;
// const {
// formObj,
// appellantApplicantRepresentationArr,
// setRepresentationCapacity,
// setRepresentationSubmit,
// currentView,
// procedureTypeValue,
// onBehalfOfLPA,
// } = props;
// return (
// <>
// <div className="govuk-grid-row">
// <div className="govuk-form-group">
// <>
// <fieldset
// className="govuk-fieldset"
// aria-describedby="commentBox-hint"
// >
// <h3 className="govuk-heading-s ">
// Appeal procedure and site visit{" "}
// </h3>
// <div className="govuk-form-group">
// <Field
// label="5. Which procedure do you consider the appeal should follow?"
// name="procedureType"
// optionsArr={[
// "Written representations",
// "Hearing",
// "Inquiry",
// ]}
// id="procedureType"
// component={RenderPickList}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// {(procedureTypeValue == "Hearing" ||
// procedureTypeValue == "Inquiry") && (
// <Field
// label="If Hearing or Inquiry, provide reasons here for why you consider this to be justified"
// name="procedureTypeEvidence"
// id="procedureTypeEvidence"
// component={RenderMultiline}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// richText="false"
// />
// )}
// <Field
// label="6. Will the Inspector need to enter the appeal site/property?"
// name="enterToView"
// id="enterToView"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// <div className="govuk-form-group">
// <Field
// name="enterNeighbouringLandToViewSite"
// datafieldname="enterNeighbouringLandToViewSite"
// options={["Yes", "No"]}
// id="enterNeighbouringLandToViewSite"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "7. Do you consider that the Inspector needs to enter neighbouring private land/property to view the site?"
// }
// conditionalLabel={
// "If Yes, give reasons and provide the neighbouring site address. If you have them, provide the contact details of the landowner in an attachment."
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="enterNeighbouringLandAccessRequired"
// datafieldname="enterNeighbouringLandAccessRequired"
// options={["Yes", "No"]}
// id="enterNeighbouringLandAccessRequired"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "8. If access to private land/buildings is required, are you content for the Inspector to visit the site on an access required basis, with only the landowner or their representative present?"
// }
// conditionalLabel={
// "If No, give reasons for why you consider an Accompanied Site Visit to be necessary"
// }
// optionSelect={"No"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="healthAndSafetyIssues"
// datafieldname="healthAndSafetyIssues"
// options={["Yes", "No"]}
// id="healthAndSafetyIssues"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "9. Are you aware of any health and safety issues which would need to be considered when the Inspector visits the site?"
// }
// conditionalLabel={
// "If Yes, describe the health and safety issues to be considered"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// className="govuk-input govuk-!-width-three-quarters"
// id="LPAcontactDetails"
// name="LPAcontactDetails"
// value="email"
// data-aria-controls="LPAcontactDetails"
// type="text"
// component={RenderRichMultiline}
// label="10. LPA contact for site visit, hearing or inquiry arrangements:"
// />
// </div>
// </div>
// </fieldset>
// <fieldset
// className="govuk-fieldset govuk-!-margin-top-9"
// aria-describedby="commentBox-hint"
// >
// <h3 className="govuk-heading-s ">
// Supporting documents{" "}
// </h3>
// <div className="govuk-form-group">
// <Field
// label="11. LPA case file and representations"
// name="LPAcaseFileAndReps"
// id="LPAcaseFileAndReps"
// component={RenderMultiline}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// richText="false"
// hint="Insert weblink(s) to case file and representations on the LPAs public portal. This must include all documents which were before the LPA at the time of its decision or when the appeal was made. Ensure that you link directly to the case documents list, not to a generic page on the LPAs portal. If web-based comments were also made, insert a second link to that page. Alternatively, state here if you are sending relevant case file documents under separate cover."
// />
// </div>
// <div className="govuk-form-group">
// <Field
// label="12. LPAs adopted local development plan and Proposals Map:"
// name="LPAldpAndMap"
// id="LPAldpAndMap"
// component={RenderMultiline}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// richText="false"
// hint="Insert weblinks to the Written Statement of the adopted LDP/UDP, and the accompanying Proposals Map (including map key). Alternatively, list relevant policies here and attach excerpts."
// />
// </div>
// <div className="govuk-form-group">
// <Field
// label="13. Adopted local guidance relevant to the proposal"
// name="LPAlocalGuidance"
// id="LPAlocalGuidance"
// component={RenderMultiline}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// richText="false"
// hint="Insert weblink(s) to any relevant any local guidance (e.g. Supplementary Planning Guidance, Conservation Area appraisals) which the LPA considers relevant, specifying the document name before the web link. Alternatively, list the relevant guidance and attach copies/excerpts."
// />
// </div>
// <Field
// label="14. If applicable, do you intend to submit a full statement at the 4- week stage?"
// name="LPAintentionToSubmitFullStatement"
// id="LPAintentionToSubmitFullStatement"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// </fieldset>
// <fieldset
// className="govuk-fieldset govuk-!-margin-top-9"
// aria-describedby="commentBox-hint"
// >
// <h3 className="govuk-heading-s ">
// Statutory considerations
// </h3>
// <Field
// label="15. Is all or part of the site within an Area of Outstanding Natural Beauty?"
// name="AONB"
// id="AONB"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// <div className="govuk-form-group">
// <Field
// name="ROW"
// datafieldname="ROW"
// options={["Yes", "No"]}
// id="ROW"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "16. Does the site include any public rights of way?"
// }
// conditionalLabel={
// "If Yes, attach or insert a link to the definitive map and statement for the local area"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="conservationArea"
// datafieldname="conservationArea"
// options={["Yes", "No"]}
// id="conservationArea"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "17. Is all or part of the site within a Conservation Area?"
// }
// conditionalLabel={
// "If Yes, attach or insert links to a plan showing the Conservation Area boundary"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="affectListedBuilding"
// datafieldname="affectListedBuilding"
// options={["Yes", "No"]}
// id="affectListedBuilding"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "18. Would the proposal involve works to, or affect the setting of, a listed building, Scheduled Monument or other designated historic asset?"
// }
// conditionalLabel={
// "If Yes, attach or insert links to the listing description(s) and location plan"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="TPO"
// datafieldname="TPO"
// options={["Yes", "No"]}
// id="TPO"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "19. Is any part of the site subject to a Tree Preservation Order?"
// }
// conditionalLabel={
// "If Yes, attach or insert links to the relevant plan and details"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="natureConservationSite"
// datafieldname="natureConservationSite"
// options={["Yes", "No"]}
// id="natureConservationSite"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "20. Is the site within or likely to affect an International or National Designated Site for nature conservation (as defined in Planning Policy Wales)?"
// }
// conditionalLabel={
// "If Yes, specify the name and attach any relevant details"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="protectedSpecies"
// datafieldname="protectedSpecies"
// options={["Yes", "No"]}
// id="protectedSpecies"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "21. Are any protected species likely to be affected by the proposal?"
// }
// conditionalLabel={
// "If Yes, specify which and attach any relevant details"
// }
// optionSelect={"Yes"}
// />
// </div>
// <Field
// label="22. Does the case involve persons claiming Gypsy/Traveller status, whether or not this is accepted by the LPA?"
// name="gypsyTravellerInvolvment"
// id="gypsyTravellerInvolvment"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// <div className="govuk-form-group">
// <Field
// name="governmentDepartmentComments"
// datafieldname="governmentDepartmentComments"
// options={["Yes", "No"]}
// id="governmentDepartmentComments"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "23. Have you received comments or directions from any government department/agency or statutory undertaker, including in response to a statutory notification or consultation?"
// }
// conditionalLabel={
// "If Yes, specify which and attach any relevant details"
// }
// optionSelect={"Yes"}
// />
// </div>
// </fieldset>
// <fieldset
// className="govuk-fieldset govuk-!-margin-top-9"
// aria-describedby="commentBox-hint"
// >
// <h3 className="govuk-heading-s ">
// Suggested conditions
// </h3>
// <div className="govuk-form-group govuk-body-m">
// 24. Review the following standard conditions and
// advise whether they would be necessary if
// permission/consent is granted (not applicable to
// Advertisement consent proposals):
// </div>
// <Field
// label="a) The development shall begin not later than five years from the date of this decision.
// Reason: To comply with Section 91 of the Town and Country Planning Act 1990 / Section 18 of the Town and Country Planning (Listed Building and Conservation Areas) Act 1990."
// name="developmentNotBeginLaterThanFiveYears"
// id="developmentNotBeginLaterThanFiveYears"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// <div className="govuk-form-group">
// <Field
// name="developmentCarriedOutInAccordance"
// datafieldname="developmentCarriedOutInAccordance"
// options={["Yes", "No"]}
// id="developmentCarriedOutInAccordance"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "b) The development shall be carried out in accordance with the following approved plans and documents: ............................ Reason: To ensure the development is carried out in accordance with the approved documents, plans and drawings submitted with the application."
// }
// conditionalLabel={
// "If Yes, list the approved plans, documents and drawings here or list them in an attached document"
// }
// optionSelect={"Yes"}
// />
// </div>
// <Field
// label="c) No development shall take place until a scheme for biodiversity enhancement has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
// Reason: In the interests of maintaining and enhancing biodiversity, in accordance with Future Wales Policy 9."
// name="developmentNotTakePlaceBiodiversity"
// id="developmentNotTakePlaceBiodiversity"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// <Field
// label="d) No development shall take place until a scheme to enable the provision of gigabit capable broadband infrastructure from the site boundary to the dwellings/buildings hereby permitted has been submitted to and agreed in writing by the local planning authority. Development shall be carried out in accordance with the approved details.
// Reason: To support the roll-out of digital communications infrastructure across Wales in accordance with Policy 13 of Future Wales."
// name="developmentNotTakePlaceBroadband"
// id="developmentNotTakePlaceBroadband"
// component={RenderRadioList}
// options={["Yes", "No"]}
// type="text"
// rows="5"
// className="govuk-textarea govuk-input--width-30"
// aria-describedby={props.name + "-hint"}
// />
// <div className="govuk-form-group">
// <Field
// name="developmentAnyOtherConditions"
// datafieldname="developmentAnyOtherConditions"
// options={["Yes", "No"]}
// id="developmentAnyOtherConditions"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "25. Do you consider other conditions, or amended versions of the above standard conditions, to be necessary?"
// }
// conditionalLabel={
// "If Yes, list them here or in an attached document. Include reasons and relevant development plan policies. If you intend to send suggested conditions alongside your 4 week statement, state this here."
// }
// optionSelect={"Yes"}
// />
// </div>
// </fieldset>
// <fieldset
// className="govuk-fieldset govuk-!-margin-top-9"
// aria-describedby="commentBox-hint"
// >
// <h3 className="govuk-heading-s ">
// Before sending, have you attached or provided a
// web link to:
// </h3>
// <div className="govuk-form-group">
// <Field
// name="copyOfApplicantsCertificate"
// datafieldname="copyOfApplicantsCertificate"
// options={["Yes", "No"]}
// id="copyOfApplicantsCertificate"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "26. A copy of the applicants certificate confirming that they notified persons with an interest in the land?"
// }
// conditionalLabel={
// "Insert weblink here if available online. If No, give reasons"
// }
// optionSelect={"No"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="advertismentGiven"
// datafieldname="advertismentGiven"
// options={["Yes", "No"]}
// id="advertismentGiven"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "27. Evidence of any publicity given to the application, including site notices and local advertisement?**"
// }
// conditionalLabel={
// "Insert weblink here if available online. If No, give reasons"
// }
// optionSelect={"No"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="copyOfLetterOfAppealNotification"
// datafieldname="copyOfLetterOfAppealNotification"
// options={["Yes", "No"]}
// id="copyOfLetterOfAppealNotification"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "28. A copy of the letter with which you notified people of the appeal AND a list of the people you notified?"
// }
// conditionalLabel={
// "Insert weblink here if available online. If No, give reasons"
// }
// optionSelect={"No"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="lpaEIAOS"
// datafieldname="lpaEIAOS"
// options={["Yes", "No"]}
// id="lpaEIAOS"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "29. If Yes, insert weblink or attach a copy of the Screening Opinion and any related correspondence"
// }
// conditionalLabel={
// "Insert weblink here if available online. If No, give reasons"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="advertismentConsentDiscontinuanceNotice"
// datafieldname="advertismentConsentDiscontinuanceNotice"
// options={["Yes", "No"]}
// id="advertismentConsentDiscontinuanceNotice"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "30. Advertisement consent proposals only: A true copy of the Discontinuance Notice (if one has been issued)?"
// }
// conditionalLabel={
// "If Yes, state how the use of the site or the display of the advertisement(s) enjoys the benefit of deemed consent"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="detailsOfOtherAppeals"
// datafieldname="detailsOfOtherAppeals"
// options={["Yes", "No"]}
// id="detailsOfOtherAppeals"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "31. Details of other appeals or applications relating to the site, or a nearby site, which are still being considered by PEDW or the Welsh Ministers?"
// }
// conditionalLabel={
// "If Yes, provide reference numbers and, if applicable, attach or insert links to relevant documents"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="detailsOfPreviousAppeals"
// datafieldname="detailsOfPreviousAppeals"
// options={["Yes", "No"]}
// id="detailsOfPreviousAppeals"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "32. Details of any previous appeal decision relating to the site or a nearby site referred to by the LPA or applicant?"
// }
// conditionalLabel={
// "If Yes, provide the reference number(s) and address(es) and attach or insert links to the decision(s) and any relevant application documents"
// }
// optionSelect={"Yes"}
// />
// </div>
// <div className="govuk-form-group">
// <Field
// name="otherRelevantInformation"
// datafieldname="otherRelevantInformation"
// options={["Yes", "No"]}
// id="otherRelevantInformation"
// className="govuk-radios__input"
// errorMsg={t(
// "newappeal:select-an-option-label"
// )}
// component={RenderLPACondtionalRadioList}
// validate={[required]}
// legend={
// "33. Any other relevant information that we should know about?"
// }
// conditionalLabel={
// "If Yes, provide a brief description and attach or insert links to the relevant details"
// }
// optionSelect={"Yes"}
// />
// </div>
// </fieldset>
// <fieldset
// className="govuk-fieldset govuk-!-margin-top-9"
// aria-describedby="commentBox-hint"
// >
// <h3 className="govuk-heading-s ">Declaration</h3>
// <div className="govuk-form-group">
// <Field
// className="govuk-input govuk-!-width-one-half"
// id="caseOfficer"
// name="caseOfficer"
// data-aria-controls="caseOfficer"
// type="text"
// component={RenderTextfield}
// label="Signed"
// validate={[required]}
// />
// </div>
// <div className="govuk-form-group">
// {onBehalfOfLPA} seww
// <Field
// className="govuk-input govuk-!-width-one-half"
// id="onBehalfOfLPA"
// name="onBehalfOfLPA"
// data-aria-controls="caseOfficer"
// type="text"
// component={RenderTextfield}
// label="On behalf of"
// validate={[required]}
// />
// </div>
// <Field
// name="signedDate"
// id="signedDate"
// label="Date"
// component={RenderDatePicker}
// validate={[required]}
// errorMsg="Select a date"
// dateStart="0"
// dateEnd="1-y"
// />
// </fieldset>
// <fieldset
// className="govuk-fieldset govuk-!-margin-top-9"
// aria-describedby="commentBox-hint"
// >
// {" "}
// <div className="govuk-form-group govuk-!-margin-bottom-9">
// <FileUploadField
// name={"representationDocuments"}
// label={"Add your files"}
// ticketnumber={props.props.caseReference}
// hint={"sdsd"}
// fileList={[]}
// setFilesForRepresentation={[]}
// containerID={
// props.props.props.props.accountDetails
// .containerID
// }
// />
// </div>
// </fieldset>
// </>
// </div>{" "}
// </div>
// </>
// );
// };
// const selector = formValueSelector("representationForm"); // <-- same as form name
// RepLPAQuestionnaire = connect((state) => {
// const representationTypeValue = selector(state, "representationType");
// const procedureTypeValue = selector(state, "procedureType");
// return {
// procedureTypeValue,
// representationTypeValue,
// };
// })(RepLPAQuestionnaire);
// const mapStateToProps = (state, props) => {
// console.log();
// return {
// initialValues: {
// onBehalfOfLPA:
// props.props.props.props.accountDetails.accountDetails[
// "pinswg_contact_associatedlpa@OData.Community.Display.V1.FormattedValue"
// ],
// },
// };
// };
// export default connect(mapStateToProps)(
// reduxForm({
// form: "representationForm",
// enableReinitialize: true,
// destroyOnUnmount: false,
// })(RepLPAQuestionnaire)
// );
import _ from "lodash";
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
let RepLPAQuestionnaireCheck = (props) => {
let RepLPAQuestionnaireCheck_enforcement = (props) => {
let { t } = useTranslation();
const { formObj, currentView, setSubmitBack } = props;
const repFormData = formObj.representationForm.values;
@@ -2577,4 +1790,4 @@ let RepLPAQuestionnaireCheck = (props) => {
</>
);
};
export default RepLPAQuestionnaireCheck;
export default RepLPAQuestionnaireCheck_enforcement;
File diff suppressed because it is too large Load Diff