{t("newappeal:page-title")} - {t("common:service-name")}

import fs from "fs"; import jsonpath from "jsonpath"; import useTranslation from "next-translate/useTranslation"; import Head from "next/head"; import { useRouter } from "next/router"; import { useEffect } from "react"; import { connect } from "react-redux"; import xpath from "xpath"; import { createCase, getAppealsTypes, getMandatoryFields, getPickLists, } from "../../actions"; import { getProviderConfig } from "../../actions/govgateway"; import Breadcrumbs from "../../components/breadcrumbs"; import CookieBanner from "../../components/cookieBanner"; import Footer from "../../components/footer"; import Header from "../../components/header"; import BuildCheckSection from "../../components/newappeal/buildchecksection"; import BuildSection from "../../components/newappeal/buildsection"; import CompleteAppeal from "../../components/newappeal/complete"; import TimeOut from "../../components/timeout"; import { setLoggedInUserId } from "../../store/accountDetails/action"; import { setAppealLPA, setAppealType, setAppealTypeID, setAppealTypeTitle, setCaseReference, } from "../../store/appealType/action"; import { setForm } from "../../store/formData/action"; import { getGovGatewayConfig } from "../../store/govgateway/action"; import { wrapper } from "../../store/store"; let Home = (props) => { const { footerLinks, pages, formData } = props; let { t, lang } = useTranslation(); const router = useRouter(); const { locale } = router; const { appealtypes } = router.query; useEffect(() => { //setFormTitle(formTitle); setCaseReference(router.query.refno); }, []); // eslint-disable-line react-hooks/exhaustive-deps const formXML = props.formData.formData; const parser = new DOMParser(); var doc = parser.parseFromString(formXML, "text/xml"); var titles = xpath.select( "//form/tabs/tab[*]/labels/label[@description]/@description", doc ); var sectionCount = xpath.select("/form/tabs/tab[*]", doc); sectionCount = sectionCount.length; var tabs = xpath.select("//form/tabs/tab[*]", doc); let optionsStr = props.appealType.appealTypeOptions.value; // let selectedObj = jsonpath.query(optionsStr, "$..value"); let selectedObj = jsonpath.query( optionsStr, "$..[?(@.attributevalue=='" + router.query.apt + "')]" ); //let optionsTitleObj = []; // const optionsTitleObj = selectedObj.reduce( // (obj, arrValue) => ( // (obj[arrValue] = arrValue // .replace(/(\band|[\s\-\+\(\)\,\&])/g, "") // .toLowerCase() // .slice(0, 39)), // obj // ), // {} // ); const formTitle = selectedObj[0].value; const { onSubmit } = props; return (

{t("newappeal:page-title")} - {t("common:service-name")} <> {/* If they have a Twitter Handle, include the meta details below */}

{props.appealType.currentSection == 9999 ? ( ) : props.appealType.currentSection == sectionCount + 1 ? ( ) : ( <> )}

); }; export const getServerSideProps = wrapper.getServerSideProps( (store) => async (ctx) => { const { query, req, res } = ctx; const { cookies } = req; console.log(cookies); console.log("the query", query); let loggedInUser = cookies.pinsUser; const [ caseReferenceData, appealTypeData, mandatoryFieldsData, pickListData, ] = await Promise.all([ await createCase(query.apt, query.lpa, loggedInUser), await getAppealsTypes(), await getMandatoryFields(query.appealtypes), await getPickLists(query.appealtypes), ]); let caseReference = caseReferenceData; var path = require("path"); const configDirectory = path.resolve(process.cwd(), "data/formsxml"); var xmlStr = fs.readFileSync( path.join(configDirectory, query.appealtypes + ".xml"), "utf8" ); // xmlStr = formdata.value[0].formxml; xmlStr = xmlStr.replace(/\t/g, ""); xmlStr = xmlStr.replace(/\n/g, ""); xmlStr = xmlStr.replace(/> <"/g, "><"); xmlStr = xmlStr.toString(); const providerConfig = await getProviderConfig(); store.dispatch(getGovGatewayConfig(providerConfig)); store.dispatch(setLoggedInUserId(loggedInUser)); store.dispatch(setAppealLPA(query.lpa)); store.dispatch(setAppealTypeID(query.apt)); store.dispatch(setCaseReference(caseReference)); store.dispatch(setForm(xmlStr, mandatoryFieldsData, pickListData)); store.dispatch(setAppealType(appealTypeData)); } ); const mapStateToProps = (state) => { return { search: state.search, searchResultsObj: state.searchResultsObj, formData: state.formData, appealType: state.appealType, form: state.form, accountDetails: state.accountDetails, govGateway: state.govGateway, }; }; const mapDispatchToProps = (dispatch) => { return { setFormTitle: (title) => { dispatch(setAppealTypeTitle(title)); }, setCaseReference: (refno) => { dispatch(setCaseReference(refno)); }, }; }; export default connect(mapStateToProps, mapDispatchToProps)(Home);