added in message queue for applications and reps

components/case/representation/index.js

@@ -19,6 +19,8 @@ import {
     setRepresentationSubmit,
     setSubmitBack,
     setRepresentationSubmitConfirmation,
+    setRepresentationMessageSent,
+    setRepresentationReset,
 } from "../../../store/currentView/action";
 import RepCapacitySelection from "./representationCapacitySelection";
 import RepDetails from "./representationDetails";
@@ -65,6 +67,7 @@ let MakeRepresentation = (props) => {
         setSubmitBack,
         handleSubmit,
         setRepresentationSubmitConfirmation,
+        setRepresentationMessageSent,
     } = props;
     const formObj = props.props.form;
     let setCaseQueryObj = props[currentType] || {};
@@ -388,9 +391,13 @@ let MakeRepresentation = (props) => {
                         setRepresentationSubmit={setRepresentationSubmit}
                         currentView={currentView}
                         setSubmitBack={setSubmitBack}
+                        setRepresentationMessageSent={
+                            setRepresentationMessageSent
+                        }
                         setRepresentationSubmitConfirmation={
                             setRepresentationSubmitConfirmation
                         }
+                        props={props}
                     />
                 ) : (
                     <>
@@ -453,6 +460,12 @@ const mapDispatchToProps = (dispatch) => {
         setRepresentationSubmitConfirmation: () => {
             dispatch(setRepresentationSubmitConfirmation(true));
         },
+        setRepresentationMessageSent: (messageSent) => {
+            dispatch(setRepresentationMessageSent(messageSent));
+        },
+        setRepresentationReset: () => {
+            dispatch(setRepresentationReset());
+        },
     };
 };
 

components/case/representation/representationComplete.js

@@ -1,19 +1,11 @@
+import useTranslation from "next-translate/useTranslation";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-} from "./representationElements";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-    setSubmitBack,
-} from "../../../store/currentView/action";
+import { useEffect } from "react";
+
 import { useDropzone } from "react-dropzone";
+import { sendEmail, sendRepCompleteMessage } from "../../../actions";
+import { setRepresentationReset } from "../../../store/currentView/action";
 
 const RepComplete = (props) => {
     let { t } = useTranslation();
@@ -28,6 +20,7 @@ const RepComplete = (props) => {
         currentView,
         setSubmitBack,
         setRepresentationSubmitConfirmation,
+        setRepresentationMessageSent,
     } = props;
     const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
     const files = acceptedFiles.map((file) => (
@@ -36,6 +29,28 @@ const RepComplete = (props) => {
         </li>
     ));
 
+    useEffect(() => {
+        const reference = "PEDW-REPRESENTATION-COMPLETE";
+        const templateId = "c49785e7-3217-40b6-b33f-dffc4e58d5c1";
+        const emailAddress =
+            props.props.props.props.accountDetails.accountDetails.emailaddress1;
+        const personalisation = {
+            "caseReference":
+                props.props.currentView.caseReference.currentReference,
+            "emailAddress":
+                props.props.props.props.accountDetails.accountDetails
+                    .emailaddress1,
+            "linkExpiry": 10 * 60,
+        };
+
+        props.props.currentView.representationMessageSent != true &&
+            (sendRepCompleteMessage(
+                props.props.props.props.accountDetails.containerID,
+                props.props.currentView.caseReference.currentReference
+            ),
+            sendEmail(templateId, emailAddress, personalisation, reference),
+            setRepresentationMessageSent(true));
+    });
     return (
         <div id="rep-appellant">
             <div className="govuk-grid-column-full">
@@ -64,7 +79,12 @@ const RepComplete = (props) => {
                 <div className="govuk-grid-row">
                     <div className="govuk-button-group">
                         <Link href="/myportal">
-                            <a className="govuk-button">Continue</a>
+                            <a
+                                onClick={() => setRepresentationReset()}
+                                className="govuk-button"
+                            >
+                                Continue
+                            </a>
                         </Link>
                     </div>
                 </div>

components/case/representation/representationCompleteSubmit.js

@@ -1,22 +1,8 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
+import _ from "lodash";
 import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-} from "./representationElements";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-    setSubmitBack,
-    setRepresentationSubmitConfirmation,
-} from "../../../store/currentView/action";
+import { useRouter } from "next/router";
 import { useDropzone } from "react-dropzone";
 import RepComplete from "./representationComplete";
-import _ from "lodash";
 
 const RepCompleteSubmit = (props) => {
     let { t } = useTranslation();
@@ -31,6 +17,8 @@ const RepCompleteSubmit = (props) => {
         currentView,
         setSubmitBack,
         setRepresentationSubmitConfirmation,
+        setRepresentationMessageSent,
+        setRepresentationReset,
     } = props;
     const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
     const files = acceptedFiles.map((file) => (
@@ -44,7 +32,11 @@ const RepCompleteSubmit = (props) => {
     return (
         <>
             {currentView.representationSubmitConfirmation == true ? (
-                <RepComplete />
+                <RepComplete
+                    props={props}
+                    setRepresentationMessageSent={setRepresentationMessageSent}
+                    setRepresentationReset={setRepresentationReset}
+                />
             ) : (
                 <div id="rep-appellant">
                     <div className="govuk-grid-column-full">