\n \n The DHC should be used as a 'Self-help' tool to allow you to\n reflect on how the project is progressing. Hence, it may be\n worth completing with the project team. There are 2 DHC\n surveys: Content Assurance and Software Engineering, as well\n as a Risk Assessment Matrix which will determine whether a\n formal TA review is required.\n \n
\n \n ) : project.listOfProjects.length !== 0 ? (\n \n ) : (\n <>\n )}\n \n \n );\n }\n);\n\nexport default ProjectView;\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n margin: 'auto',\n width: '80%',\n },\n footer: {\n marginTop: '50px',\n marginRight: '10px',\n color: 'rgba(0, 0, 0, 0.54)',\n },\n inputField: { width: 500 },\n margin: {\n height: theme.spacing(2),\n },\n icon: {\n borderRadius: '50%',\n width: 16,\n height: 16,\n boxShadow:\n 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\n backgroundColor: '#f5f8fa',\n backgroundImage:\n 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\n '$root.Mui-focusVisible &': {\n outline: '2px auto rgba(19,124,189,.6)',\n outlineOffset: 2,\n },\n 'input:hover ~ &': {\n backgroundColor: '#ebf1f5',\n },\n 'input:disabled ~ &': {\n boxShadow: 'none',\n background: 'rgba(206,217,224,.5)',\n },\n },\n checkedIcon: {\n backgroundColor: '#ffc107',\n backgroundImage:\n 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\n '&:before': {\n display: 'block',\n width: 16,\n height: 16,\n backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',\n content: '\"\"',\n },\n 'input:hover ~ &': {\n backgroundColor: '#ffc107',\n },\n },\n}));\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport SurveyView from './SurveyView';\n\nconst surveyHeading = {\n CA: 'Content Assurance Survey',\n SE: 'Software Engineering Survey',\n};\n\nexport default function Survey(props) {\n const [queId, setQueId] = useState(0);\n const [viewDesc, setViewDesc] = useState(false);\n const classes = useStyles();\n\n console.log(props);\n\n let {\n surveyQuestions,\n agreementLevels,\n contentSurveyResult,\n softwareSurveyResult,\n setContentSurveyResult,\n setSoftwareSurveyResult,\n Heading,\n incremental = 0,\n marks = agreementLevels.map((val) => {\n let res = {\n AgreementID: val.AgreementID,\n AgreementValueID: val.AgreementValueID,\n value: incremental,\n label: val.AgreementLevel,\n };\n incremental = (incremental || 0) + 25;\n return res;\n }),\n } = props;\n const onSliderChange = (event = {}, value, id) => {\n let ids = id,\n [Qid, Sid, RecommendedLevelofAgreementID] = ids.split('_');\n let index = marks.findIndex((mark) => mark.AgreementValueID === value),\n getResult = (inputContent) => {\n let content = inputContent;\n let contentIndex = content.findIndex((res) => res.QuestionID === Qid);\n\n if (contentIndex >= 0) {\n content[contentIndex].LevelofAgreementID =\n marks[index].AgreementValueID;\n content[contentIndex].SurveyID = Sid;\n } else {\n content.push({\n QuestionID: Qid,\n SurveyID: Sid,\n RecommendedLevelofAgreementID: RecommendedLevelofAgreementID,\n LevelofAgreementID: marks[index].AgreementValueID,\n });\n }\n props.setCount(Heading, content.length);\n return content;\n };\n\n if (surveyHeading[Heading] === surveyHeading.CA) {\n setContentSurveyResult(getResult(contentSurveyResult));\n } else if (surveyHeading[Heading] === surveyHeading.SE) {\n setSoftwareSurveyResult(getResult(softwareSurveyResult));\n }\n };\n\n const handleIconClicks = (questionId) => {\n setQueId(questionId);\n setViewDesc(!viewDesc);\n };\n\n return (\n
\n {surveyQuestions.map((data, index) => {\n if (\n surveyHeading[Heading] === surveyHeading.CA &&\n data.SurveyID === 2\n ) {\n const found = contentSurveyResult.find(\n (item) => Number(item.QuestionID) === data.QuestionID\n );\n\n return (\n
\n );\n}\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: 300 + theme.spacing(3) * 4,\n },\n margin: {\n height: theme.spacing(3),\n },\n survey: {\n flexGrow: 1,\n marginLeft: '50px',\n },\n formControl: {\n margin: theme.spacing(1),\n minWidth: 200,\n },\n}));\n","import React, { useState, useEffect, useContext, useRef } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport {\n Paper,\n IconButton,\n TextField,\n Typography,\n Grid,\n} from \"@material-ui/core\";\nimport { Send } from \"@material-ui/icons\";\nimport { api, details } from \"../../api\";\nimport { Context, actions } from \"../../context\";\nimport { formatDate } from \"../../common/helper\";\n\nexport default function Comments({ expandedFeedback, projectid }) {\n const classes = useStyles();\n const [state, dispatch] = useContext(Context);\n const [reviewComments, setReviewComments] = useState([]);\n const [feedback, setFeedback] = useState(\"\");\n const [disableButton, setDisableButton] = useState(true);\n const loginUser = localStorage.getItem(\"loginUser\")\n ? JSON.parse(localStorage.getItem(\"loginUser\"))\n : {};\n const {\n BASE_URL,\n GET_GETSURVEYCOMMENTS_URL: GET_GetSurveyComments_URL,\n POST_SAVECOMMENTS_URL: POST_SaveComments_URL,\n } = details;\n\n const usePrevious = (value) => {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n };\n\n const previousFeedback = usePrevious(feedback);\n\n useEffect(() => {\n if (feedback !== previousFeedback) {\n getComments();\n }\n return () => {};\n }, []);\n\n const addComments = (event, id) => {\n setDisableButton(true);\n event.preventDefault();\n let url = `${BASE_URL}${POST_SaveComments_URL}`;\n let { UserID, EmailID, FirstName, LastName } = loginUser;\n\n let _comments = {\n EmailID,\n FirstName,\n LastName,\n CommenterID: UserID,\n ProjectID: id,\n Comment: feedback,\n CommentDate: new Date().toISOString(),\n };\n\n api\n .postCalls(\"addComments\", url, _comments)\n .then((res) => {\n let { error } = res;\n if (error) {\n setBanner(true, \"error\", error);\n setDisableButton(true);\n } else {\n setFeedback(\"\");\n setDisableButton(true);\n getComments();\n }\n })\n .catch((err) => {\n err && setBanner(true, \"error\", err);\n });\n };\n\n const getComments = () => {\n let url = `${BASE_URL}${GET_GetSurveyComments_URL}`;\n api\n .getCalls(\"fetchSurveyComments\", url)\n .then((response) => {\n let { data: { recordset = [] } = {}, error } = response;\n error ? setBanner(true, \"error\", error) : setReviewComments(recordset);\n })\n .catch((err) => {\n err && setBanner(true, \"error\", err);\n });\n };\n\n const setBanner = (show, type = \"error\", message) => {\n dispatch({\n type: actions.SET_Banner,\n payload: {\n show,\n type,\n message,\n },\n });\n };\n\n const feedbackContent = (id) => {\n return (\n \n
\n );\n } else if (\n surveyHeading[Heading] === surveyHeading.SE &&\n data.SurveyID === 1\n ) {\n const found = softwareSurveyResult.find(\n (item) => Number(item.QuestionID) === data.QuestionID\n );\n return (\n \n
\n );\n }\n })}\n \n
\n ) : null;\n};\n\nexport default TokenRefresher;\n","import React, { useContext } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Backdrop, Modal, Fade, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { Context, actions } from '../context';\n\nconst useStyles = makeStyles((theme) => ({\n modal: {\n width: '55%',\n margin: 'auto',\n marginTop: '6%',\n },\n icon: {\n height: '20px',\n width: '20px',\n },\n paper: {\n backgroundColor: theme.palette.background.paper,\n border: '4px solid #FBCE07',\n },\n}));\n\nconst InfoModal = () => {\n const [state, dispatch] = useContext(Context);\n const { infoFlag } = state;\n const classes = useStyles();\n\n const handleModalClose = () => {\n dispatch({\n type: actions.SET_InfoModalFlag,\n payload: false,\n });\n };\n\n return (\n \n
\n \n
\n \n {\n setLastActivity(Date.now());\n setShowWarning(false);\n }}\n className=\"continue-button\"\n >\n Continue\n \n
\n Session Timeout
\n\n Session will be timed out in{\" \"}\n {Math.ceil(remainingTime)} seconds.\n
\n\n \n \n \n \n
\n );\n};\n\nexport default InfoModal;\n","import React, { useEffect, useState, useContext } from 'react';\nimport {\n getAccessToken,\n redirectToPingId,\n decodeAccessToken,\n validateUser,\n} from './services';\nimport { actions, Context } from '../../context';\nimport TokenRefresher from './TokenRefresher';\nimport { useHistory } from 'react-router-dom';\nimport config from '../../config';\nimport InfoModal from '../../common/infoModal';\nimport { Loading } from '@sede-x/shell-ds-react-framework';\n\nconst Authenticator = ({ children }) => {\n const [state, dispatch] = useContext(Context);\n const { infoFlag } = state;\n const [userData, setUserData] = useState(null);\n const [_error, setError] = useState('');\n const [authTokens, setAuthTokens] = useState(null);\n const history = useHistory();\n\n useEffect(() => {\n const validateUserAndUpdate = async () => {\n const {\n access_token: accessToken,\n refresh_token: refreshToken,\n expires_in: expiresIn,\n clientId,\n } = authTokens;\n const basicUserDetails = decodeAccessToken(accessToken);\n const userDetails = await validateUser(basicUserDetails);\n localStorage.setItem(\n 'loginUser',\n JSON.stringify({ isLogIn: true, ...userDetails, clientId })\n );\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 0,\n },\n });\n setUserData({\n ...userDetails,\n accessToken,\n refreshToken,\n expiresIn,\n clientId,\n });\n };\n\n const authenticate = async () => {\n try {\n const clientId = config.CLIENT_ID;\n const accessTokens = await getAccessToken(clientId);\n localStorage.setItem('tokenDetails', JSON.stringify(accessTokens));\n if (!accessTokens) {\n return redirectToPingId(clientId);\n }\n setAuthTokens({ ...accessTokens, clientId });\n history.push('/home');\n } catch (err) {\n setError(err);\n }\n return undefined;\n };\n\n if (userData) {\n return;\n }\n\n if (authTokens) {\n validateUserAndUpdate();\n } else {\n authenticate();\n }\n }, [authTokens]);\n\n if (!userData) {\n return (\n \n \n \n
\n \n
\n );\n }\n\n return (\n <>\n \n \n {`${\n data.QuestionID === 1 || data.QuestionID === 2\n ? \"\"\n : `${data.QuestionID - 2}.`\n } ${data.Question}`}\n \n\n {data.SectionID !== 0 ? (\n data.choiceList.map((cData, _i) => {\n return (\n \n handleChoiceChange(e, data.QuestionID)}\n />\n \n );\n })\n ) : data.QuestionID === 2 && selectedProject.FunnelProjectID ? (\n selectedFlag === \"existingProject\" ? (\n {selectedProject.FunnelProjectID} \n ) : (\n {formData.FunnelProjectID} \n )\n ) : data.QuestionID === 1 ? (\n selectedFlag === \"existingProject\" ? (\n {selectedProject.ProjectName} \n ) : (\n {formData.Name} \n )\n ) : data.QuestionID === 16 || data.QuestionID === 17 ? (\n <>\n {checkArrForYesOrNo().map((item) => (\n \n handleSelectionChange(e, index)}\n />\n \n ))}\n \n ) : data.QuestionID === 18 ? (\n <>\n {checkArr().map((item) => (\n \n \n ))}\n\n {checked.noneoftheabove && (\n handleCustomFieldData(e)}\n bottomLeftHelper={{\n content: errors.customContain ? errors.customContain : \"\",\n sentiment: \"negative\",\n }}\n autoComplete=\"new-password\"\n >\n \n handleSelectionChange(e, index)}\n />\n \n ))}\n \n ) : (\n <>\n )}\n
\n );\n}\n","import React, { useState, useContext, useEffect } from \"react\";\nimport RiskAssessmentSurveyView from \"./RiskAssessmentSurveyView\";\nimport { details } from \"../../api\";\nimport axios from \"axios\";\nimport { Context, actions } from \"../../context\";\nimport { useHistory } from \"react-router-dom\";\nimport get from \"lodash.get\";\nimport SnackBar from \"../SnackBars\";\nimport {\n Button,\n Card,\n Heading,\n Loading,\n Modal,\n Text,\n} from \"@sede-x/shell-ds-react-framework\";\nimport { InfoCircle } from \"@sede-x/shell-ds-react-framework/build/esm/components/Icon/components\";\nimport \"./RiskAssesment.css\";\n\nconst colorList = [];\n\nexport default function RiskAssessment() {\n const [open, setOpen] = useState(false);\n const handleOnClose = () => setOpen(false);\n const [customContain, setCustomContain] = useState(\"\");\n const [state, dispatch] = useContext(Context);\n const [errors, setErrors] = useState({});\n const [checked, setChecked] = React.useState({\n mathematics: false,\n computationalScience: false,\n dataScience: false,\n statistics: false,\n appliedPhysics: false,\n optimization: false,\n machineVision: false,\n NLP: false,\n AIAutomation: false,\n Visualization: false,\n noneoftheabove: false,\n });\n const defaultColorCode = [\n { sId: 1, lId: 1, color: \"#008443\" },\n { sId: 1, lId: 2, color: \"#EB8705\" },\n { sId: 1, lId: 3, color: \"#EB8705\" },\n { sId: 2, lId: 1, color: \"#EB8705\" },\n { sId: 2, lId: 2, color: \"#EB8705\" },\n { sId: 2, lId: 3, color: \"#DD1D21\" },\n { sId: 3, lId: 1, color: \"#EB8705\" },\n { sId: 3, lId: 2, color: \"#DD1D21\" },\n { sId: 3, lId: 3, color: \"#DD1D21\" },\n ];\n const {\n GET_RAM_QUESTIONS_URL,\n BASE_URL,\n POST_RAMDETAILS_URL,\n POST_PROJECTDETAILS_URL,\n POST_SURVEYDETAILS_URL,\n SAVE_EDT_SURVEY,\n } = details;\n const {\n newProjectID,\n project,\n RAMFinalData,\n formData,\n surveyAllData,\n ramQuestions,\n selectedProject,\n DHCID,\n EDT,\n banner,\n selectedFlag,\n EDTSurvey,\n } = state;\n\n const [formSubmit, setFormSubmit] = useState(false);\n const history = useHistory();\n const loginUser = localStorage.getItem(\"loginUser\")\n ? JSON.parse(localStorage.getItem(\"loginUser\"))\n : {};\n\n useEffect(() => {\n if (!formSubmit) {\n window.addEventListener(\"beforeunload\", alertUser);\n return () => {\n window.removeEventListener(\"beforeunload\", alertUser);\n };\n }\n }, [formSubmit]);\n\n const alertUser = (e) => {\n e.preventDefault();\n e.returnValue = \"You have unsaved changes, are you sure you want to leave?\";\n };\n\n useEffect(() => {\n console.log(formSubmit);\n\n if (!formSubmit) {\n const unblock = history.block((location, action) => {\n if (action === \"PUSH\" && location.pathname !== \"/ramResult\") {\n return window.confirm(\n \"You have unsaved changes, are you sure you want to leave this page?\"\n );\n }\n return true;\n });\n return () => unblock();\n }\n }, [history, formSubmit]);\n\n useEffect(() => {\n console.log(\"RAMFinalData\", RAMFinalData);\n console.log(\"formData\", formData);\n console.log(\"surveyAllData\", surveyAllData);\n }, []);\n const handleCustomFieldData = (e) => {\n setCustomContain(e.target.value);\n };\n\n // for Project Contents\n const handleChecked = (event) => {\n if (event.target.name === \"noneoftheabove\") {\n setChecked({\n mathematics: false,\n computationalScience: false,\n dataScience: false,\n statistics: false,\n appliedPhysics: false,\n [event.target.name]: event.target.checked,\n });\n } else {\n setErrors({});\n setChecked({\n ...checked,\n noneoftheabove: false,\n [event.target.name]: event.target.checked,\n });\n }\n };\n\n const handleSelectionChange = (e, index) => {\n console.log(index, e.target.value);\n ramQuestions[index].selectedChoice = e.target.value;\n dispatch({\n type: actions.SET_RAMQuestions,\n payload: ramQuestions,\n });\n };\n\n useEffect(() => {\n Promise.all([loadRAMQuestions()]);\n return () => {\n dispatch({\n type: actions.SET_RAMQuestions,\n payload: [],\n });\n setBanner(false, \"\", \"\");\n };\n }, []);\n\n const loadRAMQuestions = async () => {\n try {\n const url = `${BASE_URL}${GET_RAM_QUESTIONS_URL}`;\n const response = await axios.get(url); //loadRAMQuestions\n const { data: { recordset: recordSet = [] } = {}, error } = response;\n console.log(response);\n error\n ? setBanner(true, \"error\", error)\n : dispatch({\n type: actions.SET_RAMQuestions,\n payload: recordSet.map((item) => {\n const arr = [1, 2, 17];\n if (!arr.includes(item.QuestionID)) {\n return {\n ...item,\n selectedChoice: 0,\n };\n } else {\n return {\n ...item,\n };\n }\n }),\n });\n } catch (error) {\n const errorCode = error.response ? error.response.status : 500;\n console.log(`Risk Assessment Details not Loaded-`, error.message);\n history.push(\"/errorPage\", { error, errorCode });\n }\n };\n\n const setBanner = (show, type = \"error\", error) => {\n dispatch({\n type: actions.SET_Banner,\n payload: {\n show,\n type,\n message: error,\n },\n });\n };\n\n const setAnswerData = (data) => {\n const id = data.QuestionID;\n let objData = \"\";\n Object.keys(checked).forEach((obj) => {\n if (obj === \"noneoftheabove\" && checked[obj] === true) {\n objData = `${customContain};`;\n } else {\n if (checked[obj] === true) {\n objData = objData.concat(`${obj};`);\n }\n }\n });\n if (id === 1) {\n if (selectedFlag === \"newProject\") {\n return formData.Name;\n } else {\n return selectedProject.ProjectName;\n }\n } else if (id === 2) {\n if (selectedFlag === \"newProject\") {\n return formData.FunnelProjectID && formData.FunnelProjectID.toString();\n } else {\n return (\n selectedProject.FunnelProjectID &&\n selectedProject.FunnelProjectID.toString()\n );\n }\n } else if (id === 18) {\n if (objData === \";\") {\n setErrors({ customContain: \"Please Enter Contain Text\" });\n return \"\";\n } else {\n return objData;\n }\n }\n return \"\";\n };\n\n const handleSubmit = async () => {\n let RamAnswers = ramQuestions.map((data) => {\n return data.selectedChoice\n ? data.selectedChoice.toString()\n : setAnswerData(data);\n });\n console.log(\"Ram Answers-\", RamAnswers);\n const allAnswered = RamAnswers.findIndex((d) => d === \"\");\n // console.log(\"allAnswered - \", allAnswered);\n if (allAnswered === -1) {\n try {\n let ProjectID, ProjectAreas;\n // First API call\n if (selectedFlag === \"newProject\") {\n ProjectAreas = formData.Areas;\n let url1 = `${BASE_URL}${POST_PROJECTDETAILS_URL}`;\n let response1 = await axios.post(url1, formData);\n let { data: { recordset: recordSet = [] } = {}, error: error1 } =\n response1;\n ProjectID = recordSet[0].ProjectID;\n\n dispatch({\n type: actions.SET_PROJECT_ID,\n payload: ProjectID,\n });\n\n // console.log(\"Project ID- \", ProjectID);\n // console.log(\"Response1\", response1);\n if (error1) {\n console.log(\"Error in Create Project\", response1.error);\n setBanner(true, \"error\", error1);\n throw new Error(error1); // Stop execution if there's an error\n } else {\n console.log(\"Project Created Successfully\", recordSet[0]);\n setBanner(true, \"success\", \"Project Created Successfully\");\n // LoadProjects(true);\n }\n } else if (selectedFlag === \"existingProject\") {\n ProjectID = selectedProject.ProjectID;\n ProjectAreas = selectedProject.Areas;\n dispatch({\n type: actions.SET_PROJECT_ID,\n payload: ProjectID,\n });\n }\n // console.log(\"Project Area: \", ProjectAreas);\n let DHCIDreturnValue = \"\",\n EDTID;\n // Second API call\n if (ProjectAreas === \"Emerging Digital Technologies\") {\n // console.log(\"Inside\", ProjectAreas, ProjectID);\n const url2 = `${BASE_URL}${SAVE_EDT_SURVEY}`;\n const params = { ...EDTSurvey, projectId: ProjectID };\n const response2 = await axios.post(url2, params); //'saveEdt'\n // console.log(response2);\n EDTID = response2.data.edtId;\n dispatch({\n type: actions.SET_EDT,\n payload: response2.data,\n });\n } else {\n let url2 = `${BASE_URL}${POST_SURVEYDETAILS_URL}`;\n const params = { ...surveyAllData, ProjectID };\n let response2 = await axios.post(url2, params);\n let { error: error2, data: { recordset = [], returnValue } = {} } =\n response2;\n DHCIDreturnValue = returnValue;\n console.log(\"Response2\", response2);\n console.log(\"returnValue\", returnValue);\n // Check for errors in the second API call\n if (response2.error) {\n console.log(\"Error in Survey Details\", response2.error);\n setBanner(true, \"error\", response2.error);\n throw new Error(response2.error); // Stop execution if there's an error\n } else {\n dispatch({\n type: actions.SET_DHCID,\n payload: returnValue,\n });\n }\n }\n\n // Third API call\n const url3 = `${BASE_URL}${POST_RAMDETAILS_URL}`;\n const finalData = ramQuestions.map((data) => {\n const sectionData = colorList.find(\n (k) => k.SectionID === data.SectionID\n );\n return {\n ProjectID: ProjectID,\n QuestionID: data.QuestionID,\n SectionID: data.SectionID,\n Answer: data.selectedChoice\n ? data.selectedChoice.toString()\n : setAnswerData(data),\n colorCode: sectionData ? sectionData.color : \"\",\n userID: loginUser.UserID,\n DHCID: DHCIDreturnValue,\n EdtID: EDTID,\n };\n });\n // console.log(\"RRRReturnValue\", DHCIDreturnValue);\n console.log(\"Final Data URL 3- \", finalData);\n const found = finalData.findIndex((d) => d.Answer === \"\");\n console.log(\"FOUND-\", found);\n if (found === -1) {\n const response3 = await axios.post(url3, finalData); //\"submitRAM\"\n const { error } = response3;\n console.log(\"Response 3- \", response3);\n if (error) setBanner(true, \"error\", error);\n else {\n setBanner(true, \"info\", \"Successfully Added\");\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 1,\n },\n });\n await new Promise((resolve) => {\n setFormSubmit(true);\n resolve();\n });\n history.push(\"/ramResult\");\n // setTimeout(() => {\n // history.push(\"/ramResult\");\n // }, 2);\n }\n } else {\n setBanner(true, \"error\", \"Please Select All the Answer\");\n }\n } catch (error) {\n const errorCode = error.response ? error.response.status : 500;\n console.log(`RAM Survey not Submitted-`, error);\n history.push(\"/errorPage\", { error, errorCode });\n }\n } else {\n setBanner(true, \"error\", \"Please Select All the Answers\");\n }\n };\n\n // const handleSubmit = async () => {\n // try {\n // const url = `${BASE_URL}${POST_RAMDETAILS_URL}`;\n // const finalData = ramQuestions.map((data) => {\n // const sectionData = colorList.find(\n // (k) => k.SectionID === data.SectionID\n // );\n // return {\n // ProjectID: selectedProject.ProjectID,\n // QuestionID: data.QuestionID,\n // SectionID: data.SectionID,\n // Answer: data.selectedChoice\n // ? data.selectedChoice.toString()\n // : setAnswerData(data),\n // colorCode: sectionData ? sectionData.color : \"\",\n // userID: loginUser.UserID,\n // DHCID: DHCID,\n // EdtID: EDT.edtId,\n // };\n // });\n // const found = finalData.findIndex((d) => d.Answer === \"\");\n // if (found === -1) {\n // console.log(finalData);\n // dispatch({\n // type: actions.SET_RAM_FINAL_DATA,\n // payload: finalData,\n // });\n // const response = await axios.post(url, finalData); //\"submitRAM\"\n // console.log(response);\n // const { error } = response;\n // if (error) setBanner(true, \"error\", error);\n // else {\n // setBanner(true, \"info\", \"Successfully Added\");\n // return (\n // dispatch({\n // type: actions.SET_selectedMenuIndex,\n // payload: {\n // index: 1,\n // },\n // }),\n // // history.push('/review')\n // history.push(\"/ramResult\")\n // );\n // }\n // } else {\n // setBanner(true, \"error\", \"Please Select All the Answer\");\n // }\n // return undefined;\n // } catch (error) {\n // const errorCode = error.response ? error.response.status : 500;\n // console.log(`RAM Survey not Submitted-`, error.message);\n // history.push(\"/errorPage\", { error, errorCode });\n // }\n // };\n\n const handleChoiceChange = (e, id) => {\n console.log(id, e.target.value);\n const arr = ramQuestions.map((d) => {\n if (d.QuestionID === id) {\n const selectedData = ramQuestions.find(\n (k) => k.SectionID === d.SectionID && k.QuestionID !== d.QuestionID\n );\n if (id < selectedData.QuestionID) {\n const test = defaultColorCode.find(\n (item) =>\n item.sId === Number(e.target.value) &&\n item.lId === selectedData.selectedChoice\n );\n const found = colorList.findIndex(\n (e1) => e1.SectionID === d.SectionID\n );\n if (found === -1) {\n colorList.push({\n SectionID: d.SectionID,\n color: test ? test.color : \"\",\n });\n } else {\n colorList.splice(found, 1);\n const colors = test ? test.color : \"\";\n colorList.push({ SectionID: d.SectionID, color: colors });\n }\n } else {\n const test = defaultColorCode.find(\n (item) =>\n item.sId === selectedData.selectedChoice &&\n item.lId === Number(e.target.value)\n );\n const found = colorList.findIndex(\n (e1) => e1.SectionID === d.SectionID\n );\n if (found === -1) {\n colorList.push({\n SectionID: d.SectionID,\n color: test ? test.color : \"\",\n });\n } else {\n colorList.splice(found, 1);\n const colors = test ? test.color : \"\";\n colorList.push({ SectionID: d.SectionID, color: colors });\n }\n }\n console.log(e.target.value);\n return {\n ...d,\n selectedChoice: Number(e.target.value),\n };\n }\n return { ...d };\n });\n dispatch({\n type: actions.SET_RAMQuestions,\n payload: arr,\n });\n };\n\n return (\n <>\n {banner.show && (\n \n \n The survey will take approximately 6 minutes to complete\n \n
\n \n
\n
\n
\n\n {ramQuestions && ramQuestions.length === 0 ? (\n
\n {ramQuestions.length !== Number(index + 1) && (\n
\n {ramQuestions.length !== 0 && (\n
\n handleSubmit()}\n style={{ marginBottom: \"100px\" }}\n >\n SUBMIT\n \n
\n )}\n \n\n
\n
\n
\n This survey should be completed by the Project Lead or Digital\n Opportunity/Product Owner.\n
\n
\n
- \n
- Worst case Potential risk (how bad it can be) \n
- Without barriers (missing or failed) \n
- Based on historical incidents \n
\n
\n The Likelihood level is judged from past experience, by asking the\n question ”How often has a hazard release resulted in a consequence\n similar to the present one?‟\n
\n
\n Detailed guidance and examples of Consequences for each risk can be\n found{\" \"}\n
\n
\n For further questions, please contact Lydia Stanier ({\" \"}\n Lydia.Stanier@shell.com)\n or Tharini Thirukkumar (\n \n Tharini.Thirukkumar@shell.com\n \n )\n
\n \n );\n }\n })\n : ChoiceDesc}\n \n \n ) : (\n <>\n
\n {loading && \n \n \n \n \n \n Description: {Description}\n \n {ImpactID ? (\n \n Impact Classification: {' '}\n \n {ImpactLevel}\n \n {` (${ImpactDescription})`}
\n \n ) : null}\n {ComplexityID ? (\n \n Complexity: {' '}\n \n {ComplexityLevel}\n \n {` (${ComplexityDescription})`}
\n \n ) : null}\n \n \n {digitalheathcheckid\n ? orderBy(selectedArr, 'CreatedDate', 'desc').map((e) => {\n const selectedRAMData = reviewRAMDetails.find(\n (r) => r.DHCID === e.DigitalHeathCheckID\n );\n return (\n <>\n
\n\n \n \n \n {digitalheathcheckid && (\n \n \n \n );\n })\n : orderBy(selectedRAMArr, 'CreatedDate', 'desc').map(\n (e) => {\n return (\n <>\n \n \n {/* \n {e.TARequiredOrNot\n ? 'Technical Assurance is required'\n : 'Technical Assurance is not required'}\n \n
*/}\n\n \n\n {getReviewInDetail(\n ['RAM', 'Risk Assessment Matrix'],\n '',\n projectid,\n e.RAMID\n )}\n
\n
\n {' '}\n \n \n );\n }\n )}\n {\n setExpandedFeedback(!expandedFeedback);\n }}\n >\n \n \n
\n );\n })}\n \n )}\n \n );\n}\n\nconst useStyles = makeStyles((theme) => ({\n // root: {\n // height: 'auto',\n // width: 'auto',\n // textAlign: 'left',\n // },\n root: {\n width: '100%',\n marginTop: '5px',\n },\n title: {\n textTransform: 'capitalize',\n },\n header: {\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n marginBottom: '35px',\n },\n search: {\n // width: '30%',\n },\n filters: {\n display: 'flex',\n flexBasis: '60%',\n justifyContent: 'space-evenly',\n },\n reviews: { margin: '10px' },\n heading: {\n fontSize: theme.typography.pxToRem(15),\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n icon: {\n verticalAlign: 'bottom',\n height: 20,\n width: 20,\n },\n export: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n details: {\n display: 'initial',\n },\n column: {\n flexBasis: '33.33%',\n },\n helper: {\n borderLeft: `2px solid ${theme.palette.divider}`,\n padding: theme.spacing(1, 2),\n },\n link: {\n color: theme.palette.primary.main,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n main: {\n marginBottom: '4px',\n },\n media: {\n height: 0,\n paddingTop: '56.25%', // 16:9\n },\n expand: {\n transform: 'rotate(0deg)',\n marginLeft: 'auto',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest,\n }),\n },\n expandOpen: {\n transform: 'rotate(180deg)',\n },\n avatar: {\n backgroundColor: amber[500],\n },\n table: {\n minWidth: 650,\n },\n cellPadding: {\n padding: '5px',\n borderBottom: '0.2px solid grey',\n },\n}));\n\nconst Accordion = withStyles({\n root: {\n border: '1px solid rgba(0, 0, 0, .125)',\n boxShadow: 'none',\n '&:not(:last-child)': {\n borderBottom: 0,\n },\n '&:before': {\n display: 'none',\n },\n '&$expanded': {\n margin: 'auto',\n backgroundColor: '#FBCE07',\n },\n },\n expanded: {},\n})(MuiAccordion);\n\nconst AccordionSummary = withStyles({\n root: {\n backgroundColor: 'rgba(0, 0, 0, .03)',\n borderBottom: '1px solid rgba(0, 0, 0, .125)',\n marginBottom: -1,\n minHeight: 56,\n '&$expanded': {\n minHeight: 56,\n },\n },\n content: {\n '&$expanded': {\n margin: '12px 0',\n },\n },\n expanded: {},\n})(MuiAccordionSummary);\n\nconst AccordionDetails = withStyles((theme) => ({\n root: {\n padding: theme.spacing(2),\n },\n}))(MuiAccordionDetails);\n","import {\n FormField,\n Grid,\n Option,\n Select,\n Text,\n Tooltip,\n} from \"@sede-x/shell-ds-react-framework\";\nimport React, { useCallback } from \"react\";\nimport orderBy from \"lodash.orderby\";\nimport { InfoCircle } from \"@sede-x/shell-ds-react-framework/build/esm/components/Icon/components\";\n\nconst DhcQuestionView = React.memo(\n ({\n data,\n marks,\n heading,\n onSliderChange,\n handleIconClicks,\n queId,\n viewDesc,\n selectedData,\n index,\n }) => {\n const handleSliderChange = useCallback(\n (value) => {\n onSliderChange(\n value,\n `${data.QuestionID}_${data.SurveyID}_${data.RecommendedLevelofAgreementID}`\n );\n },\n [onSliderChange, data]\n );\n const handleIconClick = useCallback(\n () => handleIconClicks(data.QuestionID, index),\n [handleIconClicks, data.QuestionID, index]\n );\n return (\n \n
\n {(filteredReviews || []).map((item, idx) => {\n let {\n digitalheathcheckid,\n ProjectName,\n Areas,\n Description,\n EmailID,\n ComplexityID,\n ComplexityLevel,\n ComplexityDescription,\n ImpactID,\n ImpactLevel,\n ImpactDescription,\n projectid,\n } = item;\n let selectedArr = [];\n let selectedRAMArr = [];\n const ImpactColor =\n ImpactLevel === 'Low'\n ? '#008443'\n : ImpactLevel === 'Medium'\n ? '#EB8705'\n : '#DD1D21';\n const complexityColor =\n ComplexityLevel === 'Low'\n ? '#008443'\n : ComplexityLevel === 'Medium'\n ? '#EB8705'\n : '#DD1D21';\n reviewInDetails\n .filter((d) => d.ProjectID === projectid)\n .map((item) => {\n const found = selectedArr.findIndex(\n (e1) => e1.DigitalHeathCheckID === item.DigitalHeathCheckID\n );\n if (found === -1) {\n selectedArr.push({\n DigitalHeathCheckID: item.DigitalHeathCheckID,\n contentSurveyResult: item.contentSurveyResult,\n softwareSurveyResult: item.softwareSurveyResult,\n CreatedDate: item.CreatedDate,\n });\n }\n });\n reviewRAMDetails\n .filter((d) => d.ProjectID === projectid)\n .map((item) => {\n const found = selectedRAMArr.findIndex(\n (e1) => e1.RAMID === item.RAMID\n );\n if (found === -1) {\n selectedRAMArr.push({\n RAMID: item.RAMID,\n TARequiredOrNot: item.TARequiredOrNot,\n CreatedDate: item.CreatedDate,\n });\n }\n });\n const selectedDataForRAM = selectedRAMArr.find(\n (d) => d.TARequiredOrNot\n );\n\n return (\n \n \n
\n \n {chipFilters.map((filter) => (\n handleFilterClick(filter.key)}\n />\n ))}\n
\n \n \n {ProjectName}\n \n
\n \n \n {Areas}\n \n
\n \n {digitalheathcheckid ? (\n \n {get(selectedDataForRAM, 'TARequiredOrNot')\n ? 'Technical Assurance is required'\n : 'Technical Assurance is not required'}\n \n ) : (\n <>\n \n {get(selectedDataForRAM, 'TARequiredOrNot')\n ? 'Technical Assurance is required'\n : 'Technical Assurance is not required'}\n \n \n )}\n
\n \n \n
\n
\n
\n {new Date(e.CreatedDate).toDateString()}\n
\n \n {(selectedRAMData\n ? surveyAllTypes\n : surveyDHCTypes\n ).map((details, index) =>\n getReviewInDetail(\n details,\n e.DigitalHeathCheckID,\n projectid,\n get(selectedRAMData, 'RAMID')\n )\n )}\n
\n */}\n
\n {new Date(e.CreatedDate).toDateString()}\n
\n \n
\n
\n {data.CategoryName} \n {data.Description} \n )}\n
\n \n \n {data.OrderID}. \n {data.QuestionDisplay + \" \"}\n \n
\n {viewDesc[index] && (\n \n {surveyQuestions.map((data, index) => {\n if (\n surveyHeading[Heading] === surveyHeading.CA &&\n data.SurveyID === 2\n ) {\n const found = contentSurveyResult.find(\n (item) => Number(item.QuestionID) === data.QuestionID\n );\n\n return (\n
\n );\n};\n\nexport default DhcQuestions;\n","import { ProgressBar, Text } from '@sede-x/shell-ds-react-framework';\nimport React from 'react';\n\nconst ScoreIndicator = ({ Score, text, size = 'medium' }) => {\n const ScoreCard = {\n veryGood: 'VERY GOOD',\n Good: 'GOOD',\n BelowMinimum: 'Below minimum',\n StandardResponses: 'Standard Responses',\n };\n const getScoreCard = (score) => {\n if (score < 50) {\n return ScoreCard.BelowMinimum;\n } else if (score >= 50 && score <= 60) {\n return ScoreCard.Good;\n } else if (score >= 60 && score <= 100) {\n return ScoreCard.veryGood;\n } else {\n return ScoreCard.StandardResponses;\n }\n };\n const value = Score !== null || Score !== '' ? Math.round(Number(Score)) : 0;\n return (\n \n
\n );\n } else if (\n surveyHeading[Heading] === surveyHeading.SE &&\n data.SurveyID === 1\n ) {\n const found = softwareSurveyResult.find(\n (item) => Number(item.QuestionID) === data.QuestionID\n );\n return (\n \n
\n );\n }\n })}\n \n 50 && value < 60\n ? 'default'\n : 'positive'\n }\n />\n
\n{text} \n \n {text !== 'Required Level Agreement' ? (\n {getScoreCard(value)}\n ) : (\n getScoreCard()\n )}\n \n
\n );\n};\n\nexport default ScoreIndicator;\n","import React from 'react';\nimport ScoreIndicator from './ScoreIndicator';\nimport { Divider } from '@sede-x/shell-ds-react-framework';\n\nconst ScoreSummary = ({\n overallSurveyResult,\n contentSurveyResult,\n softwareSurveyResult,\n}) => {\n return (\n \n
\n
\n );\n};\n\nexport default ScoreSummary;\n","import React from \"react\";\nimport ScoreSummary from \"../../dasboard/ScoreSummary\";\nimport { Card, Grid, Text } from \"@sede-x/shell-ds-react-framework\";\nimport get from \"lodash.get\";\n\nconst DhcScoreSummary = ({\n ProjectName,\n Description,\n EmailID,\n overallSurveyResult,\n contentSurveyResult,\n softwareSurveyResult,\n complexity,\n complexity: { ComplexityLevel, ComplexityDescription },\n impact,\n impact: { ImpactLevel, ImpactDescription },\n selectedFlag,\n formData,\n}) => {\n if (selectedFlag === \"newProject\") {\n if (formData.ComplexityID === 1) {\n ComplexityLevel = \"Low\";\n ComplexityDescription = \"no code or >100 lines of code\";\n } else if (formData.ComplexityID === 2) {\n ComplexityLevel = \"Medium\";\n ComplexityDescription = \"100-10,000 lines of code\";\n } else if (formData.ComplexityID === 3) {\n ComplexityLevel = \"High\";\n ComplexityDescription = \"more than 10,000 lines of code\";\n }\n if (formData.ImpactID === 4) {\n ImpactLevel = \"Low\";\n ImpactDescription =\n \"Feasibility study/PoC/support with theoretical methods and modelling\";\n } else if (formData.ImpactID === 5) {\n ImpactLevel = \"Medium\";\n ImpactDescription =\n \"Pilot Mid size project (within portfolio) which uses simulation modelling\";\n } else if (formData.ImpactID === 6) {\n ImpactLevel = \"High\";\n ImpactDescription =\n \"Flagship projects(Business) critical process HSSE relevant\";\n } else if (formData.ImpactID === 10) {\n ImpactLevel = \"Low\";\n ImpactDescription =\n \"Feasibility Study/PoC with theoretical methods & modelling, ML or statistical content\";\n } else if (formData.ImpactID === 11) {\n ImpactLevel = \"Medium\";\n ImpactDescription =\n \"Pilot mid-size project (within a portfolio) using simulation modelling, ML or statistical methodology\";\n } else if (formData.ImpactID === 12) {\n ImpactLevel = \"High\";\n ImpactDescription = \"Flagship project with business-critical risks\";\n }\n }\n\n const ImpactColor =\n ImpactLevel === \"Low\"\n ? \"#008443\"\n : ImpactLevel === \"Medium\"\n ? \"#EB8705\"\n : \"#DD1D21\";\n\n const complexityColor =\n ComplexityLevel === \"Low\"\n ? \"#008443\"\n : ComplexityLevel === \"Medium\"\n ? \"#EB8705\"\n : \"#DD1D21\";\n return (\n <>\n \n
\n \n
\n \n
\n Content Assurance Survey
\n\n
\n \n
\n Software Engineering Survey
\n\n \n \n
\n
\n\n \n
\n
\n
\n \n );\n};\n\nexport default DhcScoreSummary;\n","import React, { useEffect } from \"react\";\nimport DhcScoreSummary from \"./DhcScoreSummary\";\n\nconst DhcSummary = ({\n contentSurveyResult = [],\n softwareSurveyResult = [],\n listofAgreementLevels,\n selectedProject,\n selectedProject: {\n ProjectName,\n Description,\n PointOfContactEmailID,\n ImpactID,\n ImpactLevel,\n ImpactDescription,\n ComplexityID,\n ComplexityLevel,\n ComplexityDescription,\n } = {},\n graphResult,\n setGraphResult,\n selectedFlag,\n formData,\n}) => {\n useEffect(() => {\n console.log(\"Summary Page - Form Data\", formData);\n }, []);\n useEffect(() => {\n surveyCalculation();\n }, []);\n\n const surveyCalculation = () => {\n let sumOfContentSurvey = contentSurveyResult.reduce((sum, res) => {\n return (\n sum +\n (res.LevelofAgreementID === -1\n ? 0\n : parseInt(res.LevelofAgreementID, 10) >\n parseInt(res.RecommendedLevelofAgreementID, 10)\n ? parseInt(res.RecommendedLevelofAgreementID, 10)\n : parseInt(res.LevelofAgreementID, 10))\n );\n }, 0);\n let sumOfSoftwareSurvey = softwareSurveyResult.reduce((sum, res) => {\n return (\n sum +\n (res.LevelofAgreementID === -1\n ? 0\n : parseInt(res.LevelofAgreementID, 10) >\n parseInt(res.RecommendedLevelofAgreementID, 10)\n ? parseInt(res.RecommendedLevelofAgreementID, 10)\n : parseInt(res.LevelofAgreementID, 10))\n );\n }, 0);\n let percentOfContentQuestions = contentSurveyResult.reduce((sum, res) => {\n return sum + parseInt(res.RecommendedLevelofAgreementID, 10);\n }, 0);\n\n let percentOfSoftwareQuestions = softwareSurveyResult.reduce((sum, res) => {\n return sum + parseInt(res.RecommendedLevelofAgreementID, 10);\n }, 0);\n\n let percentOfContentResult = Math.floor(\n (sumOfContentSurvey / percentOfContentQuestions) * 100\n );\n\n let percentOfSoftwareResult = Math.floor(\n (sumOfSoftwareSurvey / percentOfSoftwareQuestions) * 100\n );\n\n let overallSummary = Math.floor(\n (percentOfContentResult + percentOfSoftwareResult) / 2\n );\n\n setGraphResult((prevState) => ({\n ...prevState,\n contentSurveyResult: !isNaN(percentOfContentResult)\n ? percentOfContentResult\n : 0,\n softwareSurveyResult: !isNaN(percentOfSoftwareResult)\n ? percentOfSoftwareResult\n : 0,\n overallSurveyResult: !isNaN(overallSummary) ? overallSummary : 0,\n }));\n };\n\n return (\n \n \n \n Project Name: \n \n \n {ProjectName} \n \n {Description && (\n <>\n \n Description: \n \n \n {Description} \n \n \n )}\n\n {get(impact, \"ImpactID\") && (\n <>\n \n Impact Classification: \n \n \n \n \n {ImpactLevel} -\n \n {ImpactDescription}\n \n \n \n )}\n\n {get(complexity, \"ComplexityID\") && (\n <>\n \n Complexity: \n \n \n \n \n {ComplexityLevel} -\n \n {ComplexityDescription}\n \n \n \n )}\n \n Point of Contact: \n \n \n {EmailID} \n \n \n
\n \n
\n
\n
\n
\n \n \n {steps.map((label, index) => (\n \n \n
\n
\n {activeStep === steps.length ? (\n resetTakeSurvey()\n ) : (\n
\n )}\n \n
\n {activeStep === steps.length ? (\n resetTakeSurvey()\n ) : (\n
\n {activeStep === 0 && (\n <>\n \n \n
\n
\n \n )}\n\n {getStepContent(activeStep)}\n {surveyQuestions.length === 0 && agreementLevels.length === 0 && (\n\n
\n )}\n \n \n \n Project Name: \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.ProjectName} \n ) : (\n {formData.Name} \n )}\n \n {(selectedProject.FunnelProjectID ||\n formData.FunnelProjectID) && (\n <>\n \n Project Opportunity ID: \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.FunnelProjectID} \n ) : (\n {formData.FunnelProjectID} \n )}\n \n \n )}\n\n \n Domain: \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.Areas} \n ) : (\n {formData.Areas} \n )}\n \n \n
\n \n
\n \n )}\n\n {getStepContent(activeStep)}\n {surveyQuestions.length === 0 && agreementLevels.length === 0 && (\n
\n \n BACK\n \n \n {\" \"}\n {getNextText(activeStep)}\n \n
\n \n \n )}\n \n );\n};\n\nexport default DhcSurvey;\n","import {\n Accordion,\n AccordionPanel,\n Table,\n} from \"@sede-x/shell-ds-react-framework\";\nimport {\n TBody,\n TD,\n TH,\n THead,\n TR,\n} from \"@sede-x/shell-ds-react-framework/build/esm/components/Table/Table.styles\";\nimport React from \"react\";\nimport orderBy from \"lodash.orderby\";\n\nconst levelColorCode = {\n Agree: \"#008443\",\n \"Strongly Agree\": \"#008443\",\n Neutral: \"#EB8705\",\n Disagree: \"#DD1D21\",\n \"Strongly Disagree\": \"#DD1D21\",\n \"Too Early\": \"#808080\",\n};\n\nconst ReviewDetails = ({\n details,\n id,\n projectid,\n RAMId,\n reviewRAMDetails,\n reviewInDetails,\n}) => {\n let [panel, title] = details;\n const tableRow = (\n id,\n question,\n agreement,\n SurveyID,\n Answer,\n ChoiceDesc,\n ColorCode,\n RequiredLevelofAgreementID,\n RecommendedLevelofAgreementID,\n OrderID\n ) => {\n const agreementColor = Object.keys(levelColorCode).filter(\n (key) => key === agreement\n );\n const requiredLevelColor = Object.keys(levelColorCode).filter(\n (key) => key === RequiredLevelofAgreementID\n );\n const recommendedLevelColor = Object.keys(levelColorCode).filter(\n (key) => key === RecommendedLevelofAgreementID\n );\n //Feedback part to be done later on\n return (\n <>\n
\n \n );\n }\n })\n : ChoiceDesc}\n \n ) : (\n <>\n
| Question | \nAnswer | \n||
|---|---|---|---|
| Question | \nAgreement Level | \nRequired Level | \nRecommended Level | \n
\n {loading && (\n
\n
\n\n \n {digitalheathcheckid ? (\n orderBy(selectedArr, \"CreatedDate\", \"desc\").map((e) => {\n const selectedRAMData = reviewRAMDetails.find(\n (r) => r.DHCID === e.DigitalHeathCheckID\n );\n return (\n \n
\n \n );\n })\n ) : Areas === \"Emerging Digital Technologies\" ? (\n <>\n {edtSurveyResults\n .filter((el) => el.project_id === item.project_id)\n .map((survey) => (\n \n
\n\n \n
\n \n \n
\n \n ))}\n {RAMNeeded ? (\n \n
\n )}\n {reviewDetails && reviewDetails.length > 0 && (\n \n
\n )}\n\n \n {chipFilters.map((filter) => (\n handleFilterClick(filter.key)}\n style={{ cursor: \"pointer\" }}\n />\n ))}\n
\n \n
\n \n
\n \n
\n \n {(filteredReviews || []).map((item, idx) => {\n // console.log(item);\n let {\n digitalheathcheckid,\n ProjectName,\n FunnelProjectID,\n Areas,\n EmailID,\n Description,\n PointOfContactEmailID,\n ComplexityID,\n ComplexityLevel,\n ComplexityDescription,\n ImpactID,\n ImpactLevel,\n ImpactDescription,\n projectid,\n MCDSOrg,\n } = item;\n let selectedArr = [];\n let selectedRAMArr = [];\n const ImpactColor =\n ImpactLevel === \"Low\"\n ? \"#008443\"\n : ImpactLevel === \"Medium\"\n ? \"#EB8705\"\n : \"#DD1D21\";\n const complexityColor =\n ComplexityLevel === \"Low\"\n ? \"#008443\"\n : ComplexityLevel === \"Medium\"\n ? \"#EB8705\"\n : \"#DD1D21\";\n reviewInDetails\n .filter((d) => d.ProjectID === projectid)\n .forEach((item) => {\n const found = selectedArr.findIndex(\n (e1) => e1.DigitalHeathCheckID === item.DigitalHeathCheckID\n );\n if (found === -1) {\n selectedArr.push({\n DigitalHeathCheckID: item.DigitalHeathCheckID,\n contentSurveyResult: item.contentSurveyResult,\n softwareSurveyResult: item.softwareSurveyResult,\n CreatedDate: item.CreatedDate,\n });\n }\n });\n reviewRAMDetails\n .filter((d) => d.ProjectID === projectid)\n .forEach((item) => {\n const found = selectedRAMArr.findIndex(\n (e1) => e1.RAMID === item.RAMID\n );\n if (found === -1) {\n selectedRAMArr.push({\n RAMID: item.RAMID,\n TARequiredOrNot: item.TARequiredOrNot,\n CreatedDate: item.CreatedDate,\n });\n }\n });\n const selectedDataForRAM = selectedRAMArr.find(\n (d) => d.TARequiredOrNot\n );\n return (\n \n
\n }\n >\n \n {ProjectName} \n
\n \n {MCDSOrg} \n
\n \n {Areas} \n
\n {RAMNeeded ? (\n \n {digitalheathcheckid ? (\n \n {get(selectedDataForRAM, \"TARequiredOrNot\")\n ? \"Technical Assurance is required\"\n : \"Technical Assurance is not required\"}\n \n ) : Areas === \"Emerging Digital Technologies\" ? (\n \n {get(selectedDataForRAM, \"TARequiredOrNot\")\n ? \"Technical Assurance is required\"\n : \"Technical Assurance is not required\"}\n \n \n )}\n
\n ) : null}\n \n {item.TARequiredOrNot ? (\n \n Technical Assurance is required\n \n ) : (\n \n Technical Assurance is not required\n \n )}\n
\n ) : (\n <>\n \n
\n \n {FunnelProjectID && (\n <>\n \n Project Opportunity ID: \n \n \n {FunnelProjectID} \n \n \n )}\n\n {Description && (\n <>\n \n Description: \n \n \n {Description} \n \n \n )}\n\n {ImpactID && (\n <>\n \n Impact Classification: \n \n \n \n \n {ImpactLevel}{\" \"}\n \n - {ImpactDescription}\n \n \n \n )}\n {ComplexityID && (\n <>\n \n Complexity: \n \n \n \n \n {ComplexityLevel}{\" \"}\n \n - {ComplexityDescription}\n \n \n \n )}\n \n Point of Contact: \n \n \n {EmailID || PointOfContactEmailID} \n \n \n
\n \n {new Date(e.CreatedDate).toDateString()}\n
\n {digitalheathcheckid && (\n \n
\n {(selectedRAMData\n ? surveyAllTypes\n : surveyDHCTypes\n ).map((details, index) => (\n
\n \n \n {new Date(survey.date_created).toDateString()}\n \n
\n \n
\n \n 50 && survey.score < 60\n ? \"default\"\n : \"positive\"\n }\n />\n
\n EDT Survey Score
\n\n {survey.score < 50\n ? \"Below Minimum\"\n : survey.score > 50 && survey.score < 60\n ? \"Good\"\n : \"Very Good\"}\n
\n\n
\n \n \n EDT SURVEY RESULTS\n
\n }\n >\n | Question | \nAnswer | \nType | \n
|---|---|---|
| \n {idx + 1}.{\" \"}\n {\n | \n {ques.answer} | \n{ques.type} | \n
\n \n \n RAM SURVEY DETAILS\n
\n }\n >\n | Question | \nAnswer | \n
|---|---|
| \n {row.QuestionID - 2}.{\" \"}\n {row.Question}\n | \n\n {[15, 16, 17].includes(\n row.QuestionID\n )\n ? row.Answer\n : row.QuestionID === 18\n ? row.Answer.split(\";\")\n .slice(0, -1)\n .map((d, index) => {\n if (\n row.Answer.length - 1 ===\n index\n ) {\n return {d};\n } else {\n return (\n <>\n {d}\n \n \n );\n }\n })\n : row.ChoiceDesc}\n | \n
\n {new Date(e.CreatedDate).toDateString()}\n
\n\n \n
\n
\n \n
\n {(domainFilters.length === 0 || domainFilters.includes('EDT')) && (\n
\n \n );\n};\n\nexport default DashBoard;\n","import {\n Button,\n FormField,\n Grid,\n Icons,\n Option,\n Select,\n Tag,\n Text,\n TextArea,\n TextInput,\n Checkbox,\n} from \"@sede-x/shell-ds-react-framework\";\nimport React, { useContext, useState, useRef, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { api, details } from \"../../api\";\nimport omit from \"lodash.omit\";\nimport { Context, actions } from \"../../context\";\nimport SnackBar from \"../SnackBars\";\nimport \"./NewProject.css\";\nimport {\n Add,\n Cross,\n} from \"@sede-x/shell-ds-react-framework/build/esm/components/Icon/components\";\nimport { GET_ALL_EMAIL_IDS } from \"../../api/APIdetails\";\nimport { checkArr } from \"./DataConfig\";\nimport axios from \"axios\";\n\nconst NewProject = ({\n loadProjects,\n listOfAreas,\n listOfStages,\n listOfTeamSizes,\n edtStages,\n}) => {\n const history = useHistory();\n const [state, dispatch] = useContext(Context);\n const { project = {} } = state;\n const { BASE_URL, POST_PROJECTDETAILS_URL, GET_PROJECTOTHERDETAILS_URL } =\n details;\n const { banner, listOfComplexity = [], listOfImpacts = [] } = state;\n const formData = state.formData;\n const loginUser = localStorage.getItem(\"loginUser\")\n ? JSON.parse(localStorage.getItem(\"loginUser\"))\n : {};\n\n const [errors, setErrors] = useState({});\n const [errorMsg, setErrMsg] = useState(\"\");\n const [detErrorMsg, setDetErrMsg] = useState(\"\");\n\n const [selectedListOfImpact, setSelectedListOfImpact] = useState([]);\n const [selectedStagesList, setSelectedStagesList] = useState(listOfStages);\n\n const [FOFlag, setFOFlag] = useState(true);\n const [edtFlag, setEdtFlag] = useState(true);\n\n const [value, setValue] = useState();\n const [inputValue, setInputValue] = useState(\"\");\n\n const [selectedCheckboxes, setSelectedCheckboxes] = useState([]);\n // const [checkBoxVal, setCheckBoxVal] = useState();\n\n const [loader, setLoader] = useState(false);\n const [btnDis, setBtnDis] = useState(false);\n\n const [formHasData, setFormHasData] = useState(false);\n\n const [form, setFormData] = useState({\n Areas: \"Data Science, Statistics & A.I\",\n ProjectStage: null,\n TeamSize: null,\n FunnelProjectID: null,\n Name: null,\n Email: loginUser.EmailID + \"\",\n Description: null,\n ImpactID: null,\n ComplexityID: null,\n MCDSOrg: null,\n });\n\n const [allEmailIds, setAllEmailIds] = useState([]);\n\n const handleClick = async () => {\n const isValid = validate(errors);\n if (isValid === true) {\n await new Promise((resolve) => {\n setFormHasData(false);\n resolve();\n });\n postProjectDetails();\n setLoader(!loader);\n setBtnDis(!btnDis);\n } else {\n setErrors({ ...isValid });\n setLoader(false);\n setBtnDis(false);\n }\n };\n\n const validate = (errors) => {\n const {\n Name,\n ImpactID,\n ComplexityID,\n Areas,\n TeamSize,\n FunnelProjectID,\n Description,\n MCDSOrg,\n } = form;\n let validForm = {\n Name,\n ImpactID,\n ComplexityID,\n TeamSize,\n FunnelProjectID,\n Description,\n MCDSOrg,\n };\n\n // if (Areas === \"Financial Operations\") {\n // validForm = omit(validForm, [\"ImpactID\", \"ComplexityID\", \"TeamSize\"]);\n // }\n // if (Areas === \"Emerging Digital Technologies\") {\n // validForm = omit(validForm, [\"TeamSize\", \"ImpactID\"]);\n // }\n\n let isError = false,\n inValid = false;\n console.log(\"aAAaSss\", form);\n Object.keys(validForm).forEach((key) => {\n if (\n form[key] === null ||\n form[key] === undefined ||\n form[key].length <= 0\n ) {\n // console.log(form[key], key);\n isError = true;\n errors[key] = `Please Enter ${key}`;\n } else if (key === \"Description\") {\n if (validateDescription(form.Description)) {\n isError = true;\n errors[key] = `Please Enter Valid Characters in ${key}`;\n }\n } else if (errors[key] && !inValid) {\n // console.log('here', key, errors[key]);\n inValid = errors[key].value !== \"\" ? true : false;\n }\n });\n if (isError) {\n return errors;\n } else if (inValid) {\n return errors;\n } else {\n return true;\n }\n };\n\n const usePrevious = (value = {}) => {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current | {};\n };\n\n const prevlistOfImpacts = usePrevious(listOfImpacts);\n\n useEffect(() => {\n if (formHasData) {\n window.addEventListener(\"beforeunload\", alertUser);\n return () => {\n window.removeEventListener(\"beforeunload\", alertUser);\n };\n }\n }, [formHasData]);\n\n const alertUser = (e) => {\n e.preventDefault();\n e.returnValue = \"You have unsaved changes, are you sure you want to leave?\";\n };\n\n useEffect(() => {\n console.log(formHasData);\n\n if (formHasData) {\n const unblock = history.block((location, action) => {\n if (action === \"PUSH\") {\n return window.confirm(\n \"You have unsaved changes, are you sure you want to leave this page?\"\n );\n }\n return true;\n });\n return () => unblock();\n }\n }, [history, formHasData]);\n\n useEffect(() => {\n dispatch({\n type: actions.SET_Projects,\n payload: {\n ...project,\n isNewProject: true,\n },\n });\n\n if (\n (listOfImpacts.length === 0 && listOfComplexity.length === 0) ||\n listOfImpacts.length !== prevlistOfImpacts.length\n ) {\n loadDetails();\n loadEmailIds();\n }\n return () => {\n setBanner(false, \"\", \"\");\n };\n }, []);\n\n const loadEmailIds = async () => {\n try {\n // const header = {\n // Authorization: `Bearer ${\n // JSON.parse(localStorage.getItem(\"tokenDetails\")).access_token\n // }`,\n // };\n let url = `${BASE_URL}${GET_ALL_EMAIL_IDS}`;\n setErrMsg(\"\");\n let response = await axios.get(url); //load all email ids\n // console.log(response);\n let { data: { recordsets = [] } = {}, error } = response;\n // console.log(recordsets);\n setAllEmailIds(recordsets[0]);\n\n // if (error) {\n // setBanner(error);\n // // console.log(error.toJSON());\n // }\n } catch (error) {\n // console.log(error.toJSON.message());\n // console.log(err.response.status);\n // console.log(err.response.headers);\n console.log(`Email-`, error.message);\n // setErrMsg(error.message);\n // if (!error.response) {\n // history.push(\"/errorPage\");\n // } else {\n // console.log(error.response.status);\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n // }\n // console.log(error.toJSON());\n }\n };\n\n const loadDetails = async () => {\n try {\n let url = `${BASE_URL}${GET_PROJECTOTHERDETAILS_URL}`;\n let response = await axios.get(url);\n\n let { data: { recordsets = [] } = {}, error } = response;\n let [listOfImpacts, listOfComplexity] = recordsets;\n const selectedData = listOfImpacts.filter((t) => t.Areas === form.Areas);\n setSelectedListOfImpact(selectedData);\n error\n ? setBanner(error)\n : dispatch({\n type: actions.SET_ProjectDetails,\n payload: { listOfImpacts, listOfComplexity },\n });\n } catch (error) {\n console.log(`Project Other Details-`, error.message);\n setDetErrMsg(error.message);\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n // console.log(error.response);\n }\n };\n\n // Create new project\n const postProjectDetails = async () => {\n try {\n const {\n ComplexityID,\n Description,\n ImpactID,\n Name,\n Areas,\n ProjectStage,\n TeamSize,\n FunnelProjectID,\n } = form;\n let Email = loginUser.EmailID;\n if (\n typeof value !== \"undefined\" &&\n value !== null &&\n Array.isArray(value)\n ) {\n const valueString = value.join(\",\");\n Email = Email + \",\" + valueString;\n }\n let McdsCheck = \"\";\n if (\n typeof selectedCheckboxes !== \"undefined\" &&\n selectedCheckboxes !== null &&\n Array.isArray(selectedCheckboxes)\n ) {\n const valueString = selectedCheckboxes.join(\",\");\n McdsCheck = valueString;\n }\n console.log(\"Mcds- \" + McdsCheck);\n const params = {\n ComplexityID,\n Description,\n Email,\n ImpactID,\n Name,\n Areas,\n ProjectStage,\n TeamSize,\n FunnelProjectID,\n McdsCheck,\n userName: `${loginUser.FirstName} ${loginUser.LastName}`,\n };\n\n dispatch({\n type: actions.SET_FORM_DATA,\n payload: params,\n });\n dispatch({\n type: actions.SET_SelectedFlag,\n payload: \"newProject\",\n });\n let url = `${BASE_URL}${POST_PROJECTDETAILS_URL}`;\n // let response = await axios.post(url, params);\n // let { data: { recordset: recordSet = [] } = {}, error } = response;\n // let ProjectID = recordSet[0].ProjectID;\n // console.log(\"Project ID- \", ProjectID);\n // console.log(\"Record Set Post- \", recordSet);\n // console.log(\"Response- \", response);\n // if (error) {\n // console.log(\"Error in Create Project\");\n // setBanner(true, \"error\", error);\n // } else {\n // setBanner(true, \"success\", \"Project Created Successfully\");\n loadProjects(true);\n setFormHasData(false);\n if (Areas === \"Financial Operations\") {\n history.push(\"/riskAssessment\");\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 5,\n },\n });\n } else if (Areas === \"Emerging Digital Technologies\") {\n history.push(\"/edt\");\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 6,\n },\n });\n } else {\n history.push(\"/survey\");\n\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 4,\n },\n });\n }\n // }\n } catch (error) {\n console.log(`Project Not Created-`, error.message);\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n // setDetErrMsg(error.message);\n // console.log(error.response);\n }\n };\n\n useEffect(() => {\n if (formData) {\n console.log(\"Form Data\", formData);\n }\n }, [state.formData]);\n\n const setBanner = (show, type = \"error\", message) => {\n dispatch({\n type: actions.SET_Banner,\n payload: {\n show,\n type,\n message,\n },\n });\n };\n\n //not in use for area\n const handleChange = (e) => {\n setFormHasData(true);\n let { name, value } = e.target;\n if (name === \"Areas\") {\n const selectedData = listOfImpacts.filter((t) => t.Areas === value);\n // if (\n // value === \"Financial Operations\" ||\n // value === \"Emerging Digital Technologies\"\n // )\n if (value === \"Financial Operations\") {\n setFOFlag(false);\n } else {\n setFOFlag(true);\n }\n setSelectedListOfImpact(selectedData);\n }\n if (name === \"Description\") {\n if (validateDescription(value)) {\n setErrors({\n ...errors,\n Description: \"Description contains invalid characters\",\n });\n console.log(\"Invalid Description\");\n } else {\n setErrors({ ...errors, Description: \"\" });\n }\n }\n name === \"Areas\" &&\n setFormData({\n ...form,\n [\"ImpactID\"]: null,\n [\"ComplexityID\"]: null,\n });\n setFormData({\n ...form,\n [name]: value,\n });\n };\n\n const validateDescription = (value) => {\n const invalidChars = /['\"\\n]/;\n return invalidChars.test(value);\n };\n\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedEmails, setSelectedEmails] = useState([]);\n\n const handleSearch = (value) => {\n setSearchTerm(value);\n };\n\n const handleEmailSelect = (value) => {\n // setFormHasData(true);\n if (selectedEmails.length < 2) {\n setSelectedEmails(value);\n setValue(value);\n }\n };\n\n const filteredOptions = allEmailIds.filter((option) =>\n option.EmailID.toString().toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n const handleCheckboxChange = (itemName) => {\n setFormHasData(true);\n // Toggle the selection status for the clicked checkbox\n const updatedSelection = selectedCheckboxes.includes(itemName)\n ? selectedCheckboxes.filter((item) => item !== itemName)\n : [...selectedCheckboxes, itemName];\n setErrors({ ...errors, MCDSOrg: \"\" });\n setFormData({\n ...form,\n [\"MCDSOrg\"]: updatedSelection,\n });\n // Update the state with the new selection\n setSelectedCheckboxes(updatedSelection);\n // console.log(selectedCheckboxes);\n // Remove the error when at least one checkbox is selected\n };\n // console.log(selectedCheckboxes);\n // console.log(\"Errors:\", errors);\n return (\n
\n {banner.show && (\n setBanner(false, \"\", \"\")} />\n )}\n \n \n handleChange(e)}\n bottomLeftHelper={{\n content: errors.Name ? errors.Name : \"\",\n sentiment: \"negative\",\n }}\n onBlur={(e) => {\n if (e.target.value !== \"\") {\n setErrors({ ...errors, Name: \"\" });\n }\n }}\n >\n \n \n {\n if (e.target.value !== \"\") {\n setErrors({ ...errors, FunnelProjectID: \"\" });\n }\n }}\n placeholder=\"If multiple, separate by semi-colon\"\n onChange={(e) => handleChange(e)}\n >\n \n \n
\n\n \n handleChange(e)}\n mandatory\n bottomLeftHelper={{\n content: errors.Description ? errors.Description : \"\",\n sentiment: \"negative\",\n }}\n onBlur={(e) => {\n if (e.target.value !== \"\") {\n setErrors({ ...errors, Description: \"\" });\n }\n }}\n >\n \n \n \n {checkArr().map((item, index) => (\n \n \n
\n\n \n \n {\n const selectedData = listOfImpacts.filter(\n (t) => t.Areas === value\n );\n setSelectedStagesList(listOfStages);\n setEdtFlag(true);\n if (value === \"Financial Operations\") {\n setFOFlag(false);\n } else {\n setFOFlag(true);\n }\n setSelectedListOfImpact(selectedData);\n setFormData({\n ...form,\n [\"ImpactID\"]: null,\n [\"ComplexityID\"]: null,\n [\"ProjectStage\"]: null,\n Areas: value,\n });\n }}\n >\n {listOfAreas.map((item, i) => (\n \n ))}\n \n \n \n \n \n {\n if (value !== \"\") {\n setErrors({ ...errors, ProjectStage: \"\" });\n }\n }}\n onChange={(value) => {\n setFormData({\n ...form,\n ProjectStage: value,\n });\n }}\n >\n {selectedStagesList.map((item, i) => (\n \n ))}\n \n \n \n \n
\n {FOFlag && (\n <>\n\n {detErrorMsg.length < 1 ? (\n \n \n {\n if (value !== \"\") {\n setErrors({ ...errors, ComplexityID: \"\" });\n }\n }}\n onChange={(value) => {\n setFormData({\n ...form,\n ComplexityID: value,\n });\n }}\n >\n {listOfComplexity.map((item, i) => {\n let { ComplexityLevel, ComplexityID, Desciption } = item;\n return (\n \n );\n })}\n \n \n \n ) : (\n \n \n {\n if (value !== \"\") {\n setErrors({ ...errors, TeamSize: \"\" });\n }\n }}\n onChange={(value) => {\n setFormData({\n ...form,\n TeamSize: value,\n });\n }}\n >\n {listOfTeamSizes.map((item, i) => {\n return (\n \n );\n })}\n \n \n \n )}\n \n
\n {edtFlag && (\n\n {detErrorMsg.length < 1 ? (\n \n \n {\n if (value !== \"\") {\n setErrors({ ...errors, ImpactID: \"\" });\n }\n }}\n onChange={(value) => {\n setFormData({\n ...form,\n ImpactID: value,\n });\n }}\n >\n {selectedListOfImpact.map((item, i) => {\n let { ImpactLevel, ImpactID, Description } = item;\n return (\n \n );\n })}\n \n \n \n ) : (\n \n )}\n \n )}\n
\n\n {errorMsg.length < 1 ? (\n \n \n ) : (\n \n
\n\n \n \n \n
\n
\n
\n
\n );\n};\n\nexport default NewProject;\n","export const checkArr = () => {\n return [\n {\n name: \"IDA CC DSML\",\n label: \"IDA CC DSML\",\n },\n {\n name: \"IDT Digital Innovation\",\n label: \"IDT Digital Innovation\",\n },\n {\n name: \"PTX\",\n label: \"PTX\",\n },\n {\n name: \"Commercial Data Science\",\n label: \"Commercial Data Science\",\n },\n {\n name: \"Other\",\n label: \"Other\",\n },\n ];\n};\n","import {\n Option,\n Select,\n Text,\n Grid,\n Button,\n} from \"@sede-x/shell-ds-react-framework\";\nimport React, { useEffect, useContext, useState } from \"react\";\nimport { actions, Context } from \"../../context\";\nimport { details, api } from \"../../api\";\nimport \"./ExistingProject.css\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport SnackBar from \"../SnackBars\";\nimport {\n Add,\n Cross,\n Check,\n Edit,\n} from \"@sede-x/shell-ds-react-framework/build/esm/components/Icon/components\";\nimport { GET_ALL_EMAIL_IDS } from \"../../api/APIdetails\";\nimport { checkArr } from \"./DataConfig\";\nimport axios from \"axios\";\n\nconst ExistingProject = ({ onProjectChange, loadProjects }) => {\n const [state, dispatch] = useContext(Context);\n const history = useHistory();\n const [redirectFlag, setRedirectFlag] = useState(false);\n const {\n BASE_URL,\n GET_RAM_DETAILS_BY_PROJECT_ID_URL,\n PUT_POC_EMAIL_IDS,\n PUT_MCDS_ORG,\n } = details;\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedEmails, setSelectedEmails] = useState([]);\n const [allEmailIds, setAllEmailIds] = useState([]);\n const [value, setValue] = useState();\n const [editMode, setEditMode] = useState(false);\n const [editSelectMode, setEditSelectMode] = useState(false);\n const [editMCDS, setEditMCDS] = useState(false);\n const [editMCDSBtn, setMCDSBtn] = useState(false);\n const [selectedMCDS, setSelectedMCDS] = useState([]);\n const [selectedMCDSCheck, setSelectedMCDSCheck] = useState([]);\n\n useEffect(() => {\n loadEmailIds();\n }, []);\n\n useEffect(() => {\n // console.log(\"New Project\");\n setEditMode(false);\n setEditSelectMode(false);\n setEditMCDS(false);\n setMCDSBtn(false);\n }, [onProjectChange]);\n const {\n selectedProject,\n banner,\n selectedFlag,\n selectedProject: {\n Description,\n PointOfContactEmailID,\n Areas,\n ComplexityLevel,\n ImpactLevel,\n ImpactDescription,\n ComplexityDescription,\n ProjectName,\n FunnelProjectID,\n ProjectID,\n MCDSOrg,\n },\n project = {},\n } = state;\n\n useEffect(() => {\n dispatch({\n type: actions.SET_SelectedProject,\n payload: {},\n });\n }, []);\n\n useEffect(() => {\n const params = { ProjectID };\n let url = `${BASE_URL}${GET_RAM_DETAILS_BY_PROJECT_ID_URL}`;\n if (ProjectID && Areas === \"Financial Operations\") {\n api.getCalls(\"getDetails\", url, params).then((response) => {\n let { data: { recordset = [] } = {}, error } = response;\n if (recordset.length >= 1) {\n setRedirectFlag(false);\n } else {\n setRedirectFlag(false);\n }\n });\n }\n setEditMode(false);\n setMCDSBtn(false);\n return () => {\n setBanner(false, \"\", \"\");\n };\n }, [selectedProject]);\n\n // console.log(redirectFlag);\n console.log(selectedProject);\n\n const onTakeSurvey = () => {\n dispatch({\n type: actions.SET_TakingSurvey,\n payload: !state.takingSurvey,\n });\n dispatch({\n type: actions.SET_SelectedFlag,\n payload: \"existingProject\",\n });\n\n if (Areas === \"Financial Operations\") {\n if (!redirectFlag) {\n console.log(\"redirecting\");\n history.push(\"/riskAssessment\");\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 5,\n },\n });\n } else {\n console.log(\"not redirecting\");\n setBanner(\n true,\n \"warning\",\n \"Risk Assessment Matrix(RAM) is already evaluated for this project\"\n );\n }\n } else if (Areas === \"Emerging Digital Technologies\") {\n history.push(\"/edt\");\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 6,\n },\n });\n } else {\n history.push(\"/survey\");\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 4,\n },\n });\n }\n };\n\n const setBanner = (show, type = \"error\", error) => {\n dispatch({\n type: actions.SET_Banner,\n payload: {\n show,\n type,\n message: error,\n },\n });\n };\n\n const putMCDSOrg = async () => {\n console.log(\"Check Clicked\");\n const params = { ProjectID };\n try {\n let McdsCheck = \"\";\n if (\n typeof selectedMCDS !== \"undefined\" &&\n selectedMCDS !== null &&\n Array.isArray(selectedMCDS)\n ) {\n const valueString = selectedMCDS.join(\",\");\n McdsCheck = valueString;\n }\n console.log(\"Mcds- \" + McdsCheck);\n const body = {\n McdsCheck,\n };\n let url = `${BASE_URL}${PUT_MCDS_ORG}`;\n // console.log(\"URL: \", url);\n let response = await axios.put(url, body, { params: { ProjectID } });\n // console.log(response);\n let { data: { recordsets = [] } = {}, error } = response;\n if (error) {\n setBanner(true, \"error\", error);\n console.log(error);\n } else {\n setBanner(true, \"success\", \"MCDS Organisation Updated Successfully\");\n loadProjects(true);\n }\n } catch (error) {\n console.log(`PUT Email-`, error.message);\n\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n }\n };\n\n const putPOCemail = async () => {\n // console.log(\"Check Clicked\");\n const params = { ProjectID };\n try {\n let Email = \"\";\n if (\n typeof value !== \"undefined\" &&\n value !== null &&\n Array.isArray(value)\n ) {\n const valueString = value.join(\",\");\n Email = Email ? Email + \",\" + valueString : valueString;\n }\n // console.log(\"Email List:\", Email);\n const body = {\n Email,\n };\n let url = `${BASE_URL}${PUT_POC_EMAIL_IDS}`;\n // console.log(\"URL: \", url);\n let response = await axios.put(url, body, { params: { ProjectID } });\n // console.log(response);\n let { data: { recordsets = [] } = {}, error } = response;\n if (error) {\n setBanner(true, \"error\", error);\n console.log(error);\n } else {\n setBanner(true, \"success\", \"Email Updated Successfully\");\n loadProjects(true);\n }\n } catch (error) {\n console.log(`PUT Email-`, error.message);\n\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n }\n };\n\n // useEffect(() => {\n // console.log(\"UseEffect-\", state);\n // if (ProjectID) {\n // onProjectChange(null, { value: ProjectID });\n // }\n // }, [state]);\n const loadEmailIds = async () => {\n try {\n let url = `${BASE_URL}${GET_ALL_EMAIL_IDS}`;\n let response = await axios.get(url);\n // console.log(response);\n let { data: { recordsets = [] } = {}, error } = response;\n console.log(recordsets);\n setAllEmailIds(recordsets[0]);\n } catch (error) {\n // console.log(error.toJSON.message());\n // console.log(err.response.status);\n // console.log(err.response.headers);\n console.log(`Email-`, error.message);\n // setErrMsg(error.message);\n // if (!error.response) {\n // history.push(\"/errorPage\");\n // } else {\n // console.log(error.response.status);\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n // }\n // console.log(error.toJSON());\n }\n };\n\n const handleSearch = (value) => {\n setSearchTerm(value);\n };\n\n const handleEmailSelect = (value) => {\n if (selectedEmails.length < 3) {\n setSelectedEmails(value);\n setValue(value);\n }\n };\n\n const filteredOptions = allEmailIds.filter((option) =>\n option.EmailID.toString().toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n const toggleEditMode = () => {\n setEditMode(!editMode);\n setEditSelectMode(true);\n };\n const toggleCheckMode = () => {\n setEditMode(!editMode);\n putPOCemail();\n };\n\n const handleMCDSSelect = (value) => {\n setSelectedMCDSCheck(value);\n setSelectedMCDS(value);\n };\n console.log(selectedMCDS + \" hh \" + selectedMCDSCheck);\n const toggleMCDSBtn = () => {\n setMCDSBtn(!editMCDSBtn);\n setEditMCDS(true);\n };\n const toggleMCDSCheckMode = () => {\n setMCDSBtn(!editMCDSBtn);\n putMCDSOrg();\n };\n\n return (\n \n
\n handleCheckboxChange(item.name)}\n name={item.name}\n size=\"small\"\n label={item.label}\n />\n
\n ))}\n \n \n
\n {FOFlag && (\n <>\n
\n {detErrorMsg}\n
\n )}\n {edtFlag && (\n\n {edtFlag && (\n
\n {detErrorMsg}\n
\n )}\n\n
\n Point of Contact \n
\n \n {loginUser.EmailID} \n \n {/* Render options only for the filtered options */}\n {searchTerm &&\n filteredOptions.map((option) => (\n \n ))}\n \n {selectedEmails.length === 2 && (\n
\n {errorMsg}
\n )}\n\n
\n {\n handleClick();\n }}\n loading={loader}\n disabled={btnDis}\n >\n CREATE PROJECT\n \n
\n \n
\n
\n \n The DHC is a ‘self-help’ tool to allow you to reflect, as the project\n team, on how the project is progressing. The surveys, which include\n content assurance and software engineering questions are loosely based\n on the MCDS Technical Standards (more information available in the FAQ\n section).\n \n We suggest that you, as a project team, also complete the MCDS RAM\n (Risk Assessment Matrix) which can be found separately following this{\" \"}\n \n form\n {\" \"}\n or on the MCDS website. This Risk Matrix will also determine whether\n your project requires MCDS Technical Assurance. Take a look at the\n MCDS Website for more information.\n \n
\n \n
\n {banner.show && (\n setBanner(false, \"\", \"\")} />\n )}\n {project && (\n \n {project.listOfProjects.map((projectItem, index) => (\n \n ))}\n \n )}\n \n Domain \n \n \n {Areas} \n \n \n Email \n \n\n \n
\n \n {Description && (\n <>\n \n {selectedProject && selectedProject.ProjectID !== undefined && (\n <>\n \n {FunnelProjectID && (\n <>\n \n Project Opportunity ID \n \n \n {FunnelProjectID} \n \n \n )}\n \n MCDS Project Organisation \n \n \n
\n \n \n {editMCDS ? (\n \n {/* Render options only for the filtered options */}\n {/* {searchTerm && */}\n {checkArr().map((option) => (\n \n ))}\n \n ) : (\n {MCDSOrg} \n )}\n \n {editMCDSBtn ? (\n
\n \n {editSelectMode ? (\n \n {/* Render options only for the filtered options */}\n {searchTerm &&\n filteredOptions.map((option) => (\n \n ))}\n \n ) : (\n \n {PointOfContactEmailID} \n \n )}\n \n {editMode ? (\n
\n \n
\n
\n
\n onTakeSurvey()}\n >\n TAKE A NEW SURVEY\n \n
\n \n )}\n \n \n );\n};\n\nexport default ExistingProject;\n","import { Tabs } from \"@sede-x/shell-ds-react-framework\";\nimport React, { useEffect, useContext } from \"react\";\nimport { actions, Context } from \"../../context\";\nimport { details, api } from \"../../api\";\nimport NewProject from \"./NewProject\";\nimport ExistingProject from \"./ExistingProject\";\n\nconst Home = () => {\n const [state, dispatch] = useContext(Context);\n\n const listOfAreas = [\n {\n label: \"Data Science, Statistics & A.I\",\n value: \"Data Science, Statistics & A.I\",\n },\n {\n label: \"Computational Science\",\n value: \"Computational Science\",\n },\n {\n label: \"Emerging Digital Technologies\",\n value: \"Emerging Digital Technologies\",\n },\n ];\n\n const listOfStages = [\n {\n label: \"Ideation (Understand, Frame & Define)\",\n value: \"Ideation (Understand, Frame & Define)\",\n },\n {\n label:\n \"Discover (Prepare, Research & Validation - PoC/PoT/Prototype or Tech Design)\",\n value:\n \"Discover (Prepare, Research & Validation - PoC/PoT/Prototype or Tech Design)\",\n },\n {\n label: \"Develop & Demonstrate (Pilot, Model, Evaluate, MVP iterations)\",\n value: \"Develop & Demonstrate (Pilot, Model, Evaluate, MVP iterations)\",\n },\n {\n label: \"Production Deployment & Replication (MDP)\",\n value: \"Production Deployment & Replication (MDP)\",\n },\n ];\n\n const edtStages = [\n {\n label: \"PoC/PoT\",\n value: \"PoC/PoT\",\n },\n {\n label: \"MVP\",\n value: \"MVP\",\n },\n {\n label: \"Production\",\n value: \"Production\",\n },\n ];\n\n const listOfTeamSizes = [\n {\n label: \"1-3 members\",\n value: \"1-3 members\",\n },\n {\n label: \">3 members but co-located\",\n value: \">3 members but co-located\",\n },\n {\n label: \">3 members but not co-located\",\n value: \">3 members but not co-located\",\n },\n ];\n\n //Getting state\n const {\n project = {},\n selectedProject,\n banner,\n takingSurvey,\n selectedFlag,\n } = state;\n\n //Get Project Details request URL\n const { BASE_URL, GET_PROJECTS_URL } = details;\n\n //Fetches existing projects\n const loadProjects = async (flag) => {\n let url = `${BASE_URL}${GET_PROJECTS_URL}`;\n let response = await api.getCalls(\"loadProjects\", url);\n let { data: { recordset: recordset = [] } = {}, error } = response;\n // console.log(\"Record Set Load- \", recordset);\n if (!error) {\n dispatch({\n type: actions.SET_Projects,\n payload: {\n ...project,\n listOfProjects: recordset,\n },\n });\n console.log(`LoadProjects()`, state);\n //newly created project\n if (recordset.length > 0) {\n flag &&\n dispatch({\n type: actions.SET_SelectedProject,\n payload: recordset[recordset.length - 1],\n });\n }\n }\n };\n // c-onsole.log(`Re-render`, state);\n\n //load existing projects on app load\n useEffect(() => {\n loadProjects();\n if (project.listOfProjects.length === 0) {\n loadProjects();\n setValidProject();\n }\n }, [project.validProject]);\n\n const onProjectChange = (event, value) => {\n let currentProject;\n // console.log(\"Value-\", value);\n if (value) {\n currentProject = project.listOfProjects.find(\n (project) => project.ProjectID === value.value\n );\n // console.log(`IFFFFF()`, currentProject);\n }\n // console.log(value, currentProject);\n currentProject !== null &&\n dispatch({\n type: actions.SET_SelectedProject,\n payload: currentProject,\n });\n\n // console.log(`onProjectChange()`, currentProject);\n setValidProject();\n };\n\n // console.log(`OnProject Change Re-render`, state);\n\n const setValidProject = () => {\n let { ProjectID = undefined } = selectedProject;\n dispatch({\n type: actions.SET_Projects,\n payload: {\n ...project,\n validProject:\n ProjectID !== undefined && ProjectID !== null ? true : false,\n },\n });\n };\n\n return (\n <>\n \n
\n {contactArr[0] && (\n
\n
\n
\n \n
\n {item.name} \n\n \n {item.role}\n \n \n \n {' '}\n {item.email}\n \n \n \n
\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n\n
\n
\n \n );\n};\n\nexport default FAQPage;\n","import {\n Avatar,\n Button,\n Menu,\n MenuItem,\n Modal,\n NavBar,\n Text,\n Tooltip,\n} from \"@sede-x/shell-ds-react-framework\";\nimport {\n BarChartSquareSolid,\n HomeSolid,\n InfoSquare,\n PeopleSquare,\n QuestionMarkSquare,\n} from \"@sede-x/shell-ds-react-framework/build/esm/components/Icon/components\";\nimport React, { useContext, useState } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom/cjs/react-router-dom\";\nimport { Context, actions } from \"../../context\";\nimport { useEffect } from \"react\";\n\nconst MENU_OPTIONS_TO_COMPONENT = {\n Home: HomeSolid,\n Dashboard: BarChartSquareSolid,\n FAQ: QuestionMarkSquare,\n Contact: PeopleSquare,\n // TestPage: PeopleSquare,\n};\n\nconst VerticalMenu = ({ onClick }) => {\n return (\n \n );\n};\n\nconst SideNavBar = () => {\n console.log(\"rendered\");\n const history = useHistory();\n const location = useLocation();\n const [_, dispatch] = useContext(Context);\n\n const [open, setOpen] = useState(false);\n const handleOnClose = () => setOpen(false);\n\n // Set index of the selected menu everytime when app renders (consistency)\n useEffect(() => {\n if (location.pathname === \"/home\") {\n storeIndexData(0);\n } else if (location.pathname === \"/review\") {\n storeIndexData(1);\n } else if (location.pathname === \"/FAQ\") {\n storeIndexData(2);\n } else if (location.pathname === \"/contact\") {\n storeIndexData(3);\n } else if (location.pathname === \"/survey\") {\n storeIndexData(4);\n } else if (location.pathname === \"/riskAssessment\") {\n storeIndexData(5);\n } else if (location.pathname === \"/edt\") {\n storeIndexData(6);\n } else if (location.pathname === \"/edtResult\") {\n storeIndexData(7);\n }\n }, []);\n\n // storing index in state\n const storeIndexData = (index) => {\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index,\n },\n });\n };\n\n // handle click of menu items, navigating to the desired route\n const handleClick = (text, index) => {\n storeIndexData(index);\n if (text === \"Home\") {\n history.push(\"/home\");\n } else if (text === \"Dashboard\") {\n history.push(\"/review\");\n }\n if (text === \"FAQ\") {\n history.push(\"/FAQ\");\n }\n if (text === \"Contact\") {\n history.push(\"/contact\");\n }\n // if (text === 'TestPage') {\n // history.push('/test');\n // }\n };\n\n // vertical menu options of navbar\n\n return (\n \n
\n \n \n
\n \n
\n \n
\n When did it start?
\n\n
\n \n Quality Assurance started in 2018 for PTX/D to improve the\n overall quality of the delivery in projects in the data\n science and computational science space, and the scope and\n understanding has grown and spread across other areas of\n Shell today.\n
\n\n
\n What is Quality Assurance?
\n\n \n Click here for more information\n \n
\n \n \n
\n \n
\n Why we do it?
\n\n
\n \n “Quality” is a mindset and culture. This is NOT a checkbox\n exercise. QA is mandatory for all projects and the\n criticality and risks of the projects (as revealed by the\n RAM), determines the next steps.\n
\n\n\n Project “Quality” is owned by “Everyone” involved in the\n project and adaptation of this is led by the projects which\n is supported by MCDS discipline via the standards\n (Computational Science, Data Science, and Implementation\n Standards). The QA process is there to help and empower\n teams on their quality journey.\n
\n\n\n For projects which are in scope for Technical Assurance (TA)\n the DHC forms an important part of the documentation to\n assess the technical maturity of a project.\n
\n\n
\n Quality Control versus Quality Assurance
\n\n \n
\n \n
\n \n
\n What and why?
\n\n
\n \n The DHC is a scalable framework to recommend “every” project\n completes a self-assessment on how they are doing against\n various software engineering and statistical/data science\n modelling aspects over time. The DHC and Risk Assessment\n Matrix (RAM) should be used from early stages of the project\n lifecycle to understand the exposure of risk.{\" \"}\n
\n\n
\n Frequency
\n\n
\n \n The DHC is recommended to be done every 6 months or at every\n project milestone/stage gate.{\" \"}\n
\n\n
\n The Process
\n\n
\n \n Complete the various surveys in the DHC, looking at code\n implementation, testing and modelling approach, and based on\n your answers, the portal will produce a score based on your\n answers. This score is for the project team to assess\n internally and discuss ways they can improve their score\n over the project lifecycle.\n
\n\n
\n \n
\n What is MCDS?
\n\n
\n \n MCDS is the Maths, Computational and Data Science discipline\n in the Shell R&D Technical function. The MCDS community\n includes all technical staff across PTX, IDT and Commercial\n Data Science, which offers upskilling and learning sessions,\n career development and mentoring opportunities, to name just\n a few. Take a look at the MCDS{\" \"}\n
\n The discipline has 4 key technical standards which define\n the technical requirements for projects in the MCDS scope\n which can be found on the website:\n
\n- \n
- \n
- \n
- \n
- \n
\n For information on the Technical Assurance process, the Risk\n Assessment Matrix and other MCDS queries, please visit the\n
\n
\n ![\"MCDSLogo\"](\"MCDSLogo.jpg\")
\n
\n \n );\n};\n\nexport default TopNavBar;\n","import {\n FormField,\n Grid,\n Option,\n Select,\n Text,\n} from '@sede-x/shell-ds-react-framework';\nimport React from 'react';\n\nconst EdtQuestion = ({\n index,\n questionId,\n questionText,\n questionCategory,\n answerOptions,\n handleAnswerChange,\n type = 'general',\n generalLength,\n}) => {\n return (\n \n Digital Health Check Portal
\n\n {questionCategory} \n \n {type === 'domain' ? generalLength + index + 1 : index + 1}.{' '}\n {\n \n }\n \n
\n \n \n \n EDT SURVEY\n \n \n
\n\n \n
\n {!loading && !error && (\n\n \n
\n \n \n )}\n
\n );\n};\n\nexport default EdtSurvey;\n","import {\n Accordion,\n AccordionPanel,\n Button,\n Card,\n Grid,\n Heading,\n ProgressBar,\n Table,\n Text,\n} from \"@sede-x/shell-ds-react-framework\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport \"./EdtResult.css\";\nimport axios from \"axios\";\nimport { Context, actions } from \"../../context\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom\";\nimport {\n BASE_URL,\n GET_EDT_QUESTIONS,\n GET_EDT_SURVEY_DETAILS,\n SAVE_EDT_SURVEY,\n POST_PROJECTDETAILS_URL,\n} from \"../../api/APIdetails\";\nimport { api } from \"../../api\";\nimport * as FileSaver from \"file-saver\";\nimport * as XLSX from \"xlsx\";\nimport {\n TBody,\n TD,\n TH,\n THead,\n TR,\n} from \"@sede-x/shell-ds-react-framework/build/esm/components/Table/Table.styles\";\nimport { Download } from \"@sede-x/shell-ds-react-framework/build/esm/components/Icon/components\";\n\nconst EdtSurveyResult = () => {\n const [state, dispatch] = useContext(Context);\n const [isRamDone, setRamDone] = useState(false);\n const history = useHistory();\n const [formSubmit, setFormSubmit] = useState(false);\n const {\n banner,\n selectedProject,\n EDT,\n EDTAnswers,\n formData,\n EDTScore,\n selectedFlag,\n RAMNeeded,\n EDTSurvey,\n } = state;\n const [edtSurveyAnswers, setEdtSurveyAnswers] = useState([]);\n // console.log(selectedProject);\n // console.log(EDT);\n // console.log(EDTAnswers);\n\n useEffect(() => {\n if (!formSubmit) {\n window.addEventListener(\"beforeunload\", alertUser);\n return () => {\n window.removeEventListener(\"beforeunload\", alertUser);\n };\n }\n }, [formSubmit]);\n\n const alertUser = (e) => {\n e.preventDefault();\n e.returnValue = \"You have unsaved changes, are you sure you want to leave?\";\n };\n\n useEffect(() => {\n console.log(formSubmit);\n\n if (!formSubmit) {\n const unblock = history.block((location, action) => {\n if (\n action === \"PUSH\" &&\n location.pathname !== \"/review\" &&\n location.pathname !== \"/riskAssessment\"\n ) {\n return window.confirm(\n \"You have unsaved changes, are you sure you want to leave this page?\"\n );\n }\n return true;\n });\n return () => unblock();\n }\n }, [history, formSubmit]);\n\n useEffect(() => {\n const loadEdtSurveyDetails = async () => {\n // const url = `${BASE_URL}${GET_EDT_SURVEY_DETAILS}`;\n // const response = await api.getCalls(\"loadEdtSurvey\", url);\n // const edtDetails = response.data;\n // console.log(edtDetails);\n // const ramExists = edtDetails.some(\n // (item) => item.project_id === selectedProject.ProjectID\n // );\n // console.log(ramExists);\n setRamDone(false);\n\n const quesUrl = `${BASE_URL}${GET_EDT_QUESTIONS}`;\n const quesResponse = await api.getCalls(\"loadEdtQuestions\", quesUrl);\n console.log(quesResponse.data.recordset);\n const questions = quesResponse.data.recordset;\n const surveyRes = questions\n .filter((item) => EDTAnswers[item.id]) // Filter out items with no matching id in EDTAnswers\n .map((item) => ({\n id: item.id,\n text: item.text,\n type: item.type,\n ...EDTAnswers[item.id], // Merge properties from EDTAnswers\n }));\n\n setEdtSurveyAnswers(surveyRes);\n };\n loadEdtSurveyDetails();\n }, []);\n\n console.log(edtSurveyAnswers);\n const setBanner = (show, type = \"error\", error) => {\n dispatch({\n type: actions.SET_Banner,\n payload: {\n show,\n type,\n message: error,\n },\n });\n };\n\n const handleClick = async () => {\n if (RAMNeeded) {\n await new Promise((resolve) => {\n setFormSubmit(true);\n resolve();\n });\n setTimeout(() => {\n history.push(\"/riskAssessment\");\n }, 1);\n } else {\n try {\n let ProjectID, ProjectAreas;\n // First API call\n if (selectedFlag === \"newProject\") {\n ProjectAreas = formData.Areas;\n let url1 = `${BASE_URL}${POST_PROJECTDETAILS_URL}`;\n let response1 = await axios.post(url1, formData);\n let { data: { recordset: recordSet = [] } = {}, error: error1 } =\n response1;\n ProjectID = recordSet[0].ProjectID;\n\n dispatch({\n type: actions.SET_PROJECT_ID,\n payload: ProjectID,\n });\n\n console.log(\"Project ID- \", ProjectID);\n console.log(\"Response1\", response1);\n if (error1) {\n console.log(\"Error in Create Project\", response1.error);\n setBanner(true, \"error\", error1);\n throw new Error(error1); // Stop execution if there's an error\n } else {\n console.log(\"Project Created Successfully\", recordSet[0]);\n }\n } else if (selectedFlag === \"existingProject\") {\n ProjectID = selectedProject.ProjectID;\n ProjectAreas = selectedProject.Areas;\n dispatch({\n type: actions.SET_PROJECT_ID,\n payload: ProjectID,\n });\n }\n console.log(\"Project Area: \", ProjectAreas);\n let EDTID;\n // Second API call\n if (ProjectAreas === \"Emerging Digital Technologies\") {\n // console.log(\"Inside\", ProjectAreas, ProjectID);\n const url2 = `${BASE_URL}${SAVE_EDT_SURVEY}`;\n const params = { ...EDTSurvey, projectId: ProjectID };\n const response2 = await axios.post(url2, params); //'saveEdt'\n console.log(\"EDT Response - \", response2);\n EDTID = response2.data.edtId;\n dispatch({\n type: actions.SET_EDT,\n payload: response2.data,\n });\n await new Promise((resolve) => {\n setFormSubmit(true);\n resolve();\n });\n setTimeout(() => {\n history.push(\"/review\");\n });\n } else {\n console.log(\"ERROR NOT EDT SURVEY: \", ProjectAreas);\n }\n } catch (error) {\n console.log(\"Error in Survey Details\", error);\n console.log(`Project Not Created-`, error.message);\n const errorCode = error.response ? error.response.status : 500;\n history.push(\"/errorPage\", { error, errorCode });\n }\n }\n };\n const exportEdtSurveyResponses = () => {\n const toExportEdt = edtSurveyAnswers.map((data) => ({\n Question: data.text,\n Answer: data.children,\n Type: data.type,\n }));\n\n const today = new Date().toLocaleDateString();\n let name =\n selectedFlag === \"existingProject\"\n ? selectedProject.ProjectName\n : formData.Name;\n exportToCSV(toExportEdt, `${name}_EDT_Survey_On_${today}`);\n };\n\n const exportToCSV = (apiData, fileName) => {\n const fileType =\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\n const fileExtension = \".xlsx\";\n const ws = XLSX.utils.json_to_sheet(apiData);\n\n const wb = { Sheets: { data: ws }, SheetNames: [\"data\"] };\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\n const data = new Blob([excelBuffer], { type: fileType });\n FileSaver.saveAs(data, fileName + fileExtension);\n };\n\n let ComplexityLevel, ComplexityDescription;\n if (selectedFlag === \"newProject\") {\n if (formData.ComplexityID === 1) {\n ComplexityLevel = \"Low\";\n ComplexityDescription = \"no code or >100 lines of code\";\n } else if (formData.ComplexityID === 2) {\n ComplexityLevel = \"Medium\";\n ComplexityDescription = \"100-10,000 lines of code\";\n } else if (formData.ComplexityID === 3) {\n ComplexityLevel = \"High\";\n ComplexityDescription = \"more than 10,000 lines of code\";\n }\n }\n\n return (\n \n
\n \n \n Project Name: \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.ProjectName} \n ) : (\n {formData.Name} \n )}\n \n {(selectedProject.FunnelProjectID || formData.FunnelProjectID) && (\n <>\n \n Project Opportunity ID: \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.FunnelProjectID} \n ) : (\n {formData.FunnelProjectID} \n )}\n \n \n )}\n\n \n Domain: \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.Areas} \n ) : (\n {formData.Areas} \n )}\n \n \n
\n \n {loading && setError(undefined)}\n title={error}\n />\n )}\n {fetchedQuestions.general &&\n fetchedQuestions.general.map((question, idx) => (\n \n \n Does your project fall under any specialty? \n \n \n \n {\n setDomain(value);\n }}\n >\n \n \n \n \n \n \n \n )}\n\n {domain &&\n fetchedQuestions[domain].map((question, idx) => (\n
\n \n {!loading && !error && (\n
\n \n SUBMIT EDT SURVEY\n \n
\n \n
\n \n \n EDT SURVEY RESULT\n \n \n
\n
\n\n \n \n \n \n \n \n
\n\n \n \n \n \n
\n
\n\n \n EDT SURVEY RESPONSES
}\n >\n \n
\n
\n \n \n \n Project Name: \n \n \n \n \n {\" \"}\n {selectedFlag === \"existingProject\" ? (\n {selectedProject.ProjectName} \n ) : (\n {formData.Name} \n )}\n \n \n {(formData.Description || selectedProject.Description) && (\n <>\n \n \n Description:\n \n \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.Description} \n ) : (\n {formData.Description} \n )}\n \n \n \n )}\n\n \n \n Point of Contact: \n \n \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.PointOfContactEmailID} \n ) : (\n {formData.Email} \n )}\n \n \n \n \n Code Complexity: \n \n \n \n \n {selectedFlag === \"existingProject\" ? (\n \n {selectedProject.ComplexityLevel} -{\" \"}\n {selectedProject.ComplexityDescription}\n \n ) : (\n \n {ComplexityLevel} - {ComplexityDescription}\n \n )}\n \n \n \n
\n \n
\n \n 50 && EDTScore < 60\n ? \"default\"\n : \"positive\"\n }\n />\n
\n Total Score
\n\n
\n {isRamDone ? (\n {\n history.push(\"/review\");\n }}\n >\n GO TO DASHBOARD\n \n ) : (\n \n {RAMNeeded ? \"TAKE RAM SURVEY\" : \"SUBMIT\"}\n \n )}\n
\n \n
\n
| Question | \nAnswer | \nType | \n
|---|---|---|
| \n {idx + 1}.{\" \"}\n {\n | \n {response.children} | \n{response.type} | \n
\n \n );\n }\n })\n : response.ChoiceDesc}\n \n
\n \n \n RAM SURVEY RESULT\n \n \n
\n
\n\n \n \n \n \n \n \n
\n\n \n \n \n \n
\n
\n {surveyResponses.length > 0 && (\n\n \n RAM SURVEY RESPONSES
}\n >\n \n
\n
\n \n \n \n Project Name: \n \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.ProjectName} \n ) : (\n {formData.Name} \n )}\n \n {(selectedProject.Description || formData.Description) && (\n <>\n \n \n Description:\n \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.Description} \n ) : (\n {formData.Description} \n )}\n \n \n )}\n\n \n \n Point of Contact: \n \n \n \n {selectedFlag === \"existingProject\" ? (\n {selectedProject.PointOfContactEmailID} \n ) : (\n {formData.Email} \n )}\n \n \n
\n \n \n {technicalAssurance\n ? \"Technical Assurance is Required\"\n : \"Technical Assurance Not Required\"}\n \n
\n \n
\n {\n dispatch({\n type: actions.SET_selectedMenuIndex,\n payload: {\n index: 1,\n },\n });\n history.push(\"/review\");\n setLoader(!loader);\n }}\n loading={loader}\n >\n GO TO DASHBOARD\n \n
\n \n
\n {surveyResponses.length > 0 && (\n
| Question | \nAnswer | \n
|---|
\n
\n );\n};\n\nconst styles = {\n container: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n height: \"100vh\",\n // backgroundColor: \"#f8f8f8\",\n },\n errorBox: {\n textAlign: \"center\",\n padding: \"40px\",\n borderRadius: \"8px\",\n boxShadow: \"0 4px 8px rgba(0, 0, 0, 0.1)\",\n backgroundColor: \"#fff\",\n },\n errorCode: {\n fontSize: \"48px\",\n color: \"#e74c3c\",\n margin: \"0\",\n },\n errorText: {\n fontSize: \"24px\",\n color: \"#333\",\n margin: \"20px 0 0\",\n },\n button: {\n padding: \"10px 20px\",\n fontSize: \"16px\",\n backgroundColor: \"#fecb00\",\n color: \"#000000\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n marginTop: \"20px\",\n },\n};\n\nexport default PageNotFound;\n","import React, { useEffect } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { Button } from \"@sede-x/shell-ds-react-framework\";\nimport \"./SignOutPage.css\"; // import the CSS file\n\nconst SignedOut = () => {\n const history = useHistory();\n const location = useLocation();\n\n useEffect(() => {\n if (!location.state || !location.state.fromTokenRefresher) {\n history.replace(\"/home\"); // or wherever you want to redirect\n }\n }, [history, location]);\n\n const handleSignIn = () => {\n history.push(\"/home\"); // Redirect to homepage\n };\n\n return (\n \n
\n Error - {errorCode}
\n{errorMessage}
\n {/*{error.message}
*/}\n\n Please refresh the page. If this doesn't work, please reach out to a\n focal listed in the contact page.\n
\n \n\n \n Sign In\n \n
\n );\n};\n\nexport default SignedOut;\n","import React, { useState } from \"react\";\nimport {\n Route,\n BrowserRouter as Router,\n Switch,\n Redirect,\n} from \"react-router-dom\";\nimport {\n Login,\n Project,\n LinearStepper,\n RiskAssessment,\n Authenticator,\n FAQ,\n ContactForm,\n} from \"./components\";\nimport { Store } from \"./context\";\n\n// import './styles/styles.scss';\n\nimport FAQPage from \"./components/FAQ/FAQPage\";\nimport { ShellThemeProvider } from \"@sede-x/shell-ds-react-framework\";\nimport Home from \"./components/project/Home\";\nimport SideNavBar from \"./components/layout/SideNavBar\";\nimport \"./index.css\";\n\nimport styled, { css } from \"styled-components\";\nimport TopNavBar from \"./components/layout/TopNavBar\";\nimport EdtSurvey from \"./components/survey/EdtSurvey\";\nimport EdtSurveyResult from \"./components/survey/EdtSurveyResult\";\nimport DashBoard from \"./dasboard/DashBoard\";\nimport DhcSurvey from \"./components/survey/DhcSurvey\";\nimport RAMSurveyByProject from \"./components/RAM/RAMSurveyByProject\";\nimport ErrorPageNotFound from \"./components/ErrorPages/PageNotFound\";\nimport SignOutPage from \"./components/SignOutPage/SignOutPage\";\n\nconst Wrapper = styled.div`\n ${({ theme, narrow }) => css`\n background-color: ${theme.background.base};\n height: 100%;\n width: ${narrow ? \"500px\" : \"100%\"};\n `}\n`;\n\nconst AppContainer = () => {\n return (\n <>\n {/* \n \n
\n {/* \n