\n {/* Navigation */}\n
\n );\n }\n}\n","import React, {useState} from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Button from \"react-bootstrap/Button\";\nfunction UnderstandingResults() {\n const [show, setShow] = useState(false);\n\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n return (\n <>\n \n \n
\n - \n {this.state.questionnaire &&\n this.state.questionnaire.map((domain, domainId) => (\n this.renderNavButton(domain, domainId)\n ))}\n
\n
\n {this.state.currentDomain.name}
\n\n {/* Question Area */}\n
\n {/* Submit Questionnaire */}\n {completion.completed === this.state.totalDomains && this.state.currentUser && this.state.currentUser.role === \"fullcontrol\" ? (\n \n {/* info button */}\n
\n \n \n
\n {/* first question */}\n {this.state.currentDomain.questions ?\n this.renderButtons(this.state.currentDomain.questions[0], \"primary container\") : null}\n {/* secondary questions */}\n {this.state.currentDomain.questions &&\n this.state.currentDomain.questions[0].domainId !== PROCESS_DOMAIN ?\n (\n i
\n\n \n
\n {this.state.currentDomain.code} - {this.state.currentDomain.name}
\n \n \n\n {this.state.currentDomain.questions[0].answers.length > 0 &&\n this.state.currentDomain.questions[0].answers[0].value === 1 &&\n this.state.currentDomain.questions.slice(1).map((question, questionId) => (\n
\n ) : (\n \n {this.renderButtons(question, \"secondary\")}\n
\n ))}\n \n {this.state.currentDomain.questions &&\n this.state.currentDomain.questions.slice(1).map((question, questionId) => (\n
\n )}\n \n {this.renderButtons(question, \"primary container\")}\n
\n ))}\n \n {' '}\n
\n\n ):\n\n this.state.showMessage === true ? (\n \n \n
\n ): null \n \n }\n {/* Bottom Arrows */}\n Remember: There are no right or wrong answers…
\n\nThe questionnaire is designed to capture the cybersecurity things you have in place today compared to the\n CMMC model.
\n\n {this.state.currentDomain !== -1 &&\n this.state.currentDomain.id > 1 ? (\n \n ):null}\n {this.state.currentDomain !== -1 &&\n this.state.currentDomain.id < PROCESS_DOMAIN ? (\n \n ):null}\n
\n Understanding Your Results
\n \n\n\n
\n Understanding the Questionnaire Results
\nYour questionnaire responses are used to project your current state Maturity Level based on the CMMC model. The projected level is based on the Domains, Capabilities, and Processes your responses indicated are in place at your organization.
\n\nYour Current Cybersecurity Safeguards Compared to the CMMC Model
\nThe CMMC model is made up of seventeen (17) Domains, forty-three (43) Capabilities, and one hundred seventy-one (171) Practices. Practices are components of Capabilities, which are in turn components of Domains. Individual Practices are required by Maturity Level. Capabilities and Domains can span multiple Maturity Levels.
\n\nUnder the CMMC model, six Domains are required to be performed for Maturity Level 1. To reach level 2, nine additional Domains are required. For Level 3-5, all 17 Domains are required.
\n\nCMMC Model Capabilities and Practices
\nEach CMMC Domain is comprised of one or more Capabilities. Capabilities are comprised of Practices that are required for each Maturity Level. The 171 Practices are required by Maturity Level as follows:
\n- \n
- Level 1 = 17 Practices \n
- Level 2 = 55 Practices \n
- Level 3 = 58 Practices \n
- Level 4 = 26 Practices \n
- Level 5 = 15 Practices \n
The CMMC model requires certain Processes are in place and performed to achieve Maturity Levels 2-5. Maturity Level 1 only focuses on the performance of the first seventeen practices without requiring any specific processes. The CMMC model requirements for Processes are as follows:
\n- \n
- \tLevel 2 requires documentation covering each Domain with policies and procedures. \n
- Level 3 requires management through plans for each Domain. \n
- Level 4 requires effectiveness reviews through measures for each Domain. \n
- Level 5 requires continuous improvements through standardization and optimization for each Domain across all applicable organizational units. \n
Questionnaire Maturity Level Projections
\nYour Maturity Level Projection is based on the Domains, Capabilities, and Processes you responded are in place in your organization. The possible values you may have for your Maturity Level Projection are:
\n- \n
- Pre-Level 1 (not yet able to meet certification) \n
- Level 1 \n
- Level 2 \n
- Level 3 \n
- Level 4 \n
- Level 5 \n
To reach a given Maturity Level, you must satisfy all the requirements of that Level plus all the requirements for preceding Levels.
\n\nFor example, to reach Maturity Level 3, you must satisfy all the Maturity Level 1 and 2 requirements in addition to those of Level 3. If you implemented items required for Levels 4 or 5, they do not count towards your accomplishment of Level 3.
\n\nIn addition to your projected Maturity Level, your total number of Capabilities and a list of Processes based on your responses is also provided. A link to view all your response details is also provided.
\n\nThe questionnaire does not ask about specific Practices, leaving these to be validated as part of a subsequent assessment that NCG can provide to independently verify your current state.
\n\nNext Steps after completing the Baseline Questionnaire
\nThe Baseline Questionnaire captures your current state view of your organization’s cybersecurity compared to the CMMC model. That view should be verified and assessed to determine your ability to be successful with the actual certification process.
\n\nNCG uses your Baseline Questionnaire results to streamline and focus the assessment process. This third-party assessment will examine your level of readiness for certification process. Depending on where you currently stand, NCG will develop a roadmap for you to get ready for certification or to accomplish a higher Maturity Level.
\n\n- {level_stats.domains.missing.map(t =>
- {t} )}
- {level_stats.capabilities.missing.map(t =>
- {t} )}
\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport AuthService from \"../services/auth.service\";\nimport OrganizationDataService from \"../services/organization.service\";\nimport { Button } from 'react-bootstrap';\nexport default class Dashboard extends Component {\n constructor(props) {\n super(props);\n\n this.getOrgInfo = this.getOrgInfo.bind(this);\n this.getCompletion = this.getCompletion.bind(this);\n this.submitQuestionnaire = this.submitQuestionnaire.bind(this);\n\n this.state = {\n currentUser: AuthService.getCurrentUser(),\n orgInfo: \"\",\n completion: \"\",\n maturity: \"\"\n };\n\n }\n\n componentDidMount() {\n this.getOrgInfo();\n this.getCompletion();\n this.getMaturityLevel();\n }\n\n getOrgInfo() {\n OrganizationDataService.getOrgInfo({\n organizationId: this.state.currentUser.organizationId\n })\n .then(response => {\n this.setState({\n orgInfo: response.data.data[0],\n });\n })\n }\n\n getCompletion() {\n OrganizationDataService.getCompletionByOrg({\n organizationId: this.state.currentUser.organizationId\n })\n .then(response => {\n this.setState({\n completion: response.data.data,\n });\n })\n }\n\n submitQuestionnaire() {\n let orgInfo = this.state.orgInfo;\n let org = {\n id: orgInfo.id,\n submitted: true,\n submittedUser: this.state.currentUser.id\n }\n OrganizationDataService.submit(org)\n .then(response => {\n orgInfo.submitted = true;\n this.setState({\n orgInfo: orgInfo\n })\n this.props.history.push(\"/summary\");\n window.location.reload();\n })\n }\n\n getMaturityLevel() {\n OrganizationDataService.getLevelByOrg({\n organizationId: this.state.currentUser.organizationId\n })\n .then(response => {\n this.setState({\n maturity: response.data.data.currentLevel,\n });\n })\n }\n\n // ...\n\n render() {\n return (\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n i
\n\n \n
\n The Maturity Level Projection is based on your response to which domains, capabilities, and processes are performed in your organization.\n
\nIn order to progress to the next Maturity Level, all the requirements of the previous levels must be met.\n
\n \nquestionnaire maturity level projection:
\n\n {this.renderLevel(this.state.maturity)}\n
\n \n
\n projected level of the 5 CMMC levels based on your questionnaire\n responses
\n\n
\n \n
\n \n
\n \n
\n i
\n\n \n
\n The listing of Capabilities provides a count of total capabilities in place at your organization. This list is broken down by the capabilities for your current Maturity Level plus any additional that are working towards a subsequent maturity Level.\n
\n \ncapabilities:
\n\n {this.getCapabilitiesText(this.state.maturity)}\n
\n \n
\n Projected CMMC capabilities in place at your organization
\n\n
\n \n
\n \n
\n \n
\n i
\n\n \n
\n The listing of Processes you indicated are in place for your organization.
\n \nprocesses:
\n\n \n
\n \n
\n Projected CMMC processes in place at your organization
\n\n
\n {this.state.orgInfo && !this.state.orgInfo.getStarted ? (\n \n
\n \n
\n next steps:
\n\n
\n \n #1\n
\n \n {this.getStepOneText(this.state.maturity)}\n
\n \n #2\n
\n \n
\n Planning session to map out efforts to your target Maturity Level and rate of accomplishment.
\n\n {' '}\n
\n ) : (\n \n
\n )}\n Your request to be contacted about next steps has been received. Someone from Northcross Group will contact you via email within one business day.
\n\n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport OrganizationDataService from \"../services/organization.service\";\nimport UserDataService from \"../services/user.service\";\n\nimport AuthService from \"../services/auth.service\";\n\nconst PROCESS_DOMAIN_ID = 18; // added here until db is fixed with a flag\n\nexport default class Responses extends Component {\n constructor(props) {\n super(props);\n this.updateQuestionnaireState = this.updateQuestionnaireState.bind(this);\n this.checkStarted = this.checkStarted.bind(this);\n\n this.state = {\n domains: [],\n currentUser: AuthService.getCurrentUser(),\n submittedUser: \"\",\n submittedDate: \"\",\n questionnaire: []\n };\n\n this.getMaturityLevel();\n }\n\n componentDidMount() {\n this.getOrgInfo();\n this.updateQuestionnaireState();\n }\n\n getMaturityLevel() {\n OrganizationDataService.getLevelByOrg({\n organizationId: this.state.currentUser.organizationId\n })\n .then(response => {\n this.setState({\n maturity: response.data.data.currentLevel,\n levels: response.data.data\n });\n })\n }\n\n getOrgInfo() {\n OrganizationDataService.getOrgInfo({\n organizationId: this.state.currentUser.organizationId\n })\n .then(response => {\n let utcDate = response.data.data[0].updatedAt;\n let localDate = new Date(utcDate);\n let dateString = (localDate.getMonth()+1)+\"/\"+localDate.getDate()+\"/\"+localDate.getFullYear();\n this.setState({\n orgInfo: response.data.data[0],\n submittedDate: dateString,\n });\n if(response.data.data[0].submitted) this.getUserInfo();\n })\n }\n\n getUserInfo() {\n UserDataService.getUser(this.state.orgInfo.submittedUser)\n .then(response => {\n let user = response.data.data\n this.setState({\n submittedUser: user.firstName + \" \" + user.lastName\n });\n })\n }\n\n // gets the current state of the questionnaire (domains, questions, answers)\n updateQuestionnaireState() {\n OrganizationDataService.updateQuestionnaireState(this.state.currentUser.organizationId)\n .then(response => {\n this.setState({\n questionnaire: response.data.data,\n });\n })\n }\n\n // render question value\n renderAnswer(value) {\n switch (value) {\n case 0:\n return No answer;\n case 1:\n return Yes\n case 2:\n return No\n default:\n return 'error displaying question buttons';\n }\n }\n\n // returns true if the questionnaire has been started\n checkStarted(){\n if(this.state.questionnaire){\n for(let domain of this.state.questionnaire){\n for(let question of domain.questions){\n if(question.answers && question.answers.length > 0){\n return true;\n }\n }\n };\n }\n return false;\n }\n\n // ...\n render() {\n\n // process domain\n let processDomain = this.state.questionnaire.find(d => d.id === PROCESS_DOMAIN_ID);\n\n return (\n \n
\n \n \n {this.state.orgInfo && this.state.orgInfo.submitted ? (\n
\n \n
\n ) : null}\n \n
\n Preliminary Maturity Level:
\n {this.state.maturity > 0 ? (\nLevel {this.state.maturity}
\n ):(\nPre-Level 1
\n )}\n\n {this.state.currentUser.role !== \"readonly\" ? (\n
\n \n {this.state.orgInfo && !this.state.orgInfo.submitted ? (\n \n \n {this.state.completion === 0 ? (\n
\n ):null}\n \n Questionnaire Input
\n ) : (\nComplete Questionnaire
\n )}\n\n
\n \n ) : (\n \n \n \n \n \n
\n {Math.floor(this.state.completion * 100)}% Complete
\nView Questionnaire Results & Next Steps
\n \n )}\n\n \n \n
\n {this.state.currentUser && this.state.currentUser.role === \"fullcontrol\" ? (\n View Responses
\n \n\n \n \n
\n ):null}\n {!this.state.orgInfo.submitted && this.state.currentUser && this.state.currentUser.role === \"fullcontrol\" && this.state.completion && this.state.completion == 1 ? (\n Manage Users
\n \n\n {' '}\n
\n ) : null}\n \n
\n \n
\n \n {!this.checkStarted() && this.state.questionnaire.length !== 0 ? (\n
\n \n
\n ):(\n No questionnaire data input.
\n {this.state.currentUser.role != \"readonly\" &&\n Click here to access the questionnaire.\n } \n\n
\n )}\n \n {this.state.orgInfo ? (\n
\n CMMC Questionnaire Responses
\n ):null}\n\n {this.state.orgInfo ? (\n
\n {this.state.orgInfo && this.state.orgInfo.submitted === true ? (\n {this.state.orgInfo.name}
\n ):null}\n\n
\n ):null}\n \n Preliminary Maturity Level: {this.state.maturity > 0 ? `Level ${this.state.maturity}` : \"Pre-Level 1\"}
\n Questionnaire submitted on {this.state.submittedDate} by {this.state.submittedUser}\n\n {this.state.questionnaire &&\n this.state.questionnaire.map((domain, id) => (\n
\n \n {domain.id !== PROCESS_DOMAIN_ID ? (\n
\n ))}\n - \n {domain.id}\n {domain.questions && domain.questions.length > 0 &&\n domain.questions.map((question, id) => \n (\n question.parentId === null ? (\n
- {domain.name}:\n {question.answers && question.answers.length > 0 && question.answers[0].value === 1 ? \n ( Yes, controls are implemented )\n : question.answers && question.answers.length > 0 && question.answers[0].value === 2 ? \n ( No, controls are not implemented )\n : ( No answer )\n }\n \n ) : (\n domain.questions[0].answers.length > 0 && domain.questions[0].answers[0].value === 1 ? (\n
- \n {question.text} {question.answers.length > 0 ? (\n this.renderAnswer(question.answers[0].value)\n ):(\n this.renderAnswer(0)\n )}\n \n ):null\n )\n ))} \n
- \n {domain.id}\n
- {domain.name} \n {domain.questions && domain.questions.length > 0 &&\n domain.questions.map((question, id) => (\n question.parentId === null ? (\n
- \n {question.text} {question.answers.length > 0 ? (\n this.renderAnswer(question.answers[0].value)\n ):(\n this.renderAnswer(0)\n )}\n \n ):null\n ))}\n
\n \n \n
\n );\n }\n}\n","import React, {useState} from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Button from \"react-bootstrap/Button\";\nimport UnderstandingResults from \"./understandingResults.component.js\";\n\nimport imgQuestionnaireIcon from '../assets/getAssistance/questionnaireIcon.png';\nimport imgSummaryPage from '../assets/getAssistance/summaryPage.png';\nimport imgNextStepsIcon from '../assets/getAssistance/nextStepsIcon.png';\nimport imgNextSteps from '../assets/getAssistance/nextSteps.png';\nimport imgManageUsers from '../assets/getAssistance/manageUsers.png';\nimport imgAddUser from '../assets/getAssistance/addUser.png';\nimport imgAddUserForm from '../assets/getAssistance/addUserForm.png';\nimport imgEditUser from '../assets/getAssistance/editUser.png';\nimport imgSaveUserInfo from '../assets/getAssistance/saveUserinfo.png';\nimport imgAdditionalQuestions from '../assets/getAssistance/additionalQuestions.png';\nimport imgViewResponses from '../assets/getAssistance/viewResponses.png';\nimport imgResponses from '../assets/getAssistance/responses.png';\nimport imgInfo from '../assets/getAssistance/info.png';\nimport imgDomainNav from '../assets/getAssistance/domains.png';\nimport imgNextBackArrows from '../assets/getAssistance/nextBackarrows.png';\nimport imgDomainStatus from '../assets/getAssistance/domainStatus.png';\nimport imgSubmitHomepage from '../assets/getAssistance/submitHomepage.png';\nimport imgSubmitQuestionnaire from '../assets/getAssistance/submitQuestionnaire.png';\n\n\nfunction GetAssistance() {\n const [show, setShow] = useState(false);\n\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n return (\n <>\n \n ?
\n Get Assistance\n \n\n\n\n \n
Completing the CMMC Questionnaire
\nThe first time you want to enter data into the Questionnaire, click on the Questionnaire Input icon.
\n\nYou can return to the Questionnaire as often as you need (please see Viewing Progress: Responses and\n Submitted Docs). The Questionnaire icon label will then read “Complete Questionnaire” and show your\n progress in completing the questionnaire.
\n \nNavigating Through the Questionnaire questions:
\n- \n
- The Questionnaire data input page lists the 17 CMMC Domains across the top of the screen, and\n then a question about the domain that is currently selected is displayed below the list.\n \n
\n
\n \n - The last item in the listing is a set of questions about Processes under the CMMC model. \n
- Incomplete Domains will display grey. When a Domain is active, it will display in a white. Once a domain is completed, it will display in blue with a green checkmark.\n\n
\n
\n - The list of Domains is a navigation control that allows you to jump back and forth to any domain. \n
- You can also move between domain questions by clicking the arrows on the far left and right\n sides of your screen.\n
\n
\n
Entering Questionnaire Data:
\n- \n
- Under each CMMC Domain, a basic question asks whether your organization is practicing efforts\n under that domain. \n
- If you answer yes to that question, additional questions will be presented to better understand\n the specific capabilities your organization has under this Domain.\n \n
- Hover over the info icon to the left of the first question to display information about the domain.\n
- If you answer No to a Domain question, you click the right “Next” arrow on the far side of the\n screen or select another Domain from the list at the top of the page. \n
- The button labeled “Processes” asks three questions about what general cybersecurity\n processes your organization has implemented. \n
Completing the Questionnaire:
\n- \n
- Once you have entered a response for each of the Domains, Processes, and all the questions\n under a Domain that you are practicing, a “Submit Questionnaire” button is available on the\n Questionnaire data input page and on the CMMC Orchestration Questionnaire home page. \n
- When you are satisfied with all your responses, hit the “Submit Questionnaire” button to submit\n your data and receive your results immediately.\n \n
- \n
\n
\n
\n
Viewing Progress: Responses and Submitted Docs
\nYou can return to the questionnaire as often as needed to complete it. You can review your previous\n input either through the questionnaire data input page or by clicking the View Responses icon for read\n only/print friendly view.
\nOnce you have submitted the questionnaire, you can still view the input from the View Responses page.
\n- \n
- Clicking on the View Responses icon takes you to a page that lists all your responses submitted\n to date, organized by Domains and then Processes.\n
\n
\n \n - A print button is provided on the top far right corner of the screen to print out a copy of the\n questionnaire results.\n
\n
\n
Creating and Updating Users to Complete the CMMC Questionnaire
\nYou can add or edit users if you need assistance completing the questionnaire.
\nTo begin adding or editing users, click the Manage Users icon located on the CMMC Orchestration\n Questionnaire home page. Clicking on the Manage Users icon takes you to a page that lists all registered\n users for your organization by names, last active dates, roles, and statuses.
\nAdding New Users:
\n- \n
- If you would like to add a new user to the organization, you can click the Add User icon below\n the list of registered users.\n \n
\n
\n \n - When clicked on, the Add User icon will display fields to input information for the new user and\n an Add button that will save the new user in the system. The user status will default to inactive\n until the user verifies their account via the email link.\n \n
\n
\n \n - There are 3 types of roles that can be assigned to a user for an organization. The Full Control\n role will give the user full editing and viewing permissions for their organization’s questionnaire\n input, user management, and results. The Questionnaire Only role will give the user permission\n to edit and view questions as well as view the results of the questionnaire. The Read Only role\n will give the user access to view the results of the questionnaire only. \n
Editing Registered User Information:
\n- \n
- User information can be edited by clicking the Edit User icon on the far-right column of the\n Manage Users page. The Edit User icon takes you to the Edit User page that allows you to\n change the name, role, and status of a user.\n \n
\n
\n - If there is a single user registered to the organization, the only editable fields will be first and\n last name. One active full control user for the organization is always required. \n
- Once you’ve made all the changes you need to, click the Save button at the bottom of the\n screen to save your changes. You may need to close the tab and log back in to refresh the fields.\n
\n
\n
Resetting an Existing User’s Password
\nYou can also reset a password for a registered user on the Edit User page. If you or another user in\n the organization would like to reset their password, you can hit the Reset Password button on the\n Edit User page for the user that wants to change their password. A reset password link will be sent\n to that user’s email.
\n \nViewing Your CMMC Questionnaire Results
\nYou can review your questionnaire results and recommended next steps post-submission at any time in\n a read only/print friendly view.
\nTo view your projected maturity level and next steps, click the View Questionnaire Results & Next Steps\n icon on the CMMC Orchestration Questionnaire home page.\n \n
Viewing Projected Questionnaire Results:
\n- \n
- Your projected maturity level based on the questionnaire results will be displayed on the first\n line of the Preliminary Maturity Level page. The maturity level displayed is a projection based on\n your questionnaire responses for domain, capability, and process questions. \n
- The Capabilities field displays the number of capabilities you have reported for your\n organization that includes both capabilities that drive the projected Maturity Level, plus any\n additional ones that would be working towards a subsequent Level. \n
- The Processes field lists the types of processes required for Maturity Levels 2-5 that you have\n reported for your organization.\n \n
\n
\n
Getting Started with Next Steps:
\n- \n
- The recommended next steps based on your results can be found beneath the results of the\n questionnaire on the Preliminary Maturity Level page.\n
\n
\n - If you would like to get started with the recommended next steps, click the Get Started button\n located at the bottom of the Preliminary Maturity Level page. \n
- You should expect an email from a Northcross Group representative within one business day to\n get started. \n
For additional support, please contact\n info@cmmcquestionnaire.com\n
\n\n\n {this.state.currentUser !== null ?\n \n \n \n 
\n \n \n \n \n \n :\n (\n \n \n \n \n \n \n \n )}\n
\n )\n }\n}\n\n\n\nclass ShowTheTitle extends React.Component {\n static propTypes = {\n match: PropTypes.object.isRequired,\n location: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n };\n\n\n getPageTitle() {\n let title = \"CMMC Questionnaire\"\n let page = window.location.pathname;\n if(page === \"/dashboard\") title = \"CMMC Questionnaire\";\n if(page === \"/questions\") title = \"Questionnaire\";\n if(page === \"/summary\") title = \"Questionnaire Results\";\n if(page === \"/responses\") title = \"Questionnaire Responses\";\n if(page === \"/users\") title = \"User Management\";\n\n return title;\n }\n\n render() {\n const { match, location, history } = this.props;\n\n return \n
\n \n {this.state.orgInfo ? (\n
\n {this.state.orgInfo.name}
\n ):null}\n \n\n
\n {this.getPageTitle()}
;\n }\n}\n\n// Create a new component that is \"connected\" (to borrow redux\n// terminology) to the router.\nconst ShowTheTitleWithRouter = withRouter(ShowTheTitle);","import React from \"react\";\nimport { Navbar, Nav } from 'react-bootstrap';\nimport CookieNotice from './cookieNotice.component.js';\nimport PrivacyStatement from './privacyStatement.component.js';\nimport TermsofUse from './termsofUse.component.js';\n\nfunction Footer() {\n return (\n\n \n
\n );\n}\n\nexport default Footer;","import React, { Component } from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport \"./cmmc.css\";\nimport \"./cmmc-addon.css\";\nimport \"./header-footer.css\";\nimport \"./response.css\";\nimport \"./users.css\";\n\n\n// custom route\nimport AuthenticatedRoute from './components/auth/authenticatedRoute.component'\n\n// Auth Components\nimport Login from \"./components/auth/login.component\";\nimport Register from \"./components/auth/register.component\";\nimport Verify from \"./components/auth/verify.component\";\nimport ResetPassword from \"./components/auth/resetPassword.component\";\nimport ForgotPassword from \"./components/auth/forgotPassword.component\";\nimport Logout from \"./components/auth/logout.component\";\n\n// pages\nimport Questionnaire from \"./components/questionnaire.component\";\nimport Summary from \"./components/summary.component\";\nimport Dashboard from \"./components/dashboard.component\";\nimport Responses from \"./components/responses.component\";\nimport Users from \"./components/users.component\";\n\n// header/footer\nimport Header from \"./components/header.component\";\nimport Footer from \"./components/footer.component\";\n\nclass App extends Component {\n\n render() {\n return (\n \n
\n \n \n \n
\n \n