\r\n\r\n )\r\n };\r\n};\r\n\r\nexport default AppAccessDenied;\r\n","import React, { Component } from 'react';\r\nimport Footer from \"../Footer\";\r\nimport config from \"../../config.json\";\r\n\r\nclass AwafError extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n /*supportId: this.props.match.params.id?.toString()*/\r\n supportId: localStorage.getItem(config.awafTk)\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n //localStorage.removeItem(config.awafTk);\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n);\r\n}\r\n};\r\n\r\nexport default AwafError;","import React, { Component } from 'react';\r\nimport Footer from \"../Footer\";\r\nimport { supportEmail } from \"../common/constants\";\r\n\r\n//const errorStyle = {\r\n// backgroundColor: \"#e3e3e3\",\r\n// margin: \"20px\",\r\n// padding: \"20px\",\r\n// borderRadius: \"10px\"\r\n \r\n//}\r\n\r\nclass Error extends Component {\r\n render() {\r\n return (\r\n
\r\n )\r\n };\r\n};\r\n\r\nexport default Error;\r\n","import React, { Component } from 'react';\r\nimport Footer from \"../Footer\";\r\n\r\nclass DeadlineError extends Component {\r\n render() {\r\n return (\r\n
\r\n )\r\n };\r\n};\r\n\r\nexport default DeadlineError;","import React, { Component } from 'react';\r\nimport Footer from \"../Footer\";\r\n\r\nconst errorStyle = {\r\n backgroundColor: \"#e3e3e3\",\r\n margin: \"20px\",\r\n padding: \"20px\",\r\n borderRadius: \"10px\"\r\n \r\n}\r\n\r\nclass Error404 extends Component {\r\n render() {\r\n return (\r\n
\r\n )\r\n };\r\n};\r\n\r\nexport default Error404;\r\n","import React, { Component } from 'react';\r\nimport Footer from \"../Footer\";\r\nimport { supportEmail } from \"../common/constants\";\r\n\r\nconst invalidAppUser = {\r\n backgroundColor: \"#e3e3e3\",\r\n margin: \"20px\",\r\n padding: \"20px\",\r\n borderRadius: \"10px\"\r\n \r\n}\r\n\r\nclass AuthenticationFail extends Component {\r\n render() {\r\n return (\r\n
\r\n \r\n {/*
*/}\r\n {/*
Sorry, you are not authorized to access this page. Please click here to go back! */}\r\n\r\n
\r\n\r\n
Authentication Fail \r\n\r\n Sorry, your authenticationFail to eSASS failed. Please contact the
eSASS Admin \r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n )\r\n };\r\n};\r\n\r\nexport default AuthenticationFail;\r\n","import React, { Component } from 'react';\r\nimport Footer from \"./Footer\";\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nclass About extends Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Electronic Simplified Acquisition Submission System
\r\n
\r\n \r\n NIH has implemented a new process for electronic submission of contract quotes.The electronic Simplified Acquisition Submission System (eSASS) is one component of NIH’s integrated, secure system for the electronic submission, capture, tracking and review of Solicitation documents. eSASS was developed for the purposes of streamlining our contract quote submission and review processes, preparing for the eventual elimination of paper submissions, and reducing costs associated with storage of large paper files.
\r\n\r\n Features:
\r\n \r\n Upload files for electronic submission against a list of active contract RFQ/NOI/Sources Sought \r\n Link to RFQ/NOI/Sources Sought in sam.gov \r\n View RFQ/NOI/Sources Sought titles and submission deadlines \r\n Track quote submission actions through \"My Submission History\" \r\n Revise a response, which will over-write previous versions \r\n \r\n Benefits to the research community:
\r\n \r\n Easy-to-locate active RFQ/NOI/Sources Sought available for electronic submission \r\n Reduced costs for printing and mailing of paper files \r\n Eliminate security risk of paper processing and transportation time \r\n Real-time feedback on transmission success \r\n \r\n Benefits to the Office of Acquisitions:
\r\n \r\n Single Source for all simplified acquisitions submission posted on SAM.gov \r\n Reduced costs for storing large paper files \r\n Enhanced security with electronic files \r\n Reduced processing and review time \r\n \r\n e-SASS Acquisitions:
\r\n \r\n Please log in to SAM.gov to view all RFQ/NOI/Sources Soughts and follow the instructions on submission of documents. \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n };\r\n};\r\n\r\nexport default About;","import React, { Component } from 'react';\r\nimport Footer from \"./Footer\";\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nclass HowToSubmit extends Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
How To Submit an Electronic Quote
\r\n
\r\n \r\n Log in to the NIH eSASS (electronic Simplified Acquisition Submission System). \r\n Click Submit a Quote for the RFQ for which you wish to submit a quote from “Contract RFQs Available for Electronic Submission” page. \r\n Enter a name for the quote. \r\n If your solicitation requires to submit a Separation of Business(Price) and Technical Quotes, Browse and select the Technical Document, Business Document, and Excel Document(s).\r\n \r\n The Technical Quote, including all appendices, must be saved in a single PDF or Word file. The Technical document must enable word searches to the maximum extent practicable. Forms and/or documents requiring signature(s) may be scanned, but must be merged into the single Technical document. \r\n The Business Quote must be comprised of the following files:\r\n \r\n Required: A single PDF or Word document of your Business Quote, including all attachments and/or appendices as required by the RFQ. The Business Quote should be created in a PDF or Word format that enables word searches to the maximum extent practicable. Forms and/or documents requiring signature(s) may be scanned, but must be merged into the single Business Quote PDF or Word file. Do NOT password-protect or encrypt the document file.Optional: Cost breakdown(s) as required by the RFQ, in its original Excel format only. The cost breakdown(s) in excel must be identical to the one(s) in the Business Quote document. \r\n \r\n \r\n \r\n \r\n Click Submit Quote. \r\n Once you upload and submit your quote, you can only revise your quote by overwriting previously uploaded documents. You can find submissions to revise or view under My Submission History . You have up until the closing date and time of the RFQ to make as many revisions as you need. \r\n After the closing date and time, the system prevents further quote submissions or revisions. You may still view your submissions after the quote closing date and time under My Submission History . \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default HowToSubmit;","import React, { Component } from 'react';\r\nimport Footer from \"./Footer\";\r\nimport { supportEmail } from \"./common/constants\";\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nclass ContactUs extends Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Contact Us\r\n
\r\n
For questions regarding a specific RFQ, contact the primary point of contact listed in the RFQ. For technical questions about this site, contact eSASS Admin \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default ContactUs;","import React, { Component } from 'react';\r\nimport Footer from \"./Footer\";\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport faqData from \"./common/faqDataJson\";\r\n\r\nclass Faq extends Component {\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
Frequently Asked Questions
\r\n
\r\n\r\n {faqData.map((data, key) => {\r\n return (
\r\n
\r\n {data.summary}
\r\n \r\n \r\n
);\r\n })}\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n};\r\n\r\nexport default Faq;","import React, { Component } from 'react';\r\nimport Footer from \"../Footer\";\r\nimport { supportEmail } from \"../common/constants\";\r\n\r\nconst invalidAppUser = {\r\n backgroundColor: \"#e3e3e3\",\r\n margin: \"20px\",\r\n padding: \"20px\",\r\n borderRadius: \"10px\"\r\n \r\n}\r\n\r\nclass AccountLocked extends Component {\r\n render() {\r\n return (\r\n
\r\n \r\n {/*
*/}\r\n {/*
Sorry, you are not authorized to access this page. Please click here to go back! */}\r\n\r\n
\r\n\r\n
Account Locked \r\n\r\n Sorry, your eSASS account is locked or is no longer active. Please contact the
eSASS Admin \r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n )\r\n };\r\n};\r\n\r\nexport default AccountLocked;\r\n","import https from \"./httpService\";\r\n\r\nexport async function logIt(level, message) {\r\n const body = { level: level, message: message };\r\n return https.post(\"/api/application/LogIt\", body);\r\n}\r\n\r\nexport default {\r\n logIt: logIt\r\n};\r\n","import axios from \"axios\";\r\n//import { toast } from \"react-toastify\";\r\n//import auth from \"./authService\";\r\nimport { ecpsExtTokenCreation_Key, ecpsExtRefreshInProgress_Key } from \"../config.json\";\r\nimport AwafError from \"../components/Errors/AwafError\";\r\nimport logger from \"./logService\";\r\nimport config from \"../config.json\";\r\n\r\nimport {\r\n ecpsExternalIdToken_Key,\r\n ecpsExternalAccessToken_Key,\r\n ecpsExternalRefreshToken_Key,\r\n ecpsExternalIsAccessTokenRefreshed_Key,\r\n ecpsExternalCurrentUser_Key\r\n} from \"../config.json\";\r\nimport authService from \"./authService\";\r\n\r\nfunction shouldRefresh() {\r\n let newDate = new Date();\r\n let currentDate = newDate.getTime();\r\n\r\n const tokenCreationJson = localStorage.getItem(ecpsExtTokenCreation_Key);\r\n var tokenCreation = tokenCreationJson ? new Date(JSON.parse(tokenCreationJson)).getTime() : currentDate;\r\n\r\n var minDiff = (currentDate - tokenCreation) / 60 / 1000; //in minutes\r\n var inProgress = localStorage.getItem(ecpsExtRefreshInProgress_Key);\r\n\r\n return (minDiff > 40 && (inProgress == null || inProgress !== \"true\"));\r\n}\r\n\r\nfunction isInRefreshing() {\r\n return localStorage.getItem(ecpsExtRefreshInProgress_Key) === \"true\";\r\n}\r\n\r\nfunction onRefreshing() {\r\n localStorage.setItem(ecpsExtRefreshInProgress_Key, \"true\");\r\n}\r\n\r\nfunction onRefreshed() {\r\n let newDate = new Date();\r\n let date = newDate.getTime();\r\n localStorage.setItem(ecpsExtTokenCreation_Key, JSON.stringify(date));\r\n localStorage.removeItem(ecpsExtRefreshInProgress_Key);\r\n}\r\n\r\nfunction onRefreshedError() {\r\n if (localStorage.getItem(ecpsExtRefreshInProgress_Key)) {\r\n localStorage.removeItem(ecpsExtRefreshInProgress_Key);\r\n }\r\n}\r\n\r\nfunction isValid(m) {\r\n\tlet val = m;\r\n let isnum = /^\\d+$/.test(val);\r\n if (isnum === true) return val;\r\n else return '0';\r\n}\r\n\r\nasync function onAwafError(response) {\r\n try {\r\n //localStorage.removeItem(config.awafTk);\r\n if (response.data.indexOf(\"Request Rejected\") >= 0 &&\r\n response.data.indexOf(\"with the Support ID information\") >= 0) {\r\n var str = response.data.replace(/<[^>]*>/g, \"\");\r\n var matches = str.match(/\\d+/g);\r\n\r\n if (matches.length > 0) {\r\n await logger.logIt(\"ERROR\", \"AWAF Error Support ID \" + matches[0]);\r\n let val = isValid(matches[0]);\r\n\r\n if (val !== '0') {\r\n localStorage.setItem(config.awafTk, val);\r\n }\r\n } else {\r\n await logger.logIt(\"ERROR\", \"AWAF Error with undetermined Support ID\");\r\n }\r\n\r\n var _ = new Promise(() => { window.location = \"/AwafError/\"; });\r\n var err = new Error(\"AWAF Error\");\r\n err.statusCode = 9999;\r\n err.name = \"AWAF Blocked\";\r\n return Promise.reject(err);\r\n }\r\n return false;\r\n } catch (ex) {\r\n //Let it pass for other expected response.\r\n return false;\r\n }\r\n}\r\n\r\naxios.interceptors.request.use(async function (config) {\r\n // config.headers.Authorization = \r\n // \"Bearer \" + localStorage.getItem(ecpsExternalAccessToken_Key);\r\n return config;\r\n});\r\n\r\naxios.interceptors.response.use(async (response) => {\r\n await onAwafError(response);\r\n const noError = response.status === 200;\r\n if (noError && response.config.url.indexOf(\"SiteMaintenanceSetting\") < 1\r\n && response.config.url.indexOf(\"/otp/\") < 1\r\n && response.config.url.indexOf(\"refresh\") < 1) {\r\n\r\n //var random = Math.floor(Math.random() * 20) * 100; // to eliminate parallel execution possibilities\r\n\r\n setTimeout(function () {\r\n if (shouldRefresh()) {\r\n onRefreshing();\r\n authService.refreshToken();\r\n }\r\n }, 2000);\r\n }\r\n \r\n return response;\r\n}, async (error) => {\r\n await onAwafError(error.response);\r\n const expectedError = error.response && error.response.status === 401;\r\n if (!error.response || error.response.status !== 401) {\r\n return new Promise((resolve, reject) => {\r\n reject(error);\r\n });\r\n }\r\n\r\n var isLoginUrl = error.config.url.indexOf('otp/callback') >= 0;\r\n var isRefreshUrl = error.config.url.indexOf('refresh') > 0;\r\n\r\n if (expectedError && !isRefreshUrl && !isLoginUrl) {\r\n onRefreshing();\r\n return axios.post(\"/otp/refresh\") \r\n .then((response) => {\r\n const { otpIdToken, otpUser } = response.data;\r\n var otpUserJson = JSON.stringify(otpUser);\r\n localStorage.setItem(ecpsExternalIdToken_Key, otpIdToken);\r\n localStorage.setItem(ecpsExternalCurrentUser_Key, otpUserJson);\r\n\r\n localStorage.setItem(ecpsExternalIsAccessTokenRefreshed_Key, \"true\");\r\n onRefreshed();\r\n\r\n const config = error.config;\r\n return new Promise((resolve, reject) => {\r\n axios.request(config).then(response => {\r\n resolve(response);\r\n }).catch((ex) => {\r\n authService.logout();\r\n onRefreshedError();\r\n window.location = '/';\r\n })\r\n });\r\n })\r\n .catch((ex) => {\r\n authService.logout();\r\n onRefreshedError();\r\n window.location = '/';\r\n });\r\n }\r\n return Promise.reject(error);\r\n});\r\n\r\nexport default {\r\n get: axios.get,\r\n post: axios.post,\r\n put: axios.put,\r\n request: axios.request,\r\n delete: axios.delete,\r\n cancelToken: axios.CancelToken\r\n};\r\n","import React from \"react\";\r\nimport JwtDecode from \"jwt-decode\";\r\nimport { Redirect } from \"react-router\";\r\nimport { toast } from \"react-toastify\";\r\nimport https from \"./httpService\";\r\nimport {\r\n ecpsExternalAccessToken_Key,\r\n ecpsExternalRefreshToken_Key,\r\n ecpsExtTokenCreation_Key,\r\n ecpsExtRefreshInProgress_Key,\r\n ecpsExternalIdToken_Key,\r\n ecpsExternalIsAccessTokenRefreshed_Key,\r\n ecpsExternalCurrentUser_Key\r\n} from \"../config.json\";\r\n\r\nexport async function login(body) {\r\n return (\r\n https.post(\"/otp/callback\", body)\r\n .then((response) => {\r\n const { otpIdToken, otpUser } = response.data;\r\n var otpUserJson = JSON.stringify(otpUser);\r\n localStorage.setItem(ecpsExternalIdToken_Key, otpIdToken);\r\n localStorage.setItem(ecpsExternalCurrentUser_Key, otpUserJson);\r\n\r\n let newDate = new Date();\r\n let date = newDate.getTime();\r\n localStorage.setItem(ecpsExtTokenCreation_Key, JSON.stringify(date));\r\n\r\n return response;\r\n })\r\n );\r\n }\r\n\r\nexport async function refreshToken() {\r\n try {\r\n \r\n const response = await https.post(\"/otp/refresh\"); \r\n \r\n const { otpIdToken, otpUser } = response.data;\r\n var otpUserJson = JSON.stringify(otpUser);\r\n localStorage.setItem(ecpsExternalIdToken_Key, otpIdToken);\r\n localStorage.setItem(ecpsExternalCurrentUser_Key, otpUserJson);\r\n\r\n localStorage.removeItem(ecpsExtTokenCreation_Key);\r\n\r\n localStorage.setItem(ecpsExternalIsAccessTokenRefreshed_Key, \"true\");\r\n \r\n let newDate = new Date();\r\n let date = newDate.getTime();\r\n localStorage.setItem(ecpsExtTokenCreation_Key, JSON.stringify(date));\r\n localStorage.removeItem(ecpsExtRefreshInProgress_Key);\r\n } catch (ex) {\r\n if (ex.response && ex.response.status === 401) {\r\n if (isTokenRefreshed()) {\r\n localStorage.removeItem(ecpsExternalIsAccessTokenRefreshed_Key);\r\n }\r\n\r\n if (localStorage.getItem(ecpsExtRefreshInProgress_Key)) {\r\n localStorage.removeItem(ecpsExtRefreshInProgress_Key);\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport async function logout() {\r\n const idToken = localStorage.getItem(ecpsExternalIdToken_Key);\r\n\r\n localStorage.removeItem(ecpsExternalIdToken_Key);\r\n localStorage.removeItem(ecpsExtTokenCreation_Key);\r\n if (isTokenRefreshed()) {\r\n localStorage.removeItem(ecpsExternalIsAccessTokenRefreshed_Key);\r\n }\r\n localStorage.removeItem(ecpsExternalCurrentUser_Key);\r\n if (localStorage.getItem(ecpsExtRefreshInProgress_Key)) {\r\n localStorage.removeItem(ecpsExtRefreshInProgress_Key);\r\n }\r\n return await https.post(\"/logoutOtp\", null, { params: { idToken } } );\r\n}\r\n\r\nexport function getCurrentUser() {\r\n try {\r\n var userJson = localStorage.getItem(ecpsExternalCurrentUser_Key);\r\n if (userJson) {\r\n return JSON.parse(userJson);\r\n }\r\n return null;\r\n } catch (ex) {\r\n return null;\r\n }\r\n}\r\n\r\nexport function getUserRoles() {\r\n var icRoles = [];\r\n try {\r\n const user = getCurrentUser();\r\n Object.keys(user).forEach(function (key) {\r\n let res = key.split(\"/\");\r\n if (res.length > 1) {\r\n if (res[res.length - 1] === 'role') {\r\n var len = user[key].length;\r\n for (var i = 0; i < len; i++) {\r\n var t = JSON.parse(user[key][i]);\r\n icRoles.push(t); \r\n }\r\n }\r\n }\r\n });\r\n } catch (ex) {\r\n \r\n }\r\n\r\n if (icRoles.length === 0) {\r\n icRoles = JSON.parse('[{\"icid\": \"\", \"role\": \"\"}]');\r\n }\r\n\r\n return icRoles;\r\n}\r\n\r\n/* export function getJwt() {\r\n return localStorage.getItem(\"accessToken\");\r\n} */\r\n\r\nexport function isTokenRefreshed() {\r\n return localStorage.getItem(ecpsExternalIsAccessTokenRefreshed_Key);\r\n}\r\n\r\nexport default {\r\n login,\r\n logout,\r\n getCurrentUser,\r\n getUserRoles,\r\n refreshToken,\r\n isTokenRefreshed,\r\n};\r\n","import React, { Component } from \"react\";\r\nimport auth from \"../services/authService\";\r\n\r\nconst styleObj = {\r\n fontSize: \"10pt\",\r\n color: \"#a12\",\r\n textAlign: \"center\",\r\n paddingTop: \"0\",\r\n position: \"absolute\",\r\n top: \"0\",\r\n left: \"620px\"\r\n}\r\n\r\nexport class NameTag extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {\r\n try {\r\n const user = auth.getCurrentUser();\r\n //console.log(\"user:\", user);\r\n this.setState({ user: user });\r\n } catch (ex) { }\r\n }\r\n\r\n render() {\r\n const userName = this.state.user ? this.state.user.FirstName + \" \" + this.state.user.LastName + \"[\" + this.state.user.Email + \"]\": \"\";\r\n return (
{ userName });\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Collapse,\r\n Container,\r\n Navbar,\r\n NavbarBrand,\r\n NavbarToggler,\r\n NavItem,\r\n NavLink,\r\n} from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./NavMenu.css\";\r\nimport { NameTag } from \"./NameTag\";\r\n\r\nexport class NavMenu extends Component {\r\n static displayName = NavMenu.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.toggleNavbar = this.toggleNavbar.bind(this);\r\n this.state = {\r\n collapsed: 'collapse'\r\n };\r\n }\r\n\r\n toggleNavbar() {\r\n let navCollapse;\r\n\r\n if (this.state.collapsed) {\r\n navCollapse = '';\r\n } else if (!this.state.collapsed) {\r\n navCollapse = 'collapse';\r\n }\r\n\r\n this.setState({\r\n collapsed: navCollapse\r\n });\r\n }\r\n\r\n render() {\r\n const username = this.props.username;\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport auth from \"../services/authService\";\r\n\r\nconst styleObj = {\r\n fontSize: \"10pt\",\r\n color: \"#a12\",\r\n textAlign: \"center\",\r\n paddingTop: \"0\",\r\n position: \"absolute\",\r\n top: \"0\",\r\n left: \"620px\"\r\n}\r\n\r\nexport class BannerHeader extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {\r\n //try {\r\n // const user = auth.getCurrentUser();\r\n // console.log(\"user:\", user);\r\n // this.setState({ user: user });\r\n //} catch (ex) { }\r\n }\r\n\r\n render() {\r\n //const userName = this.state.user ? this.state.user.FirstName + \" \" + this.state.user.LastName + \"[\" + this.state.user.Email + \"]\": \"\";\r\n return ( \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
electronic Simplified Acquisition Submission System \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n User Session Expiring \r\n \r\n × \r\n \r\n \r\n \r\n \r\n Your session is about to expire. To keep working, click Stay on Page button. To end session, click Go to Login Page .\r\n
\r\n \r\n \r\n \r\n \r\n Go to Login Page\r\n \r\n \r\n Stay on Page\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SessionExpireModal;\r\n","import React, { Component } from \"react\";\r\nimport authService from \"../../services/authService\";\r\nimport IdleTimer from 'react-idle-timer';\r\nimport SessionExpireModal from \"./SessionExpireModal\";\r\n\r\nimport {\r\n Collapse,\r\n Container,\r\n Navbar,\r\n NavbarBrand,\r\n NavbarToggler,\r\n NavItem,\r\n NavLink,\r\n} from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"../NavMenu.css\";\r\nimport { NameTag } from \"../NameTag\";\r\nimport config from \"../../config.json\";\r\n\r\nexport class NavMenuAuthenticated extends Component {\r\n static displayName = NavMenuAuthenticated.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.toggleNavbar = this.toggleNavbar.bind(this);\r\n this.state = {\r\n collapsed: true,\r\n timeout: 1000 * 60 * config.ecpsExternal_UserInactiveTimeoutInMinutes, //in milliseconds 1000*60*minutes \r\n timeout_modalInactive: 1000 * 60 * config.ecpsExternal_ModalInactiveTimeoutInMinutes,\r\n timeout_userInactive: 1000 * 60 * config.ecpsExternal_UserInactiveTimeoutInMinutes,\r\n showModal: false,\r\n userLoggedIn: true,\r\n isTimedOut: false,\r\n eventsToTrack:[\"mousedown\",\"keydown\",\"wheel\"]\r\n };\r\n\r\n this.idleTimer = null;\r\n this.onAction = this._onAction.bind(this);\r\n this.onActive = this._onActive.bind(this);\r\n this.onIdle = this._onIdle.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.handleLogout = this.handleLogout.bind(this);\r\n this.handleRefresh = this.handleRefresh.bind(this);\r\n\r\n }\r\n\r\n \r\n _onAction(e) {\r\n //console.log(\"_onAction\");\r\n //if (e) {\r\n // console.log('user did something', e.type);\r\n //}\r\n \r\n this.setState({ isTimedOut: false });\r\n \r\n \r\n }\r\n\r\n _onActive(e) {\r\n // console.log(\"_onActive\");\r\n //if (e) {\r\n // console.log('user is active', e.type);\r\n //}\r\n this.setState({ isTimedOut: false });\r\n \r\n }\r\n\r\n _onIdle(e) {\r\n //console.log('user is idle', e);\r\n this.setState({ showModal: true });\r\n setTimeout(function() {\r\n window.location = '/logout'; \r\n },\r\n this.state.timeout_modalInactive);\r\n\r\n\r\n //const isTimedOut = this.state.isTimedOut;\r\n //if (isTimedOut) {\r\n // //console.log(\"now redirecting to logout\");\r\n // window.location = '/logout'; \r\n //} else {\r\n // this.setState({ showModal: true });\r\n // //console.log(\"idle timer before reset\", this.idleTimer);\r\n // this.setState({ timeout: this.state.timeout_modalInactive });\r\n // this.idleTimer.reset();\r\n // //console.log(\"idle timer after reset\", this.idleTimer);\r\n // this.setState({ isTimedOut: true });\r\n //}\r\n\r\n }\r\n handleClose() {\r\n this.setState({ showModal: false });\r\n //console.log(\"handle close - logout for now.\"); \r\n window.location = '/logout'; \r\n }\r\n\r\n handleLogout() {\r\n this.setState({ showModal: false });\r\n //console.log(\"handle logout\");\r\n window.location = '/logout'; \r\n }\r\n\r\n handleRefresh() {\r\n this.setState({ showModal: false, isTimedOut: false, timeout: this.state.timeout_userInactive });\r\n //console.log(\"handle refresh\");\r\n authService.refreshToken();\r\n this.idleTimer.reset();\r\n }\r\n\r\n toggleNavbar() {\r\n this.setState({\r\n collapsed: !this.state.collapsed\r\n });\r\n }\r\n\r\n render() {\r\n const username = this.props.username;\r\n\r\n return (\r\n \r\n { this.idleTimer = ref }}\r\n events={this.state.eventsToTrack}\r\n onActive={this.onActive}\r\n onIdle={this.onIdle}\r\n onAction={this.onAction}\r\n debounce={250}\r\n timeout={this.state.timeout}\r\n />\r\n \r\n \r\n\r\n \r\n
\r\n \r\n Home */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { NavLink } from \"reactstrap\";\r\nimport auth from \"../../services/authService\";\r\n\r\nconst styleObj = {\r\n fontSize: \"10pt\",\r\n color: \"#a12\",\r\n textAlign: \"center\",\r\n paddingTop: \"0\",\r\n position: \"absolute\",\r\n top: \"0\",\r\n left: \"620px\"\r\n}\r\n\r\nexport class BannerHeaderSecure extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = { user: null, icRoles: [], selectedRole: \"\", selectChanged: false};\r\n }\r\n\r\n icSelectHandler = function (trg) {\r\n const selectedIcRole = this.getIcRole(trg.value);\r\n localStorage.setItem(\"selectedIcRole\", JSON.stringify(selectedIcRole));\r\n //this.props.icTrigger(selectedIcRole);\r\n window.location.reload();\r\n }\r\n\r\n getIcRole = (idx) => {\r\n const icRoles = this.state.icRoles;\r\n if (idx < icRoles.length) return icRoles[idx];\r\n else return null;\r\n }\r\n\r\n componentWillMount() {\r\n const user = auth.getCurrentUser();\r\n this.setState({ user: user });\r\n var icRoles = auth.getUserRoles();\r\n var defaultIcRole = this.props.defaultIcRole; \r\n //console.log('%%%%%%%%%%%%%%%%%%% Mount IcRole');\r\n //console.log(defaultIcRole);\r\n this.setState({ icRoles: icRoles, selectedRole: defaultIcRole, defaultIcRole: defaultIcRole });\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n var updatedIcRole = nextProps.defaultIcRole;\r\n //console.log('!!!!!!!!!!!!!!! updated props IcRole');\r\n //console.log(updatedIcRole);\r\n this.setState({ selectedRole: updatedIcRole, defaultIcRole: updatedIcRole });\r\n }\r\n\r\n render() {\r\n const userName = this.state.user ? this.state.user.firstName + \" \" + this.state.user.lastName : \"\";\r\n const selectedRole = this.state.selectedRole;\r\n const defaultIcRole = this.state.defaultIcRole;\r\n\r\n return ( \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
electronic Simplified Acquisition Submission System \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {userName} \r\n
\r\n
\r\n External User\r\n
\r\n
\r\n
\r\n Logout \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.showBanner &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
}\r\n
\r\n {this.state.showCheck &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
}\r\n
\r\n
\r\n
{supportNoticeBannerMessage}
\r\n
\r\n
\r\n {this.renderSupportBanner()}\r\n {isIE &&
}\r\n {this.renderSiteMaintenanceBanner()}\r\n
\r\n {this.renderBannerHeader(user) }\r\n {this.renderNavMenu(user) }\r\n
{this.props.children}
\r\n
\r\n
\r\n {isIE &&
}\r\n
\r\n
\r\n
\r\n \r\n
\r\n {this.props.children}\r\n
\r\n\r\n
\r\n
\r\n
Welcome to NIH's electronic Simplified Acquisition Submission System (eSASS)
\r\n
The electronic Simplified Acquisition Submission System (eSASS) is a component of NIH's integrated, secure system for the electronic submission, capture, tracking and review of Solicitation documents.
\r\n
\r\n
\r\n
\r\n
{ toggleSidebar() }}>\r\n Filters\r\n \r\n
\r\n
\r\n
\r\n this.resetSearchFields()}>\r\n Reset \r\n this.props.search(this.searchInfo())}>\r\n Search \r\n
\r\n
\r\n
{solicitation.solicitationNumber} ;\r\n }\r\n\r\n render() {\r\n let totalPages = Math.ceil(this.props.solList.length / this.state.resultsPerPage);\r\n let startIndex = (this.state.currentPage - 1) * this.state.resultsPerPage;\r\n let endIndex = startIndex + this.state.resultsPerPage;\r\n let solsCurrentPage = this.state.frontEndPagination ? this.props.solList.slice(startIndex, endIndex) : this.props.solList;\r\n\r\n let updatePage = (event, newPageNumber) => {\r\n this.setPageNumber(newPageNumber);\r\n\r\n document.body.scrollTop = 0; // For Safari\r\n document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\r\n };\r\n return (\r\n\r\n \r\n\r\n {this.state.frontEndPagination && (
)}\r\n\r\n\r\n\r\n {solsCurrentPage.map(sol => {\r\n const solicitationId = sol.solicitationID;\r\n return
\r\n
\r\n
{sol.noticeTypeName}
\r\n
\r\n
\r\n
{sol.solicitationTitle}
\r\n
\r\n
\r\n {this.props.isUserLoggedIn ?\r\n (
\r\n
\r\n
\r\n Submit {sol.noticeTypeName != \"RFQ\" ? \"Capability Statements/Quotes\" : \"Quotes\"} \r\n \r\n \r\n\r\n {false &&
\r\n 2 \r\n Submitted \r\n
}\r\n
) :\r\n (
\r\n { window.location = '/otp/renderOtp'; }}>\r\n \r\n Login to submit {sol.noticeTypeName != \"RFQ\" ? \"capability statements/quotes\" : \"quotes\"} \r\n \r\n
)\r\n }\r\n
\r\n
\r\n \r\n \r\n Action Buttons \r\n Purchasing Agent \r\n Agency \r\n Closing Date \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {sol.primaryPoc} \r\n {sol.solicitationTargetIcAgency}/{sol.solicitationTargetIC} \r\n {sol.responseDeadlineDateString} {sol.responseDeadlineTimeString} \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n })\r\n }\r\n\r\n {this.state.frontEndPagination && (
)}\r\n\r\n
\r\n {this.props.solList.length > 0 &&
\r\n this.handleClickInvited(false)}\r\n className={`btn ${isToggleOn === false ? 'active' : ''}`}>\r\n {this.props.solList.length} \r\n Invited RFQs \r\n \r\n this.handleClickInvited(true)}\r\n className={`btn ${isToggleOn === true ? 'active' : ''}`}>\r\n {this.props.solList.filter(key => key.solicitationTypeId === SolicitationType.Base).length} \r\n Open RFQs \r\n \r\n
}\r\n {this.props.solList.length > 0 && \r\n
Select to filter RFSs below }\r\n
No RFQ Found
No RFQ Found
);\r\n var loader = (Loading...
);\r\n\r\n const filterBaseSolicitation = this.state.filterBaseSolicitation;\r\n const solicitations = this.state.filterBaseSolicitation == null ? this.state.sols : this.filterSolicitations(filterBaseSolicitation);\r\n\r\n if (this.state.err.length > 0) {\r\n return (\r\n {!this.state.isUserLoggedIn && \r\n
\r\n \r\n {\r\n this.state.isUserLoggedIn ?\r\n (
\r\n
eSASS RFQ/NOI/Sources Sought Available for Electronic Submission
\r\n
\r\n
\r\n The following table represents NIH contract solicitations that are available for electronic quotes submission through e-SASS. Please Note: Quotes will not be accepted through e-SASS after the closing date and time. Potential offerors are instructed to go to sam.gov for the full listing of active contract opportunities.\r\n
\r\n
\r\n
) :\r\n (
\r\n
WARNING NOTICE: This is a U.S. Government computer system, which may be accessed and used only for authorized Government business by authorized personnel. Unauthorized access or use of this computer system may subject violators to criminal, civil and/or administrative action. All information on this computer system may be intercepted, recorded, read, copied and disclosed by and to authorized personnel for official purposes, including criminal investigations. Such information includes sensitive data encrypted to comply with confidentiality and privacy requirements. Access or use of this computer system by any person, whether authorized or unauthorized, constitutes consent to these terms. There is no right to privacy in this system.
\r\n
eSASS RFQ/NOI/Sources Sought Available for Electronic Submission
\r\n
)\r\n\r\n }\r\n {this.state.loading ? loader : ''}\r\n {solicitations.length > 0 ?
: noSolFoundLanguage}\r\n
\r\n\r\n );\r\n }\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class FetchData extends Component {\r\n static displayName = FetchData.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { forecasts: [], loading: true };\r\n }\r\n\r\n componentDidMount() {\r\n this.populateWeatherData();\r\n }\r\n\r\n static renderForecastsTable(forecasts) {\r\n return (\r\n \r\n \r\n \r\n Date \r\n Temp. (C) \r\n Temp. (F) \r\n Summary \r\n \r\n \r\n \r\n {forecasts.map(forecast =>\r\n \r\n {forecast.date} \r\n {forecast.temperatureC} \r\n {forecast.temperatureF} \r\n {forecast.summary} \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let contents = this.state.loading\r\n ? Loading...
\r\n : FetchData.renderForecastsTable(this.state.forecasts);\r\n\r\n return (\r\n \r\n
Weather forecast \r\n
This component demonstrates fetching data from the server.
\r\n {contents}\r\n
\r\n // {label} \r\n // {error} }\r\n //
\r\n \r\n //\r\n //
\r\n //
\r\n // {label}\r\n // {!required && Optional }\r\n // \r\n //
\r\n //
\r\n // {error &&
{error} }\r\n //
\r\n //
\r\n {!required &&
\r\n {label}\r\n }\r\n {required &&
\r\n {label} Required \r\n }\r\n {isDisabled &&
{value} }\r\n {!isDisabled &&\r\n
\r\n
}\r\n {error &&
{error} }\r\n
\r\n \r\n \r\n ;\r\n else\r\n return \r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n {this.props.label}\r\n {!(this.props.errorMessage.length > 0) && this.props.required && Required document }\r\n \r\n \r\n {this.state.uploadedFileGuid.length > 0 && this.state.isReviseUrl && Updated - Pending Submission }\r\n {this.props.errorMessage.length > 0 && this.props.required && {this.props.errorMessage} }\r\n {this.props.errorMessage.length > 0 && !this.props.required && {this.props.errorMessage} }\r\n \r\n
\r\n {!this.state.fileSizeError && (
{this.state.isFileUploading ? \"Uploading...\" :this.state.selectedFile.name}
)}\r\n {this.state.fileSizeError && this.props.required && (
Total uploaded file size exceeded allowable limit of {Math.round((Math.round(constants.MaxContentSizeAllowed / 1024) / 1024) * 100) / 100} MB
)}\r\n {this.state.fileSizeError && !this.props.required && (
Total uploaded file size exceeded allowable limit of {Math.round((Math.round(constants.MaxContentSizeAllowed / 1024) / 1024) * 100) / 100} MB
)}\r\n
\r\n\r\n
\r\n
\r\n {this.state.showDownloadProgress &&
Downloading ... }\r\n {!this.state.showDownloadProgress ? this.renderDownloadButton() : ''}\r\n {this.state.isFileUploaded && !this.state.IsFileAlreadySubmitted ? deleteButton : ''}\r\n {/*
\r\n \r\n {event.target.value=null}}/>\r\n \r\n \r\n \r\n \r\n \r\n */}\r\n\r\n
{event.target.value=null}}/>\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {label}\r\n \r\n
\r\n
\r\n {isRequired && \r\n {option.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n {isRequired && error &&
{error} }\r\n
\r\n
\r\n\r\n
\r\n {label}\r\n \r\n
\r\n \r\n
\r\n {error &&
{error} }\r\n
\r\n
\r\n
\r\n \r\n {label} \r\n\r\n \r\n \r\n onChange(name,date)}\r\n minDate={new Date(\"01/01/2012\")}\r\n format=\"MM/dd/yyyy\"\r\n showTodayButton\r\n />\r\n \r\n \r\n\r\n
\r\n {error &&
{error} }\r\n
\r\n {label}\r\n \r\n );\r\n }\r\n\r\n renderSelect(name, label, options, isRequired=false) {\r\n const { data, errors } = this.state;\r\n return (\r\n No data found
;\r\n }\r\n\r\n dataDecider = (e) => {\r\n switch (e.type) {\r\n case 'dateTime':\r\n if (!e.date) {\r\n return this.valueChecker(this.props)\r\n } else {\r\n return {e.date} {e.time}
;\r\n }\r\n break;\r\n case 'plainText':\r\n if (!e.text) {\r\n return this.valueChecker(this.props)\r\n } else {\r\n return {e.text}
\r\n }\r\n break;\r\n case 'reviewBoolean':\r\n if (!e.reviewStatus) {\r\n return NO
\r\n {e.reviewName} \r\n {e.date} {e.time} \r\n \r\n }\r\n arrow\r\n >\r\n \r\n
YES\r\n
\r\n
{this.props.label}
\r\n {this.dataDecider(this.props)}\r\n
\r\n
\r\n
\r\n
{headerInfo.solicitationTitle}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Uploading files
\r\n
\r\n
{props.loadedAmount}%
\r\n
\r\n
\r\n {props.title} \r\n \r\n Your files are being uploaded. Please do not close this window or navigate away from this page.
\r\n {progressBar}\r\n \r\n {/* ///// DO NOT DELETE! /////\r\n * {props.loadedAmount < 90 &&\r\n Cancel \r\n }*/}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nProgressModal.propTypes = {\r\n onClose: PropTypes.func.isRequired,\r\n open: PropTypes.bool.isRequired,\r\n selectedValue: PropTypes.string.isRequired\r\n}\r\n\r\nexport default ProgressModal;","import React, { Component} from 'react';\r\nimport Joi from 'joi-browser';\r\n\r\nimport Input from \"../common/input\";\r\nimport auth from \"../../services/authService\";\r\nimport { toast } from \"react-toastify\";\r\n// import '../siteStyles.css';\r\n\r\nimport FileUpload from \"../common/fileUpload\";\r\nimport Form from \"../common/form\";\r\nimport HTTPStatusCodes from \"../../enums/HTTPStatusCodes\";\r\nimport {\r\n AllUploadAcceptTypes, AllUploadExtensions, AllUploadErrorMsg,\r\n TechDocAcceptTypes, TechDocExtensions, TechDocErrorMsg,\r\n BusinessDocAcceptTypes, BusinessDocExtensions, BusinessDocErrorMsg,\r\n BusinessExcelAcceptTypes, BusinessExcelExtensions, BusinessExcelErrorMsg,\r\n HumanSubjectAcceptTypes, HumanSubjectExtensions, HumanSubjectErrorMsg,\r\n FileTypeNotAllowed\r\n} from \"../common/constants\";\r\nimport { SolicitationHeader } from \"./SolicitationHeader\";\r\nimport submitProposalService from \"../../services/submitProposalService\";\r\nimport * as constants from \"../common/constants\";\r\n\r\nimport ProgressModal from './progressModal';\r\nimport Footer from \"../Footer\";\r\n\r\nexport class SubmitProposal extends Form {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: {\r\n proposalName: \"\"\r\n },\r\n businessExcelFiles: [\r\n { id: \"businessExcel1\", label: \"Excel Document\",errorMessage:\"\" }\r\n ],\r\n businessDocFiles: [\r\n { id: \"businessPDF1\", label: \"Business Document\", isLoaded:false, errorMessage:\"\" }\r\n ],\r\n businessExcelFileCount: 1,\r\n businessDocFileCount: 1,\r\n solicitation: {},\r\n errors: {},\r\n pageError: false,\r\n previousBusinessDocFileLoaded: false,\r\n previousBusinessExcelFileLoaded:false,\r\n uploadedFiles: [],\r\n uploadedFileTotalSize:0,\r\n headerInfo: {},\r\n isTechPdfLoaded: false,\r\n isBusinessPdfLoaded: false,\r\n isRequiredDocumentsUploaded:false,\r\n techPdfRequired: \"\",\r\n businessPdfRequired: \"\",\r\n techPdfValidationError:\"\",\r\n businessPdfValidationError:\"\",\r\n humanPdfValidationError: \"\",\r\n loading:false,\r\n loadedAmount: 0,\r\n cancelSubmission: false,\r\n openProgressModal: false,\r\n setopenProgressModal: false\r\n };\r\n\r\n this.schema = {\r\n proposalName: Joi.string().trim().required().error(() => { return { message: \"Quote Name required.\" }; }),\r\n };\r\n \r\n \r\n this.onFileDelete = this.onFileDelete.bind(this);\r\n this.onFileUpload = this.onFileUpload.bind(this);\r\n this.addBusinessDoc = this.addBusinessDoc.bind(this);\r\n this.addBusinessExcelDoc = this.addBusinessExcelDoc.bind(this);\r\n this.onBusinessExcelFileUpload = this.onBusinessExcelFileUpload.bind(this);\r\n this.onBusinessExcelFileDelete = this.onBusinessExcelFileDelete.bind(this);\r\n this.onBusinessDocFileUpload = this.onBusinessDocFileUpload.bind(this);\r\n this.onBusinessDocFileDelete = this.onBusinessDocFileDelete.bind(this);\r\n this.deleteFileFromTemp = this.deleteFileFromTemp.bind(this);\r\n this.verifyAllBusinessDocUpload = this.verifyAllBusinessDocUpload.bind(this);\r\n }\r\n\r\n async verifyAllBusinessDocUpload() {\r\n let isAllBusDocUploaded = true;\r\n let businessDocFiles = this.state.businessDocFiles;\r\n businessDocFiles.forEach(element => {\r\n if (!element.isLoaded) {\r\n //element.errorMessage = \"Business PDF Required\";\r\n isAllBusDocUploaded = false;\r\n }\r\n });\r\n\r\n return isAllBusDocUploaded;\r\n }\r\n async addBusinessDoc() {\r\n if (!this.state.previousBusinessDocFileLoaded) {\r\n return;\r\n }\r\n\r\n let businessDocFileCount = this.state.businessDocFileCount;\r\n businessDocFileCount++;\r\n\r\n let item = { id: \"businessPDF\" + businessDocFileCount, label: \"Business Document\",isLoaded:false, errorMessage:\"\" };\r\n\r\n let businessDocFiles = [...this.state.businessDocFiles, item];\r\n this.setState({ businessDocFileCount, businessDocFiles, previousBusinessDocFileLoaded: false, isRequiredDocumentsUploaded: false });\r\n\r\n\r\n }\r\n async addBusinessExcelDoc() {\r\n if (!this.state.previousBusinessExcelFileLoaded) {\r\n return;\r\n }\r\n \r\n let businessExcelFileCount = this.state.businessExcelFileCount;\r\n businessExcelFileCount++;\r\n \r\n let item = { id: \"businessExcel\" + businessExcelFileCount, label: \"Excel Document\", errorMessage: \"\"};\r\n let businessExcelFiles = [...this.state.businessExcelFiles, item];\r\n this.setState({ businessExcelFileCount, businessExcelFiles, previousBusinessExcelFileLoaded: false});\r\n \r\n }\r\n async onFileDelete(fileGuid, id) {\r\n //console.log(\"Submit Proposal File delete file id\", fileGuid);\r\n const techPdf = \"techPDF\";\r\n const humanPdf = \"humanPDF\";\r\n const businessPdf = \"businessPDF\";\r\n try {\r\n this.deleteFileFromTemp(fileGuid);\r\n if (id === techPdf) {\r\n this.setState({ isTechPdfLoaded: false, isRequiredDocumentsUploaded:false});\r\n }\r\n if (id === businessPdf) {\r\n this.setState({ isBusinessPdfLoaded: false, isRequiredDocumentsUploaded: false });\r\n }\r\n return true; \r\n } catch (e) {\r\n //console.log(\"File Delete Error\", e);\r\n return false;\r\n } \r\n\r\n }\r\n async deleteFileFromTemp(fileGuid) {\r\n const fileObjToDelete = this.state.uploadedFiles.find(o => o.fileGuid === fileGuid);\r\n\r\n if (fileObjToDelete !== undefined) {\r\n try {\r\n //const { data } = await submitProposalService.postSubmitProposalFileDelete(this.state.solicitation.pageGuid, fileGuid);\r\n const uploadedFilesFiltered = this.state.uploadedFiles.filter(obj => obj.fileGuid !== fileGuid);\r\n let uploadedFileTotalSize = this.state.uploadedFileTotalSize - fileObjToDelete.file.size;\r\n uploadedFileTotalSize = uploadedFileTotalSize || 0;\r\n await this.setState({ uploadedFiles: uploadedFilesFiltered, uploadedFileTotalSize });\r\n } catch (ex) {\r\n //console.log(\"Error in deleteFileFromTemp\", ex);\r\n toast.error(\"Error Deleting File\");\r\n } \r\n }\r\n }\r\n\r\n async onBusinessExcelFileDelete(fileGuid,id,isReplace) {\r\n\r\n try {\r\n if (!isReplace) {\r\n if (id !== \"businessExcel1\") {\r\n let businessExcelFiles = this.state.businessExcelFiles;\r\n const businessExcelFilesFiltered = businessExcelFiles.filter(obj => obj.id !== id);\r\n //this.setState({\r\n // businessExcelFiles: businessExcelFilesFiltered,\r\n // previousBusinessExcelFileLoaded: true\r\n //});\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n businessExcelFiles: businessExcelFilesFiltered,\r\n previousBusinessExcelFileLoaded: true\r\n });\r\n },\r\n 1);\r\n\r\n } else {\r\n this.setState({ previousBusinessExcelFileLoaded: false });\r\n }\r\n }\r\n this.deleteFileFromTemp(fileGuid);\r\n return true;\r\n\r\n } catch (e) {\r\n //console.log(\"Error in Business excel file delete\", e);\r\n return false;\r\n } \r\n \r\n \r\n }\r\n async onBusinessDocFileDelete(fileGuid, id,isReplace) {\r\n\r\n try {\r\n\r\n if (!isReplace) {\r\n if (id !== \"businessPDF1\") {\r\n\r\n let businessDocFiles = this.state.businessDocFiles;\r\n const businessDocFilesFiltered = businessDocFiles.filter(obj => obj.id !== id);\r\n //this.setState({ businessDocFiles: businessDocFilesFiltered, previousBusinessDocFileLoaded: true });\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n businessDocFiles: businessDocFilesFiltered,\r\n previousBusinessDocFileLoaded: true\r\n });\r\n },\r\n 1);\r\n\r\n } else {\r\n let businessDocFiles = this.state.businessDocFiles;\r\n const objIndex = businessDocFiles.findIndex(obj => obj.id === id);\r\n businessDocFiles[objIndex].isLoaded = false;\r\n businessDocFiles[objIndex].errorMessage = \"\";\r\n this.setState({ businessDocFiles });\r\n this.setState({ previousBusinessDocFileLoaded: false, isRequiredDocumentsUploaded: false });\r\n }\r\n \r\n }\r\n\r\n this.deleteFileFromTemp(fileGuid);\r\n return true;\r\n \r\n } catch (e) {\r\n //console.log(\"Error in Business doc file delete\", e);\r\n return false;\r\n } \r\n\r\n }\r\n \r\n async onBusinessExcelFileUpload(file,id) {\r\n try {\r\n const totalSizeAfterUpload = this.state.uploadedFileTotalSize + file.size;\r\n\r\n if (file.size > constants.MaxContentSizeAllowed || totalSizeAfterUpload > constants.MaxContentSizeAllowed)\r\n return constants.MaxContentSizeLimitExceeded;\r\n\r\n let businessExcelFiles= this.state.businessExcelFiles;\r\n const objIndex=businessExcelFiles.findIndex(obj=>obj.id == id);\r\n\r\n var validExts = BusinessExcelExtensions; \r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n \r\n businessExcelFiles[objIndex].errorMessage = BusinessExcelErrorMsg; \r\n this.setState({businessExcelFiles});\r\n return \"NotAllowed\";\r\n }\r\n \r\n const fileGuid = await submitProposalService.guid();\r\n const item = { fileGuid, fileName: file.name,file, fileType: constants.BusinessExcel }\r\n\r\n let uploadedFiles = [...this.state.uploadedFiles, item];\r\n businessExcelFiles[objIndex].errorMessage = \"\";\r\n let uploadedFileTotalSize = this.state.uploadedFileTotalSize + file.size;\r\n await this.setState({ uploadedFiles, businessExcelFiles, uploadedFileTotalSize,previousBusinessExcelFileLoaded: true });\r\n\r\n return fileGuid;\r\n } catch (e) {\r\n //console.log(e);\r\n return \"Error\";\r\n } \r\n }\r\n\r\n async onBusinessDocFileUpload(file, id) {\r\n //console.log('on business upload');\r\n try {\r\n const totalSizeAfterUpload = this.state.uploadedFileTotalSize + file.size;\r\n if (file.size > constants.MaxContentSizeAllowed || totalSizeAfterUpload > constants.MaxContentSizeAllowed)\r\n return constants.MaxContentSizeLimitExceeded;\r\n\r\n let businessDocFiles = this.state.businessDocFiles;\r\n\r\n const objIndex=businessDocFiles.findIndex(obj=>obj.id == id);\r\n\r\n var validExts = AllUploadExtensions; \r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n businessDocFiles[objIndex].errorMessage = AllUploadErrorMsg; \r\n businessDocFiles[objIndex].isLoaded = false;\r\n this.setState({businessDocFiles});\r\n return \"NotAllowed\";\r\n }\r\n\r\n \r\n const fileGuid = await submitProposalService.guid();\r\n const item = { fileGuid, fileName: file.name,file, fileType: constants.NonRDBusinessDocs }\r\n let uploadedFiles = [...this.state.uploadedFiles, item];\r\n let uploadedFileTotalSize = this.state.uploadedFileTotalSize + file.size;\r\n await this.setState({ uploadedFiles, uploadedFileTotalSize });\r\n\r\n businessDocFiles[objIndex].isLoaded=true;\r\n businessDocFiles[objIndex].errorMessage=\"\";\r\n this.setState({businessDocFiles});\r\n\r\n let isAllBusDocUploaded = await this.verifyAllBusinessDocUpload();\r\n this.setState({ previousBusinessDocFileLoaded: true, isRequiredDocumentsUploaded: isAllBusDocUploaded });\r\n return fileGuid; \r\n } catch (e) {\r\n //console.log(e);\r\n return \"Error\";\r\n }\r\n }\r\n async onFileUpload(file, id) {\r\n const techPdf = \"techPDF\";\r\n const humanPdf = \"humanPDF\";\r\n const businessPdf = \"businessPDF\";\r\n const totalSizeAfterUpload = this.state.uploadedFileTotalSize + file.size;\r\n if (file.size > constants.MaxContentSizeAllowed || totalSizeAfterUpload > constants.MaxContentSizeAllowed )\r\n return constants.MaxContentSizeLimitExceeded;\r\n\r\n try {\r\n if (id === techPdf) {\r\n const validExts = TechDocExtensions; \r\n const fileExt = file.name.substring(file.name.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n this.setState({ techPdfValidationError: ` ${TechDocErrorMsg}`, isTechPdfLoaded: false, techPdfRequired: \"\" });\r\n return FileTypeNotAllowed;\r\n }\r\n } else if (id === humanPdf) {\r\n const validExts = HumanSubjectExtensions; \r\n const fileExt = file.name.substring(file.name.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n this.setState({ humanPdfValidationError: ` ${HumanSubjectErrorMsg}` });\r\n return FileTypeNotAllowed;\r\n }\r\n } else if (id === businessPdf) {\r\n const validExts = BusinessDocExtensions; \r\n const fileExt = file.name.substring(file.name.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n this.setState({ businessPdfValidationError: ` ${BusinessDocErrorMsg}`, isBusinessPdfLoaded: false, businessPdfRequired: \"\" });\r\n return FileTypeNotAllowed;\r\n }\r\n } else {\r\n return FileTypeNotAllowed;\r\n }\r\n\r\n let fileType = -1;\r\n let isRequiredDocumentsUploaded = false;\r\n //TechPdf = 1, HumanPdf = 2, BusinessPdf = 3, BusinessExcel = 4\r\n if (id === techPdf) {\r\n fileType = constants.TechPdf;\r\n if (this.state.isBusinessPdfLoaded) isRequiredDocumentsUploaded = true;\r\n this.setState({ isTechPdfLoaded: true, isRequiredDocumentsUploaded, techPdfRequired: \"\", techPdfValidationError: \"\" });\r\n \r\n }\r\n\r\n if (id === humanPdf) {\r\n fileType = constants.HumanPdf;\r\n this.setState({ humanPdfValidationError:\"\" });\r\n }\r\n\r\n if (id === businessPdf) {\r\n fileType = constants.BusinessPdf;\r\n if (this.state.isTechPdfLoaded)\r\n isRequiredDocumentsUploaded = true;\r\n this.setState({ isBusinessPdfLoaded: true, isRequiredDocumentsUploaded, businessPdfRequired:\"\",businessPdfValidationError:\"\" });\r\n }\r\n const fileGuid = await submitProposalService.guid();\r\n //const item = { fileGuid: data.fileGuid, fileName: data.fileName, fileType: fileType }\r\n const item = { fileGuid, fileName:file.name,file, fileType: fileType }\r\n let uploadedFiles = [...this.state.uploadedFiles, item];\r\n let uploadedFileTotalSize = this.state.uploadedFileTotalSize + file.size;\r\n await this.setState({ uploadedFiles, uploadedFileTotalSize});\r\n\r\n return fileGuid; \r\n } catch (e) {\r\n return constants.Error;\r\n } \r\n }\r\n ////file upload logic changed - for external all files will be sent to server together\r\n //async uploadFile(file) {\r\n // try {\r\n // const data = new FormData();\r\n // data.append('file', file);\r\n // const result = await submitProposalService.postSubmitProposalFileUpload(this.state.solicitation.pageGuid, data);\r\n // return result; \r\n // }\r\n // catch (ex) {\r\n\r\n // console.log(ex.response);\r\n // toast.error(ex.response.data);\r\n // } \r\n //}\r\n\r\n async componentWillMount() {\r\n \r\n try {\r\n this.setState({ loading: true });\r\n const solicitationId = this.props.match.params.id;\r\n this.getPageHeaderInfo(solicitationId);\r\n const { data: solicitation } = await submitProposalService.getSolProposalSubmissionData(solicitationId);\r\n this.setState({ solicitation}); \r\n }\r\n catch (ex) {\r\n //console.log(ex.response);\r\n this.setState({ pageError: true });\r\n //toast.error(ex.response.data);\r\n setTimeout(() => window.location = \"/\", 3000);\r\n }\r\n finally {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n async getPageHeaderInfo(solicitationId) {\r\n try {\r\n const {data: headerInfo } = await submitProposalService.getPageHeaderInfo(solicitationId);\r\n //console.log('fetched sol header info', headerInfo);\r\n this.setState({ headerInfo });\r\n\r\n } catch (ex) {\r\n //console.log(ex);\r\n }\r\n }\r\n doSubmit = async () => {\r\n if (this.state.solicitation.solicitationIsRD) {\r\n if (!this.state.isTechPdfLoaded && !this.state.isBusinessPdfLoaded) {\r\n this.setState({ techPdfRequired: \"Technical Document Required\", businessPdfRequired: \"Business Document Required\" });\r\n return;\r\n }\r\n if (!this.state.isTechPdfLoaded) {\r\n this.setState({ techPdfRequired: \"Technical Document Required\" });\r\n return;\r\n }\r\n\r\n\r\n if (!this.state.isBusinessPdfLoaded) {\r\n this.setState({ businessPdfRequired: \"Business Document Required\" });\r\n return;\r\n }\r\n }\r\n \r\n if (!this.state.solicitation.solicitationIsRD) {\r\n let isError=false;\r\n\r\n let businessDocFiles= this.state.businessDocFiles;\r\n businessDocFiles.forEach(element => {\r\n if (!element.isLoaded) {\r\n element.errorMessage = \"Business Document Required\";\r\n isError = true;\r\n }\r\n });\r\n\r\n\r\n this.setState({ businessDocFiles });\r\n if (isError) { return;}\r\n }\r\n\r\n const pageGuid = this.state.solicitation.pageGuid;\r\n const solicitationId = this.state.solicitation.solicitationID;\r\n const proposalName = this.state.data.proposalName;\r\n const uploadedFiles = this.state.uploadedFiles;\r\n const item = { proposalName , pageGuid, uploadedFiles}\r\n \r\n try {\r\n //console.log('inside try');\r\n const user = auth.getCurrentUser();\r\n let newThis = this;\r\n\r\n const res = await submitProposalService.postSubmitGateway(user, solicitationId, 1);\r\n if (res.status !== HTTPStatusCodes.SUCCESS) {\r\n toast.error(\"Submission gateway error\");\r\n return;\r\n }\r\n\r\n const { data, status } = await submitProposalService.postSubmitProposal('newProposal', solicitationId, item, newThis, \"api/solicitations/\", \"/submitProposal/\", this.state.cancelSubmission);\r\n if (status === HTTPStatusCodes.SUCCESS) {\r\n //console.log(\"Submit Proposal success\", data);\r\n //setTimeout(() => window.location = \"/\", 2000);\r\n setTimeout(() => {\r\n this.props.history.push({\r\n pathname: `/reviseProposal/${data.proposalId}`,\r\n state: { showProposalSubmissionSuccessModal: true },\r\n from: \"Submit Quote Page\"\r\n });\r\n //window.location.reload();\r\n },\r\n 2000);\r\n } else {\r\n //console.log(\"Submit Proposal failure-data\", data);\r\n //console.log(\"Submit Proposal failure-status\", status);\r\n }\r\n } catch (ex) {\r\n //console.log(\"ex\",ex);\r\n if (ex.toString().indexOf(\"CANCEL_UPLOAD\") >= 0) {\r\n toast.warning(\"Upload Canceled\");\r\n //setTimeout(() => window.location = \"/\", 3000);\r\n }\r\n\r\n if (ex.response.status === 403) {\r\n toast.error(ex.response.data);\r\n setTimeout(() => window.location = \"/deadlineerror\", 3000);\r\n }\r\n else {\r\n toast.error(\"Submission fail\");\r\n setTimeout(() => window.location = \"/\", 3000);\r\n }\r\n\r\n this.setState({\r\n setopenProgressModal: false,\r\n openProgressModal: false,\r\n loadedAmount: 0\r\n });\r\n } \r\n\r\n\r\n };\r\n\r\n // handleClose = () => {\r\n\r\n // this\r\n // }\r\n\r\n onCancelUploading = () => {\r\n //console.log('onCancelUploading');\r\n this.setState({\r\n setopenProgressModal: false, \r\n openProgressModal: false,\r\n loadedAmount: 0\r\n });\r\n\r\n submitProposalService.postSubmitProposal('newProposal', null, null, null, \"api/solicitations/\", \"/submitProposal/\", true);\r\n submitProposalService.postSubmitGateway(auth.getCurrentUser(), this.state.solicitation.solicitationID, 3)\r\n .then(res => { /*console.log(\"User clicked Cancel button when proposal is uploading\")*/ })\r\n .catch(err => { /*console.log(\"User click cancel button\")*/ });\r\n }\r\n\r\n render() {\r\n if (this.state.pageError)\r\n return null;\r\n\r\n const submitDisabled = this.validate() || !this.state.isRequiredDocumentsUploaded;\r\n const noticeType = this.state.headerInfo?.noticeType;\r\n const textBasedNnNoticeType = noticeType === 'RFQ' ? '' : 'Capability Statement/';\r\n\r\n const loader = (Loading...
);\r\n\r\n return (\r\n \r\n
\r\n
\r\n {/* if you're uploading and updating at the same time, maybe have the loadedAmount equal to the updating loaded + submission uploaded / 2 to show the two types of calls being made at once */}\r\n\r\n \r\n
\r\n
Submit {textBasedNnNoticeType}Quote
\r\n {this.state.loading && loader}\r\n {!this.state.loading &&
\r\n
\r\n
\r\n
\r\n
\r\n
Submit {textBasedNnNoticeType}Quote Documents
\r\n
Max File Upload Size: 387.19 MB \r\n
\r\n
\r\n {!this.state.solicitation.solicitationIsRD &&
Only excel, word or pdf formats can be submitted. Multiple individual files may be submitted.
}\r\n {this.state.solicitation.solicitationIsRD &&
Only a single Technical, Business files can be submitted. Multiple Excel files may be submitted.
}\r\n \r\n
\r\n
\r\n
\r\n {this.state.solicitation.solicitationIsRD && (\r\n 0 ? this.state.techPdfRequired: this.state.techPdfValidationError}\r\n totalUploadedFileSize={this.state.uploadedFileTotalSize}\r\n fileUpload={this.onFileUpload}\r\n fileDelete={this.onFileDelete}\r\n />\r\n \r\n )}\r\n {this.state.solicitation.solicitationIsRD && this.state.solicitation.solicitationEnableOther && (\r\n )}\r\n {this.state.solicitation.solicitationIsRD && this.state.solicitation.solicitationEnableOther && (Upload the Human Subjects and Clinical Trials Information Form as required in this solicitation. Refer to your solicitation instructions for more information. \r\n 0 ?this.state.businessPdfRequired: this.state.businessPdfValidationError }\r\n totalUploadedFileSize={this.state.uploadedFileTotalSize}\r\n fileUpload={this.onFileUpload}\r\n fileDelete={this.onFileDelete}\r\n />\r\n )}\r\n {!this.state.solicitation.solicitationIsRD && this.state.businessDocFiles.map((item) => {\r\n return (\r\n );\r\n })}\r\n {this.state.solicitation.solicitationIsRD && this.state.businessExcelFiles.map((item) => {\r\n return (\r\n );\r\n })}\r\n {\r\n this.state.solicitation.solicitationIsRD && Upload excel if required by the solicitation instructions. You may upload multiple excel files. \r\n {this.state.solicitation.solicitationIsRD && (
\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {!this.state.solicitation.solicitationIsRD && (
\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n
\r\n
\r\n {submitDisabled && Submit button will be enabled once all the required information is provided }\r\n {this.handleSubmit(uploading); this.setState({setopenProgressModal: true, openProgressModal: true}); }} \r\n >\r\n \r\n Submit {textBasedNnNoticeType}Quote\r\n \r\n \r\n
\r\n
}\r\n
\r\n
{ this.onCancelUploading() }}>\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
Success \r\n Submission received on \r\n {obj.state.proposal.proposalModifiedDateStr} at {obj.state.proposal.proposalModifiedTimeStr} \r\n \r\n
\r\n × \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Your upload was successful on {obj.state.proposal.proposalModifiedDateLongStr} at {obj.state.proposal.proposalModifiedTimeStr}. Your submission will appear in the Submission History section in this page and on the Submission Submission History .\r\n \r\n
\r\n
\r\n
\r\n \r\n Feel free to revise your submission any time before the deadline {responseDeadlineDateStr} at {responseDeadlineTimeStr}. You may replace any of your previously uploaded documents on this screen below. If you don't wish to make changes now, you may find your submission to view or revise, at any time, under Submission History.\r\n \r\n
\r\n
\r\n Close \r\n
\r\n \r\n \r\n\r\n );\r\n}\r\n\r\nexport default ProposalSubmissionSuccessModal;\r\n","import React, { Component } from 'react';\r\nimport HTTPStatusCodes from \"../../enums/HTTPStatusCodes\";\r\nimport Joi from 'joi-browser';\r\nimport axios from 'axios';\r\nimport { toast } from \"react-toastify\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n// import '../siteStyles.css';\r\nimport ProgressModal from './progressModal';\r\n\r\nimport * as constants from \"../common/constants\";\r\nimport FileUpload from \"../common/fileUpload\";\r\nimport fileDownload from 'js-file-download';\r\nimport Form from \"../common/form\";\r\nimport auth from \"../../services/authService\";\r\nimport fileService from \"../../services/fileService\";\r\nimport {\r\n AllUploadAcceptTypes, AllUploadExtensions, AllUploadErrorMsg,\r\n TechDocAcceptTypes, TechDocExtensions, TechDocErrorMsg,\r\n BusinessDocAcceptTypes, BusinessDocExtensions, BusinessDocErrorMsg,\r\n BusinessExcelAcceptTypes, BusinessExcelExtensions, BusinessExcelErrorMsg,\r\n HumanSubjectAcceptTypes, HumanSubjectExtensions, HumanSubjectErrorMsg,\r\n FileTypeNotAllowed\r\n} from \"../common/constants\";\r\nimport { SolicitationHeader } from \"./SolicitationHeader\";\r\nimport submitProposalService from \"../../services/submitProposalService\";\r\nimport ProposalSubmissionSuccessModal from \"./ProposalSubmissionSuccessModal\";\r\nimport { createBrowserHistory } from 'history'\r\nimport DateTimeConvert from '../common/DateTimeConversionMethods';\r\nimport Footer from \"../Footer\";\r\nexport class ReviseProposal extends Form {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: {\r\n proposalName: ''\r\n },\r\n businessExcelFiles: [\r\n \r\n ],\r\n businessDocFiles: [\r\n \r\n ],\r\n businessExcelFileIndex: 0,\r\n businessDocFileIndex: 0,\r\n solicitation: {},\r\n errors: {},\r\n pageError: false,\r\n previousBusinessDocFileLoaded: true,\r\n previousBusinessExcelFileLoaded: true,\r\n originalProposalName:\"\",\r\n uploadedFiles: [],\r\n uploadedFileChanges: [],\r\n changedDocumentIds:[],\r\n totalUploadedFileChangesSize:0,\r\n headerInfo: {}, \r\n vendorContactInfo: {},\r\n isTechPdfLoaded: false,\r\n isBusinessPdfLoaded: false,\r\n techPdfRequired: \"\",\r\n businessPdfRequired: \"\",\r\n techPdfValidationError: \"\",\r\n businessPdfValidationError: \"\",\r\n humanPdfValidationError: \"\",\r\n proposal: {},\r\n confirmationModal: {},\r\n loading: false,\r\n loadedAmount: 0,\r\n openProgressModal: false,\r\n setopenProgressModal: false,\r\n showDownloadButton: false\r\n };\r\n\r\n this.schema = {\r\n proposalName: Joi.string().trim().required().error(() => { return { message: \"Proposal Name required.\" }; }),\r\n };\r\n\r\n\r\n this.onFileDelete = this.onFileDelete.bind(this);\r\n this.onFileReplace = this.onFileReplace.bind(this);\r\n this.addBusinessDoc = this.addBusinessDoc.bind(this);\r\n this.addBusinessExcelDoc = this.addBusinessExcelDoc.bind(this);\r\n this.onBusinessExcelFileUpload = this.onBusinessExcelFileUpload.bind(this);\r\n this.onBusinessExcelFileDelete = this.onBusinessExcelFileDelete.bind(this);\r\n this.onBusinessDocFileUpload = this.onBusinessDocFileUpload.bind(this);\r\n this.onBusinessDocFileDelete = this.onBusinessDocFileDelete.bind(this);\r\n }\r\n async addBusinessDoc() {\r\n \r\n if (!this.state.previousBusinessDocFileLoaded) {\r\n return;\r\n }\r\n //console.log(\"Add additional business document\");\r\n\r\n let businessDocFileIndex = this.state.businessDocFileIndex;\r\n businessDocFileIndex++;\r\n\r\n let item = { id: \"businessPDF\" + businessDocFileIndex, label: \"Business Document\", isLoaded: false, errorMessage: \"\" };\r\n\r\n let businessDocFiles = [...this.state.businessDocFiles, item];\r\n this.setState({ businessDocFileIndex, businessDocFiles, previousBusinessDocFileLoaded: false });\r\n\r\n //console.log(\"Business Doc Files\", businessDocFiles);\r\n\r\n }\r\n async addBusinessExcelDoc() {\r\n if (!this.state.previousBusinessExcelFileLoaded) {\r\n return;\r\n }\r\n \r\n let businessExcelFileIndex = this.state.businessExcelFileIndex;\r\n businessExcelFileIndex++;\r\n \r\n let item = { id: \"businessExcel\" + businessExcelFileIndex, label: \"Excel Document\", errorMessage: \"\", defaultFileName: \"\", fileDbId:0 };\r\n \r\n let businessExcelFiles = [...this.state.businessExcelFiles, item];\r\n this.setState({ businessExcelFileIndex, businessExcelFiles, previousBusinessExcelFileLoaded: false });\r\n\r\n }\r\n async onFileDelete(fileDbId,docId, isReplace) {\r\n //console.log(\"Revise Proposal File delete file id\", fileDbId);\r\n //console.log(\"Revise Proposal File delete file is replace\", isReplace);\r\n var objToRemove;\r\n if (submitProposalService.isGUID(fileDbId)) {\r\n objToRemove = this.state.uploadedFileChanges.find(obj => obj.fileGuid === fileDbId);\r\n }\r\n else {\r\n objToRemove = this.state.uploadedFileChanges.find(obj => obj.fileDbId === fileDbId);\r\n }\r\n //console.log(\"Revise proposal object to remove\", objToRemove);\r\n if (objToRemove !== undefined) {\r\n try {\r\n this.updateStateForFileChanges(objToRemove); \r\n return true;\r\n } catch (e) {\r\n //console.log(\"Revise Proposal File Delete Error\", e);\r\n return false;\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n\r\n async onFileDownload(fileDbId, fileName) {\r\n const url = fileService.getDownloadUrl(fileDbId);\r\n try { \r\n const response = await fileService.handleDownload(url, fileName);\r\n await fileDownload(response.data, fileName);\r\n }\r\n catch (ex) {\r\n toast.error(\"Download file error\");\r\n }\r\n \r\n }\r\n updateStateForFileChanges(objToRemove) {\r\n //console.log(\"updateStateForFileChanges\", objToRemove);\r\n const uploadedFileChanges = this.state.uploadedFileChanges.filter(obj => obj.fileGuid !== objToRemove.fileGuid);\r\n \r\n let totalUploadedFileChangesSize = this.state.totalUploadedFileChangesSize - objToRemove.file.size;\r\n totalUploadedFileChangesSize = totalUploadedFileChangesSize || 0;\r\n this.setState({ uploadedFileChanges, totalUploadedFileChangesSize });\r\n }\r\n\r\n \r\n async onBusinessExcelFileDelete(fileDbId, id, isReplace) {\r\n\r\n try {\r\n //console.log(\"Business Excel File Delete Id:\", id);\r\n //console.log(\"Business Excel File Delete fileDbId:\", fileDbId);\r\n //console.log(\"Business Excel File Delete isReplace:\", isReplace);\r\n\r\n const isFileDbIdGuid = submitProposalService.isGUID(fileDbId);\r\n if (isFileDbIdGuid) {\r\n //console.log(\"its a guid\");\r\n if (!isReplace){\r\n this.removeBusinessExcelDoc(id); \r\n }\r\n \r\n const objToRemove = this.state.uploadedFileChanges.find(obj => obj.fileGuid === fileDbId);\r\n const uploadedFileChanges = this.state.uploadedFileChanges.filter(obj => obj.fileGuid !== fileDbId);\r\n \r\n let totalUploadedFileChangesSize = this.state.totalUploadedFileChangesSize - objToRemove.file.size;\r\n totalUploadedFileChangesSize = totalUploadedFileChangesSize || 0;\r\n this.setState({ uploadedFileChanges, totalUploadedFileChangesSize});\r\n return true;\r\n }\r\n\r\n if (!isReplace) {\r\n const objToRemove = this.state.businessExcelFiles.find(obj => obj.id === id);\r\n if (objToRemove.fileDbId === 0) {\r\n //console.log(\"Revise proposal Business excel -Remove the Component as well\");\r\n\r\n this.removeBusinessExcelDoc(id);\r\n\r\n } else {\r\n this.setState({ previousBusinessExcelFileLoaded: false });\r\n }\r\n }\r\n \r\n const objToRemove = this.state.uploadedFileChanges.find(obj => obj.fileDbId === fileDbId);\r\n \r\n //console.log(\"Revise proposal business excel file delete object to remove\", objToRemove);\r\n if (objToRemove !== undefined) {\r\n try {\r\n this.updateStateForFileChanges(objToRemove); \r\n return true;\r\n } catch (e) {\r\n //console.log(\"Revise Proposal File Delete Error\", e);\r\n return false;\r\n }\r\n }\r\n return true;\r\n\r\n } catch (e) {\r\n //console.log(\"Error in Business excel file delete\", e);\r\n return false;\r\n }\r\n\r\n\r\n }\r\n removeBusinessExcelDoc(id) {\r\n //console.log(\"Revise proposal- Removing Business excel doc\");\r\n let businessExcelFiles = this.state.businessExcelFiles;\r\n const businessExcelFilesFiltered = businessExcelFiles.filter(obj => obj.id !== id);\r\n setTimeout(() => {\r\n this.setState({\r\n businessExcelFiles: businessExcelFilesFiltered,\r\n previousBusinessExcelFileLoaded: true\r\n });\r\n },\r\n 1);\r\n\r\n }\r\n\r\n async onBusinessDocFileDelete(fileDbId, id, isReplace) {\r\n\r\n try {\r\n //console.log(\"Business Doc File Delete Id:\", id);\r\n //console.log(\"Business Doc File Delete fileDbId:\", fileDbId);\r\n const isFileDbIdGuid = submitProposalService.isGUID(fileDbId);\r\n if (isFileDbIdGuid) {\r\n //console.log(\"its a guid\");\r\n if (!isReplace) {\r\n this.removeBusinessDocFile(id);\r\n }\r\n \r\n const objToRemove = this.state.uploadedFileChanges.find(obj => obj.fileGuid === fileDbId);\r\n const uploadedFileChanges = this.state.uploadedFileChanges.filter(obj => obj.fileGuid !== fileDbId);\r\n \r\n let totalUploadedFileChangesSize = this.state.totalUploadedFileChangesSize - objToRemove.file.size;\r\n totalUploadedFileChangesSize = totalUploadedFileChangesSize || 0;\r\n this.setState({ uploadedFileChanges, totalUploadedFileChangesSize });\r\n return true;\r\n }\r\n if (!isReplace) {\r\n const objToRemove = this.state.businessDocFiles.find(obj => obj.id === id);\r\n if (objToRemove.fileDbId === 0) {\r\n //console.log(\"Remove the Component as well\");\r\n this.removeBusinessDocFile(id);\r\n \r\n } else {\r\n let businessDocFiles = this.state.businessDocFiles;\r\n const objIndex = businessDocFiles.findIndex(obj => obj.id === id);\r\n businessDocFiles[objIndex].isLoaded = false;\r\n businessDocFiles[objIndex].errorMessage = \"\";\r\n this.setState({ businessDocFiles });\r\n this.setState({ previousBusinessDocFileLoaded: false });\r\n }\r\n\r\n }\r\n \r\n \r\n const businessDocToRemove = this.state.uploadedFileChanges.find(obj => obj.fileDbId === fileDbId);\r\n //console.log(\"Revise proposal business doc file delete object to remove\", businessDocToRemove);\r\n if (businessDocToRemove !== undefined) {\r\n try {\r\n this.updateStateForFileChanges(businessDocToRemove);\r\n return true;\r\n } catch (e) {\r\n //console.log(\"Revise Proposal File Delete Error- Business doc\", e);\r\n return false;\r\n }\r\n }\r\n return true;\r\n\r\n } catch (e) {\r\n //console.log(\"Error in Business doc file delete\", e);\r\n return false;\r\n }\r\n\r\n }\r\n\r\n removeBusinessDocFile(id) {\r\n let businessDocFiles = this.state.businessDocFiles;\r\n const businessDocFilesFiltered = businessDocFiles.filter(obj => obj.id !== id);\r\n \r\n\r\n setTimeout(() => {\r\n this.setState({\r\n businessDocFiles: businessDocFilesFiltered,\r\n previousBusinessDocFileLoaded: true\r\n });\r\n },1);\r\n }\r\n\r\n async onBusinessExcelFileUpload(file, id, fileDbId) {\r\n const totalSizeAfterUpload = this.state.totalUploadedFileChangesSize + file.size;\r\n if (file.size > constants.MaxContentSizeAllowed || totalSizeAfterUpload > constants.MaxContentSizeAllowed)\r\n return constants.MaxContentSizeLimitExceeded;\r\n\r\n try {\r\n //console.log(\"Business excel File upload id\", id);\r\n //console.log(\"file\", file);\r\n let businessExcelFiles = this.state.businessExcelFiles;\r\n const objIndex = businessExcelFiles.findIndex(obj => obj.id == id);\r\n\r\n var validExts = BusinessExcelExtensions; \r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n businessExcelFiles[objIndex].errorMessage = BusinessExcelErrorMsg; \r\n this.setState({ businessExcelFiles });\r\n return \"NotAllowed\";\r\n }\r\n \r\n const fileGuid = await submitProposalService.guid();\r\n const item = { fileGuid, fileName: file.name, fileType: constants.BusinessExcel, fileDbId, file}\r\n \r\n let uploadedFileChanges = [...this.state.uploadedFileChanges, item];\r\n \r\n businessExcelFiles[objIndex].errorMessage = \"\";\r\n let totalUploadedFileChangesSize = this.state.totalUploadedFileChangesSize + file.size;\r\n \r\n await this.setState({ uploadedFileChanges, businessExcelFiles, previousBusinessExcelFileLoaded: true, totalUploadedFileChangesSize });\r\n\r\n //console.log(\"Uploaded Files\", this.state.uploadedFiles);\r\n return fileGuid;\r\n } catch (e) {\r\n //console.log(e);\r\n return \"Error\";\r\n }\r\n }\r\n\r\n async onBusinessDocFileUpload(file, id, fileDbId) {\r\n const totalSizeAfterUpload = this.state.totalUploadedFileChangesSize + file.size;\r\n if (file.size > constants.MaxContentSizeAllowed || totalSizeAfterUpload > constants.MaxContentSizeAllowed)\r\n return constants.MaxContentSizeLimitExceeded;\r\n\r\n try {\r\n //console.log(\"Business doc File upload id\", id);\r\n //console.log(\"file\", file);\r\n\r\n let businessDocFiles = this.state.businessDocFiles;\r\n const objIndex = businessDocFiles.findIndex(obj => obj.id == id);\r\n\r\n var validExts = AllUploadExtensions; \r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n \r\n businessDocFiles[objIndex].errorMessage = AllUploadErrorMsg; \r\n businessDocFiles[objIndex].isLoaded = false;\r\n this.setState({ businessDocFiles });\r\n return \"NotAllowed\";\r\n }\r\n\r\n\r\n const fileGuid = await submitProposalService.guid();\r\n const item = { fileGuid, fileName: file.name, fileType: constants.BusinessExcel, fileDbId, file }\r\n let uploadedFileChanges = [...this.state.uploadedFileChanges, item];\r\n let totalUploadedFileChangesSize = this.state.totalUploadedFileChangesSize + file.size;\r\n await this.setState({ uploadedFileChanges, totalUploadedFileChangesSize });\r\n\r\n businessDocFiles[objIndex].isLoaded = true;\r\n businessDocFiles[objIndex].errorMessage = \"\";\r\n this.setState({ businessDocFiles });\r\n\r\n this.setState({ previousBusinessDocFileLoaded: true });\r\n return fileGuid;\r\n } catch (e) {\r\n //console.log(e);\r\n return \"Error\";\r\n }\r\n }\r\n\r\n async onFileReplace(file, id, fileDbId) {\r\n const techPdf = \"techPDF\";\r\n const humanPdf = \"humanPDF\";\r\n const businessPdf = \"businessPDF\";\r\n //console.log(\"Revise proposal file replace file\", file);\r\n //console.log(\"Revise proposal file replace file id\", id);\r\n //console.log(\"Revise proposal file replace db file id\", fileDbId);\r\n\r\n const totalSizeAfterUpload = this.state.totalUploadedFileChangesSize + file.size;\r\n if (file.size > constants.MaxContentSizeAllowed || totalSizeAfterUpload > constants.MaxContentSizeAllowed)\r\n return constants.MaxContentSizeLimitExceeded;\r\n\r\n try {\r\n if (id === techPdf) {\r\n var validExts = TechDocExtensions;\r\n var fileExt = file.name.substring(file.name.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n this.setState({ techPdfValidationError: ` ${TechDocErrorMsg}` });\r\n return FileTypeNotAllowed;\r\n }\r\n } else if (id === humanPdf) {\r\n const validExts = HumanSubjectExtensions;\r\n const fileExt = file.name.substring(file.name.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n this.setState({ humanPdfValidationError: ` ${HumanSubjectErrorMsg}` });\r\n return FileTypeNotAllowed;\r\n }\r\n } else if (id === businessPdf) {\r\n const validExts = BusinessDocExtensions;\r\n const fileExt = file.name.substring(file.name.lastIndexOf('.'));\r\n if (!validExts.includes(fileExt.toLowerCase())) {\r\n this.setState({ businessPdfValidationError: ` ${BusinessDocErrorMsg}` });\r\n return FileTypeNotAllowed;\r\n }\r\n } else {\r\n return FileTypeNotAllowed;\r\n }\r\n\r\n let fileType = -1;\r\n if (id === techPdf) {\r\n fileType = constants.TechPdf;\r\n this.setState({ isTechPdfLoaded: true, techPdfRequired: \"\", techPdfValidationError: \"\" });\r\n }\r\n\r\n if (id === humanPdf) {\r\n fileType = constants.HumanPdf;\r\n this.setState({ humanPdfValidationError: \"\" });\r\n }\r\n\r\n if (id === businessPdf) {\r\n fileType = constants.BusinessPdf;\r\n this.setState({ isBusinessPdfLoaded: true, businessPdfRequired: \"\", businessPdfValidationError: \"\" });\r\n }\r\n\r\n const fileGuid = await submitProposalService.guid();\r\n const item = { fileGuid, fileName: file.name, fileType, fileDbId, file }\r\n let uploadedFileChanges = [...this.state.uploadedFileChanges, item];\r\n let totalUploadedFileChangesSize = this.state.totalUploadedFileChangesSize + file.size;\r\n await this.setState({ uploadedFileChanges, totalUploadedFileChangesSize});\r\n\r\n return fileGuid;\r\n } catch (e) {\r\n\r\n //console.log(e);\r\n return \"Error\";\r\n\r\n }\r\n }\r\n\r\n //Change to avoid change state after un-mount caused by self.refreshPage()\r\n async componentWillMount() {\r\n try {\r\n await this.loadPage();\r\n } catch (ex) {\r\n toast.error(\"Error loading proposal, please try again\");\r\n setTimeout(() => window.location = \"/\", 3000);\r\n }\r\n \r\n }\r\n \r\n loadPage = async () => {\r\n const proposalId = this.props.match.params.id;\r\n try {\r\n this.getPageHeaderWithVendorContactInfo(proposalId);\r\n const { data: solicitation } = await submitProposalService.getSolProposalSubmissionDataByProposalID(proposalId);\r\n const { data: proposal } = await submitProposalService.GetReviseProposalData(proposalId);\r\n\r\n //console.log(\"received proposal\", proposal);\r\n\r\n let uploadedFiles = proposal.files;\r\n \r\n //let totalUploadedFileSize = 0;\r\n //uploadedFiles.forEach((item) => {\r\n // totalUploadedFileSize += item.size || 0;\r\n //});\r\n const fetchedBusinessExcelFiles = proposal.files.filter(f => f.type === constants.BusinessExcel);\r\n let businessExcelFiles = [];\r\n if (fetchedBusinessExcelFiles.length > 0)\r\n businessExcelFiles = fetchedBusinessExcelFiles.map((f, index) => ({\r\n id: 'businessExcel' + index,\r\n label: 'Excel Document',\r\n errorMessage: '',\r\n defaultFileName: f.fileName,\r\n fileDbId: f.id\r\n }));\r\n const businessExcelFileIndex = fetchedBusinessExcelFiles.length - 1;\r\n let businessDocFiles = proposal.files.filter(f => f.type === constants.NonRDBusinessDocs);\r\n /*if (proposal.files.length > 0)*/\r\n if (businessDocFiles.length > 0)\r\n businessDocFiles = businessDocFiles.map((f, index) => {\r\n return {\r\n id: 'businessPDF' + index,\r\n label: 'Business Document',\r\n isLoaded: false,\r\n errorMessage: '',\r\n defaultFileName: f.fileName,\r\n fileDbId: f.id\r\n }\r\n });\r\n\r\n let businessDocFileIndex = businessDocFiles.length - 1;\r\n \r\n\r\n setTimeout(() => {\r\n this.setState({\r\n solicitation,\r\n proposal,\r\n uploadedFiles,\r\n //totalUploadedFileSize,\r\n data: { proposalName: proposal.proposalName },\r\n originalProposalName: proposal.proposalName,\r\n businessExcelFiles: businessExcelFiles,\r\n businessExcelFileIndex,\r\n businessDocFiles: businessDocFiles,\r\n businessDocFileIndex,\r\n //previousBusinessExcelFileLoaded: fetchedBusinessExcelFiles.length > 0,\r\n //previousBusinessDocFileLoaded: proposal.files.length > 0,\r\n submitHistory: proposal.historyLogs\r\n });\r\n },\r\n 5);\r\n const history = createBrowserHistory();\r\n if (this.props.location.state && this.props.location.state.showProposalSubmissionSuccessModal) {\r\n this.handleOpen('open');\r\n this.setState({ changedDocumentIds: this.props.location.state.changedDocumentIds });\r\n let state = { ...history.location.state };\r\n delete state.showProposalSubmissionSuccessModal;\r\n delete state.changedDocumentIds;\r\n history.replace({ ...history.location, state });\r\n }\r\n\r\n //if (this.props.location.state && this.props.location.state.changedDocumentIds) {\r\n // console.log(\"changed dcoument ids\", this.props.location.state.changedDocumentIds);\r\n // setTimeout(() => {\r\n // this.setState({ changedDocumentIds: this.props.location.state.changedDocumentIds });\r\n // },\r\n // 5);\r\n\r\n //}\r\n } catch (ex) {\r\n //console.log(ex);\r\n this.setState({ pageError: true });\r\n toast.error(ex.response.data);\r\n setTimeout(() => window.location = \"/\", 3000);\r\n }\r\n finally {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n handleOpen = () => {\r\n const add = Object.assign({}, this.state.confirmationModal);\r\n add.open = 'open';\r\n this.setState({ confirmationModal: add, showDownloadButton: true });\r\n }\r\n handleClose = () => {\r\n var add = Object.assign({}, this.state.confirmationModal);\r\n add.open = '';\r\n this.setState({ confirmationModal: add });\r\n }\r\n async getPageHeaderWithVendorContactInfo(proposalId) {\r\n try {\r\n let {data} = await submitProposalService.vendorContactInfo(proposalId);\r\n this.setState({ headerInfo: data.headerInfo, vendorContactInfo: data.vendorContactInfo});\r\n\r\n } catch (ex) {\r\n //console.log(ex);\r\n }\r\n }\r\n refreshPage(changedDocumentIds) {\r\n const proposalId = this.state.proposal.proposalId;\r\n this.props.history.push({\r\n pathname: '/reviseProposal', state: { showProposalSubmissionSuccessModal: false, changedDocumentIds:[] }\r\n });\r\n setTimeout(() => {\r\n this.props.history.push({\r\n pathname: `/reviseProposal/${proposalId}`, state: { showProposalSubmissionSuccessModal: true, changedDocumentIds }\r\n });\r\n },\r\n 5);\r\n }\r\n doSubmit = async () => {\r\n const pageGuid = this.state.solicitation.pageGuid;\r\n const solicitationId = this.state.solicitation.solicitationID;\r\n const proposalId = this.state.proposal.proposalId;\r\n const proposalName = this.state.data.proposalName;\r\n const uploadedFileChanges = this.state.uploadedFileChanges;\r\n const proposalData = { proposalId, proposalName, pageGuid, uploadedFileChanges }\r\n const self = this;\r\n\r\n //do not submit if nothing changed\r\n if (this.state.originalProposalName === proposalName && uploadedFileChanges.length === 0)\r\n return false;\r\n\r\n try {\r\n const user = auth.getCurrentUser();\r\n let newSelf = this;\r\n const res = await submitProposalService.postSubmitGateway(user, solicitationId, 2);\r\n if (res.status !== HTTPStatusCodes.SUCCESS) {\r\n toast.error(\"Submission gateway error\");\r\n return false;\r\n }\r\n\r\n const { data, status } = await submitProposalService.postSubmitProposal('editProposal',\r\n solicitationId,\r\n proposalData,\r\n newSelf,\r\n \"api/solicitations/\",\r\n \"/updateProposal\");\r\n if (status === HTTPStatusCodes.SUCCESS) {\r\n //console.log(\"Update Proposal success\", data);\r\n\r\n this.handleOpen('open');\r\n let changedDocumentIds = data.changedDocumentIds;\r\n setTimeout(() => {\r\n this.setState({ originalProposalName: this.state.data.proposalName, uploadedFileChanges: [] });\r\n this.setState({\r\n setopenProgressModal: false,\r\n openProgressModal: false,\r\n loadedAmount: 0\r\n //loading: false\r\n });\r\n },\r\n 5);\r\n \r\n //await this.loadPage();\r\n //Need to handle unmounted issue\r\n this.refreshPage(changedDocumentIds);\r\n } else {\r\n \r\n toast.warning(\"Upload not quite right\");\r\n }\r\n } catch (ex) {\r\n if (ex.toString().indexOf(\"CANCEL_UPLOAD\") >= 0) {\r\n toast.warning(\"Upload canceled\");\r\n } \r\n\r\n if (ex.response.status === 403) {\r\n toast.error(ex.response.data);\r\n setTimeout(() => window.location = \"/deadlineerror\", 3000);\r\n } else {\r\n toast.error(\"Submission fail\");\r\n setTimeout(() => window.location = \"/\", 3000);\r\n }\r\n this.setState({ uploadedFileChanges: [] });\r\n\r\n this.setState({\r\n setopenProgressModal: false,\r\n openProgressModal: false,\r\n loadedAmount: 0\r\n });\r\n } finally {\r\n this.setState({ loading: false });\r\n }\r\n };\r\n\r\n isPdf = (fileName) =>{\r\n const extension = fileName.split('.').pop().toLowerCase();\r\n return extension === 'pdf';\r\n }\r\n\r\n historyText = (ph) => {\r\n var test = ph.proposalLogComment.match(/(\"|')([^\"'\\\\]+)(\"|')(\\s+)replaced(\\s+)(\"|')([^\"'\\\\]+)(\"|')/g);\r\n if (test) {\r\n var filesFromComment = ph.proposalLogComment.match(/([\"'])(?:(?=(\\\\?))\\2.)*?\\1/g)\r\n if (filesFromComment && filesFromComment.length > 1) {\r\n var newFile = filesFromComment[0].replace(/[\\\"\\']/g, \"\");\r\n var oldFile = filesFromComment[1].replace(/[\\\"\\']/g, \"\");\r\n return ({ph.newValue} replaced {oldFile}
); \r\n }\r\n }\r\n\r\n test = ph.proposalLogComment.match(/([\"'])(?:(?=(\\\\?))\\2.)*?\\1/g);\r\n if (test) {\r\n var newFile = ph.proposalLogComment.replace(/[\\\"\\']/g, \"\");\r\n return ({newFile}
);\r\n }\r\n\r\n if (ph.newValue) {\r\n return ({ph.newValue} : {ph.proposalLogComment.replace(/[\\\"\\']/g, \"\")}
);\r\n } else {\r\n return ({ph.proposalLogComment.replace(/[\\\"\\']/g, \"\")}
);\r\n } \r\n }\r\n\r\n isRedirectedFromSubmitProposal() {\r\n const location = this.props.location;\r\n if (location === undefined || location === null)\r\n return false;\r\n\r\n const from = location.from;\r\n if (from === undefined || from === null)\r\n return false;\r\n\r\n return from === \"Submit Quote Page\" ;\r\n }\r\n\r\n checkSubmitDisabled() {\r\n const errors = this.validate();\r\n const state = this.state;\r\n const uploadedFileChanges = state.uploadedFileChanges;\r\n\r\n return ((errors != null)\r\n || (state.originalProposalName === state.data.proposalName && uploadedFileChanges.length === 0));\r\n }\r\n\r\n onCancelUploading = () => {\r\n //console.log('onCancelUploading');\r\n this.setState({\r\n setopenProgressModal: false, \r\n openProgressModal: false,\r\n loadedAmount: 0,\r\n //cancelSubmission: true\r\n });\r\n\r\n submitProposalService.postSubmitProposal('editProposal', null, null, null, 'api/solicitations/', '/updateProposal', true);\r\n\r\n //this.setState({\r\n // setopenProgressModal: false,\r\n // openProgressModal: false,\r\n // loadedAmount: 0,\r\n // //cancelSubmission: true\r\n //});\r\n }\r\n\r\n render() {\r\n if (this.state.pageError)\r\n return null;\r\n\r\n const loader = (Loading...
);\r\n const isSubmitDisabled = this.checkSubmitDisabled();\r\n const noticeType = this.state.headerInfo?.noticeType;\r\n const textBasedNnNoticeType = noticeType === 'RFQ' ? '' : 'Capability Statement/';\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n {this.state.loading && loader}\r\n {!this.state.loading &&
\r\n
\r\n
Edit {textBasedNnNoticeType}Quote
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{textBasedNnNoticeType}Quote Documents
\r\n
Max File Upload Size: 387.19 MB \r\n
\r\n
\r\n {!this.state.solicitation.solicitationIsRD &&
Only excel, word or pdf formats can be submitted. Multiple individual files may be submitted.
}\r\n {this.state.solicitation.solicitationIsRD &&
Only a single Technical, Business files can be submitted. Multiple Excel files may be submitted.
}\r\n\r\n
\r\n
\r\n
\r\n Note: If you replace or add a new file, you must click on Submit {textBasedNnNoticeType}Quote button for eSASS to receive the updated file.
\r\n
\r\n {this.state.solicitation.solicitationIsRD && (\r\n 0 ? this.state.techPdfRequired : this.state.techPdfValidationError}\r\n fileUpload={this.onFileReplace}\r\n fileDownload={this.onFileDownload}\r\n fileDelete={this.onFileDelete}\r\n defaultFile={this.state.uploadedFiles.filter(f => f.type === constants.TechPdf)[0]?.fileName}\r\n fileDbId={this.state.uploadedFiles.filter(f => f.type === constants.TechPdf)[0]?.id}\r\n isDownloadAllowed={(this.state.showDownloadButton && this.state.changedDocumentIds && this.state.changedDocumentIds.includes(this.state.uploadedFiles.filter(f => f.type === constants.TechPdf)[0]?.id))||this.isRedirectedFromSubmitProposal()}\r\n />\r\n )}\r\n {this.state.solicitation.solicitationIsRD && this.state.solicitation.solicitationEnableOther && (\r\n f.type === 3)[0]?.fileName}\r\n defaultFile={this.state.uploadedFiles.filter(f => f.type === constants.HumanPdf)[0]?.fileName}\r\n fileDbId={this.state.uploadedFiles.filter(f => f.type === constants.HumanPdf)[0]?.id}\r\n isDownloadAllowed={(this.state.showDownloadButton && this.state.changedDocumentIds && this.state.changedDocumentIds.includes(this.state.uploadedFiles.filter(f => f.type === constants.HumanPdf)[0]?.id))||this.isRedirectedFromSubmitProposal()}\r\n />\r\n )}\r\n {this.state.solicitation.solicitationIsRD && this.state.solicitation.solicitationEnableOther && (Upload the Human Subjects and Clinical Trials Information Form as required in this solicitation. Refer to your solicitation instructions for more information. \r\n 0 ? this.state.businessPdfRequired : this.state.businessPdfValidationError}\r\n fileUpload={this.onFileReplace}\r\n fileDownload={this.onFileDownload}\r\n fileDelete={this.onFileDelete}\r\n defaultFile={this.state.uploadedFiles.filter(f => f.type === constants.BusinessPdf)[0]?.fileName}\r\n fileDbId={this.state.uploadedFiles.filter(f => f.type === constants.BusinessPdf)[0]?.id}\r\n isDownloadAllowed={(this.state.showDownloadButton && this.state.changedDocumentIds && this.state.changedDocumentIds.includes(this.state.uploadedFiles.filter(f => f.type === constants.BusinessPdf)[0]?.id))||this.isRedirectedFromSubmitProposal()}\r\n />\r\n )}\r\n {!this.state.solicitation.solicitationIsRD && this.state.businessDocFiles.map((item) => {\r\n return (\r\n );\r\n })}\r\n {this.state.solicitation.solicitationIsRD && this.state.businessExcelFiles.map((item) => {\r\n return (\r\n );\r\n })}\r\n {\r\n this.state.solicitation.solicitationIsRD && Upload excel if required by the solicitation instructions. You may upload multiple excel files. \r\n {this.state.solicitation.solicitationIsRD && (
\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {!this.state.solicitation.solicitationIsRD && (
\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n
\r\n\r\n
\r\n {isSubmitDisabled && Submit button will be enabled once all the required information is provided }\r\n {this.handleSubmit(uploading); this.setState({setopenProgressModal: true, openProgressModal: true}); }}\r\n >\r\n \r\n Submit {textBasedNnNoticeType}Quote\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Submit New/Alternate Quote\r\n \r\n
\r\n
Your Contact Information
\r\n
\r\n
\r\n
\r\n \r\n \r\n Vendor {this.state.vendorContactInfo.vendor} \r\n \r\n \r\n Name {this.state.vendorContactInfo.name} \r\n \r\n \r\n Email {this.state.vendorContactInfo.email} \r\n \r\n \r\n Phone {this.state.vendorContactInfo.phone} \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
Submission History
\r\n
\r\n
File/Date
\r\n
\r\n {this.state.submitHistory && this.state.submitHistory.map((ph, index) => {\r\n \r\n return (\r\n\r\n \r\n
\r\n {this.historyText(ph)}
\r\n \r\n
{ph.proposalLogDateStr} {ph.proposalLogTimeStr}
\r\n
\r\n );\r\n })}\r\n \r\n
\r\n
\r\n
}\r\n
\r\n
this.onCancelUploading()}\r\n >\r\n \r\n \r\n
\r\n
\r\n
Counter \r\n\r\n
This is a simple example of a React component.
\r\n\r\n
Current count: {this.state.currentCount}
\r\n\r\n
Increment \r\n
\r\n
\r\n
Welcome to NIH's electronic Simplified Acquisition Submission System (eSASS)
\r\n
The electronic Simplified Acquisition Submission System (eSASS) is a component of NIH's integrated, secure system for the electronic submission, capture, tracking and review of Solicitation documents.
\r\n
\r\n
\r\n
Ready to submit a capability statement/quote?
\r\n
{ window.location = '/siteminder/renderSiteMinder'; }}>\r\n \r\n eSASS Login\r\n \r\n \r\n
Register new account \r\n
\r\n
Logging out ... ... \r\n Logging out ...
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Logout;\r\n","import React from \"react\";\r\nimport { Route, Redirect } from \"react-router\";\r\n\r\nimport auth from \"../../services/authService\";\r\nconst ProtectedRoute = ({ path, component: Component, render }) => {\r\n\r\n return (\r\n {\r\n if (!auth.getCurrentUser()) {\r\n auth.logout()\r\n .then(res => {\r\n return (\r\n \r\n
Add User \r\n
\r\n (this.subtitle = _subtitle)}>Hello \r\n close \r\n I am a modal
\r\n \r\n \r\n \r\n Authenticating ...
\r\n \r\n )\r\n else //-1\r\n ErrorRedirect(this.state.status);\r\n }\r\n}\r\n\r\nexport default OtpLogin;\r\n","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default function ErrorRedirect(statusCode) {\r\n if (statusCode === 401)\r\n window.location = \"/AuthenticationFail\";\r\n else if (statusCode === 403)\r\n window.location = \"/appAccessDenied\";\r\n else if (statusCode === 423)\r\n window.location = \"/accountLocked\";\r\n else //To be continue\r\n window.location = \"/error500\";\r\n};\r\n\r\n\r\n\r\n\r\n","import https from \"./httpService\";\r\n\r\nexport async function getSubmissionHistoryData() {\r\n return https.get(\r\n \"api/submission/MySubmissions/\"\r\n );\r\n}\r\n\r\n\r\nexport default {\r\n getSubmissionHistoryData: getSubmissionHistoryData\r\n \r\n}; ","import React, { Component } from \"react\";\r\n\r\n\r\nexport class SubmissionHistoryFilter extends Component {\r\n constructor(props) {\r\n return super();\r\n }\r\n\r\n render() {\r\n let setFilter = (filterName) => {\r\n if (this.props.activeFilter === filterName) {\r\n if (filterName !== 'All') {\r\n this.props.filter('All', true);\r\n this.props.setActiveFilter('All');\r\n }\r\n } else {\r\n this.props.filter(filterName, true);\r\n this.props.setActiveFilter(filterName);\r\n }\r\n };\r\n\r\n var content = (\r\n \r\n
\r\n { setFilter('All') }}>\r\n {this.props.solicitationsSubmittedTo.solicitationsSubmitted} \r\n RFQ/NOI/Sources Sought Submitted To \r\n \r\n {/* { setFilter('All') }}>\r\n {this.props.solicitationsSubmittedTo.solicitationsSubmitted} \r\n Solicitations Submitted To \r\n */}\r\n { setFilter('OpenSolicitations') }}>\r\n {this.props.solicitationsSubmittedTo.openSolicitationCount} \r\n Open RFQ/NOI/Sources Sought \r\n \r\n { setFilter('Proposals') }}>\r\n {this.props.solicitationsSubmittedTo.submittedProposals} \r\n Submitted Capability statements/Quotes \r\n \r\n
\r\n
Select to filter RFQ/NOI/Sources Sought below \r\n
\r\n
\r\n \r\n
{this.props.proposal.proposalName}
\r\n
\r\n
\r\n
Submitted on {this.props.proposal.proposalCreateDateString}{this.props.proposal.proposalCreateTimeString}
\r\n
\r\n {this.props.isActive &&\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n {!this.props.isRd &&\r\n
\r\n
\r\n
\r\n {\r\n this.props.proposal.files.filter((file, i) => i % 3 === 0).map((file) => (\r\n \r\n \r\n
\r\n
Business Document
\r\n
{ file.fileName }
\r\n
\r\n
\r\n
\r\n )) \r\n }\r\n \r\n
\r\n\r\n
\r\n
\r\n {\r\n this.props.proposal.files.filter((file, i) => i % 3 === 1).map((file) => (\r\n \r\n \r\n
\r\n
Business Document
\r\n
{file.fileName}
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n \r\n
\r\n\r\n
\r\n
\r\n {\r\n this.props.proposal.files.filter((file, i) => i % 3 === 2).map((file) => (\r\n \r\n \r\n
\r\n
Business Document
\r\n
{file.fileName}
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n \r\n
\r\n \r\n
\r\n }\r\n {this.props.isRd && (\r\n
\r\n
\r\n
\r\n {\r\n this.props.proposal.files.filter((file, i) => file.type === constants.TechPdf).map((file) => (\r\n \r\n \r\n
\r\n
Technical Document
\r\n
{file.fileName}
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n \r\n \r\n
\r\n
\r\n
\r\n {\r\n this.props.proposal.files.filter((file, i) => file.type === constants.BusinessPdf || file.type === constants.BusinessExcel ).map((file) => (\r\n \r\n \r\n
\r\n
{file.type === constants.BusinessPdf ? \"Business Document\" : \"Excel Document\" }
\r\n
{file.fileName}
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n \r\n
\r\n
\r\n
\r\n {\r\n this.props.proposal.files.filter((file, i) => file.type === constants.HumanPdf).map((file) => (\r\n \r\n \r\n
\r\n
PHS Human Subjects and Clinical Trials PDF
\r\n
{file.fileName}
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n \r\n
\r\n
\r\n )}\r\n\r\n
\r\n \r\n {this.props.isActive &&\r\n
\r\n
\r\n {this.props.isActive &&\r\n \r\n \r\n Revise\r\n \r\n \r\n }\r\n
\r\n {/*
*/}\r\n
\r\n }\r\n
\r\n
\r\n \r\n
\r\n
\r\n
{sol.solicitationTitle}
\r\n {/*new/alternate proposal*/}\r\n
\r\n
\r\n
\r\n {/*link to prop*/}\r\n \r\n
\r\n
\r\n
Closing Date
\r\n
{sol.responseDeadlineDateString}{sol.responseDeadlineTimeString}
\r\n
\r\n
\r\n
Notice Type
\r\n
{sol.noticeType}
\r\n
\r\n
\r\n
Agency
\r\n
{sol.solicitationTargetIC}
\r\n
\r\n
\r\n
Purchasing Agent
\r\n
{sol.primaryCs}
\r\n
\r\n
\r\n {this.state.expanded &&\r\n
\r\n Hide Proposal Details
\r\n
\r\n }\r\n {!this.state.expanded &&\r\n
\r\n View Quote Details
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n {\r\n sol.solicitationProposals.map((item) => (\r\n
\r\n ))\r\n }\r\n
\r\n \r\n\r\n {this.state.isActive &&\r\n
\r\n
\r\n \r\n New/Alternate Quote\r\n \r\n \r\n \r\n }\r\n { this.props.solicitation.samUrl.endsWith(\"view\")\r\n ? (
) : (
\r\n
{sol.solicitationNumber}
\r\n
)\r\n }\r\n\r\n
Loading...
;\r\n\r\n return ( \r\n \r\n \r\n
\r\n
\r\n
\r\n
Submission History
\r\n\r\n \r\n
\r\n {this.state.solicitationsFiltered.map((sol) => (\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n \r\nexport default SubmissionHistory;","import React, { Component } from \"react\";\r\nimport { Route, Redirect, Switch } from \"react-router\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport AppAccessDenied from \"./components/Errors/AppAccessDenied\";\r\nimport AwafError from \"./components/Errors/AwafError\";\r\nimport Error from \"./components/Errors/Error\";\r\nimport DeadlineError from \"./components/Errors/DeadlineError\";\r\nimport Error404 from \"./components/Errors/Error404\";\r\nimport AuthenticationFail from \"./components/Errors/AuthenticationFail\";\r\nimport About from \"./components/About\";\r\nimport HowToSubmit from \"./components/HowToSubmit\";\r\nimport ContactUs from \"./components/ContactUs\";\r\nimport Faq from \"./components/Faq\";\r\nimport AccountLocked from \"./components/Errors/AccountLocked\";\r\nimport { Layout } from \"./components/Layout\";\r\nimport { LayoutSecure } from \"./components/secure/LayoutSecure\";\r\nimport { Home } from \"./components/Home\";\r\nimport { FetchData } from \"./components/FetchData\";\r\nimport { SubmitProposal } from \"./components/secure/SubmitProposal\";\r\nimport { ReviseProposal } from \"./components/secure/ReviseProposal\";\r\nimport { Counter } from \"./components/Counter\";\r\nimport LoginForm from \"./components/LoginForm\";\r\nimport Logout from \"./components/Logout\";\r\nimport auth from \"./services/authService\";\r\n//import RefreshToken from \"./components/RefreshToken\";\r\nimport NotFound from \"./components/NotFound\";\r\nimport ProtectedRoute from \"./components/common/protectedRoute\";\r\nimport { MySolicitations } from \"./components/secure/MySolicitations\";\r\nimport { StaffManagement } from \"./components/secure/StaffManagement\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport IcRoleService from \"./services/icRoleService\";\r\nimport \"./custom.css\";\r\n\r\nimport OtpLogin from \"./components/OtpLogin\"\r\nimport SubmissionHistory from \"./components/secure/SubmissionHistory\";\r\nimport { datadogRum } from '@datadog/browser-rum';\r\n\r\n\r\nvar domain = window.location.host.split(\".\")[0];\r\nvar env = 'local';\r\nvar rumStart = false;\r\nswitch (domain) {\r\ncase 'esass-dev':\r\n env = 'dev';\r\n break;\r\ncase 'esass-stg':\r\n env = 'stage';\r\n break;\r\ncase 'esass-qa':\r\n env = 'qa';\r\n rumStart = true;\r\n break;\r\ncase 'esass':\r\n env = 'production';\r\n rumStart = true;\r\n break;\r\ndefault:\r\n env = 'local';\r\n break;\r\n}\r\n\r\nif (rumStart) {\r\n datadogRum.startSessionReplayRecording();\r\n}\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n state = {};\r\n\r\n async componentDidMount() {\r\n\r\n if (rumStart) {\r\n datadogRum.init({\r\n applicationId: 'deb67e6c-12bd-4387-a399-6e82184c7770',\r\n clientToken: 'pubec7fd96e780ba50ae4b85bda6ec04d00',\r\n site: 'ddog-gov.com',\r\n service: 'eSASS.External.WebUI',\r\n project: 'eSASS',\r\n env: env,\r\n sampleRate: 100,\r\n premiumSampleRate: 100,\r\n trackInteractions: true,\r\n defaultPrivacyLevel: 'allow',\r\n\r\n beforeSend: (event, context) => {\r\n if (event.type === 'resource' && event.resource.type === 'xhr') {\r\n event.context = {\r\n ...event.context,\r\n responseHeaders: context.response?.headers ?? \"\",\r\n xhrresponse: context.xhr.response\r\n };\r\n }\r\n }\r\n }\r\n );\r\n\r\n datadogRum.addRumGlobalContext(\r\n \"domain\",\r\n domain\r\n );\r\n\r\n const user = auth.getCurrentUser();\r\n if (user) {\r\n datadogRum.setUser({\r\n id: user.appId,\r\n name: user.firstName + \" \" + user.lastName,\r\n email: user.email,\r\n plan: 'premium'\r\n });\r\n }\r\n\r\n this.setState({ user: user });\r\n }\r\n }\r\n\r\n\r\n routes = function (user) {\r\n return (\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n const { user } = this.state;\r\n //console.log(user);\r\n return (this.routes(user));\r\n }\r\n}\r\n\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n //console.error('Error during service worker registration:', error);\r\n console.error('Error during service worker registration.');\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log('No internet connection found. App is running in offline mode.');\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport { unregister } from './registerServiceWorker';\r\n// import './scss/main.scss';\r\n\r\nexport * from \"./components/common/constants\";\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n \r\n ,\r\n rootElement);\r\n\r\nunregister();\r\n"],"sourceRoot":""} ![\"National](\"images/logo-hhs-gray.svg\")
\r\n ![\"Logo](\"images/logo-nih-mark-gray.svg\")
\r\n ![\"Logo](\"images/logo-usagov-gray.svg\")
\r\n ![\"National](\"images/logo-nih-mark.svg\"){kind=logo}
\r\n ![\"National](\"images/logo-nih-niaid-keyline-white.svg\"){kind=logo}
\r\n ![\"icon](\"/images/icon-exclamation-circle-orange.svg\"){kind=icon}
\r\n \r\n ![\"icon](\"/images/x-gray.svg\")
\r\n ![\"arrow](\"images/icon-arrow-right-blue-light.svg\"){kind=icon}
\r\n ![\"icon-banner\"/](\"images/banner-arrow.svg\"){kind=icon}
\r\n ![\"select](\"images/icon-arrow-down-light.svg\"){kind=icon}
\r\n ![\"review-complete-icon\"](\"images/close-cross-in-circular-outlined-interface-button.svg\")
NO![\"review-complete-icon\"](\"images/accept-circular-button-outline.svg\")
YES\r\n ![\"external-link\"](\"images/exitlink.svg\")
\r\n ![\"back-to-solicitations\"](\"./images/icon-arrow-left-blue.svg\"){kind=icon}
Back to {noticeType}![\"submission-success-icon\"](\"images/status-complete-circle.svg\"/)
\r\n ![\"arrow-down\"/](\"./images/icon-arrow-right-mdgray.svg\"){kind=icon}
\r\n ![\"hide-proposal-details\"](\"./images/icon-arrow-right-blue.svg\"){kind=icon}
\r\n ![\"view-proposal-details\"](\"./images/icon-arrow-up-blue.svg\"){kind=icon}
\r\n ![\"exit-link\"](\"./images/exitlink.svg\")