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

import fs from "fs"; import { JSONPath as jsonpath } from "jsonpath-plus"; 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 { getAppealsTypesForNewAppeal, getIP, getMandatoryFields, getPickLists, getProgressFromBlob, getPersonalAccount, } from "../../actions"; 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 { getSession } from "next-auth/react"; import { setContainerID, setLoggedInUserEmail, setLoggedInUserId, setAccountDetails, } from "../../store/accountDetails/action"; import { setAppealLPA, setAppealType, setAppealTypeID, setAppealTypeTitle, setCaseReference, } from "../../store/appealType/action"; import { setForm } from "../../store/formData/action"; import { wrapper } from "../../store/store"; import ServiceBanner from "../../components/myportal/servicebanner"; 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( "$..[?(@.attributevalue=='" + router.query.apt + "')]", optionsStr ); //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; getIP(req); const { cookies } = req; console.log(cookies); console.log("the query", query); console.log("ref:", query.id); let loggedInUser = cookies.pinsUser; let thisSession = await getSession(ctx); //console.log("nextAuth Session:", thisSession); if (!thisSession) { console.log("not has sesssion......."); return { redirect: { destination: "/auth/signin", permanent: false, }, }; } let loggedInUserIdent = thisSession.user.id; let loggedInUserEmail = thisSession.user.email; console.log("logged ident:", loggedInUserIdent, loggedInUserEmail); const [ appealTypeData, mandatoryFieldsData, pickListData, //blobList, ] = await Promise.all([ await getAppealsTypesForNewAppeal(), await getMandatoryFields(query.appealtypes), await getPickLists(query.appealtypes), //await getFilesFromBlob(query.casereference), ]); const blobProgress = await getProgressFromBlob( loggedInUserIdent, query.id ); const accountDetails = await getPersonalAccount(loggedInUser); console.log("anything here", loggedInUser, query.id, blobProgress); let caseReference = {}; caseReference.ticketnumber = query.id; caseReference.incidentid = query.id; caseReference.caseDetails = blobProgress; //searchDetailsObj; 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(); store.dispatch(setLoggedInUserId(loggedInUser)); store.dispatch(setLoggedInUserEmail(loggedInUserEmail)); store.dispatch(setAppealLPA(query.lpa)); store.dispatch(setAppealTypeID(query.apt)); store.dispatch(setCaseReference(caseReference)); store.dispatch(setForm(xmlStr, mandatoryFieldsData, pickListData)); store.dispatch(setAppealType(appealTypeData)); store.dispatch(setContainerID(thisSession.user.id)); store.dispatch(setAccountDetails(accountDetails)); //store.dispatch(setFilesForAppeal(blobList)); return { props: { url: process.env.NEXTAUTH_URL }, }; } ); const mapStateToProps = (state) => { return { search: state.search, searchResultsObj: state.searchResultsObj, formData: state.formData, appealType: state.appealType, form: state.form, accountDetails: state.accountDetails, }; }; const mapDispatchToProps = (dispatch) => { return { setFormTitle: (title) => { dispatch(setAppealTypeTitle(title)); }, setCaseReference: (refno) => { dispatch(setCaseReference(refno)); }, }; }; export default connect(mapStateToProps, mapDispatchToProps)(Home);