\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\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\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 eBidBoard failed. Please contact the
eBidBoard 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 BidBoard
\r\n
\r\n \r\n NIAID has implemented a new process for electronic submission of quotes. The electronic BidBoard is one component of NIAID’s integrated, secure system for the electronic submission, capture, tracking and review of quotes. e-BodBoard was developed for the purposes of streamlining our 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 RFQs \r\n View RFQ titles and submission deadlines \r\n Track quotes submission actions through \"My Submission History\" \r\n Revise a quote, which will over-write previous versions \r\n \r\n Benefits to the research community:
\r\n \r\n Easy-to-locate active RFQs 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 quote submissions \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-Bidboard Acquisitions:
\r\n \r\n Only available for acquisitions up to $25,000. \r\n Acquisitions above $25,000 please log in to SAM.gov to view all RFQ/NOI's and follow the instructions on submission of quotes . \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:
\r\n
\r\n \r\n Log in to the NIAID e-BidBoard. \r\n Click Submit a Quote to the below of the RFQ title or “Submit Capability Statements/Quotes ” below of the NOI title for which you wish to submit a quote/capability statement from the e-BidBoard \"All Active RFQ’s/NOI’s\" page. \r\n Enter a name for the quote or capability statement. \r\n Browse and select Business quote PDF, Capability statement PDF and Excel file(s) as required by the RFQ/NOI\r\n \r\n Forms and/or documents requiring signature(s) may be scanned, but must be merged into the single PDF file. Do NOT password-protect or encrypt the PDF file. \r\n Cost breakdown(s) as required by the RFQ/NOI, in its original Excel format, not the PDF format. The cost breakdown(s) in excel must be identical to the one(s) in the Business Quote/Capability Statement PDF. \r\n \r\n \r\n \r\n Click Submit Quote for RFQ’s or Submit Capability Statements/Quotes for NOI’s \r\n Once you upload and submit your documents, you can only revise your submitted documents 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/NOI to make as many revisions as you need. \r\n After the closing date and time, the system prevents further quote/capability statement submissions or revisions. You may still view your submissions after the RFQ/NOI 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 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
For questions regarding a specific RFQ/NOI, contact the primary point of contact listed in the RFQ/NOI. For technical questions about this site, contact BidBoard 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\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 eCPS account is locked or is no longer active. Please contact the
eCPS 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 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 logger from \"./logService\";\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\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((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}, (error) => {\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 //console.log(otpUser);\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\r\n\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","import React, { Component } from \"react\";\r\nimport IdleTimer from 'react-idle-timer';\r\nimport { Button } from 'react-bootstrap';\r\n\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogContent';\r\nimport config from \"../../config.json\";\r\nimport authService from \"../../services/authService\";\r\n\r\nexport class SessionExpireModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n };\r\n\r\n \r\n }\r\n\r\n \r\n\r\n render() {\r\n return (\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
\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 NIAID electronic Bid Board
\r\n
The NIAID e-BidBoard is an online bid board developed to increase competition and awareness for proposed contract actions expected to exceed $15,000, but not expected to exceed a $25,000 acquisition threshold.
\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
\r\n \r\n this.downloadFile(attachment.id, attachment.fileName)}>{attachment.fileName} \r\n {this.state.showDownloadProgress && this.state.downloadAttachmentId === attachment.id &&\r\n Downloading... \r\n {attachment.fileSize} \r\n {attachment.dateAdded} \r\n ;\r\n }\r\n \r\n renderAttachmentGroup(attachmentGroup) {\r\n const isInitial = attachmentGroup.id === 1;\r\n const subHeading = isInitial ? \"Initial Attachments\" : `Additional Attachments ${attachmentGroup.time}`;\r\n\r\n return \r\n \r\n \r\n \r\n {subHeading} \r\n File Size \r\n Date Added \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Initial Attachments \r\n File Size \r\n Date Added \r\n \r\n \r\n \r\n {attachmentGroup.rtopAttachments && attachmentGroup.rtopAttachments.map(attachment => this.renderAttachment(attachment))}\r\n \r\n
\r\n
;\r\n }\r\n\r\n render() {\r\n const formData = this.props.formData;\r\n const parentState = this.props.formData.state;\r\n const loader = (Loading...
);\r\n const rtopAttachmentGroups = parentState.rtopAttachmentGroups;\r\n const hasAttachmentGroups = rtopAttachmentGroups && rtopAttachmentGroups.length > 0;\r\n\r\n return \r\n \r\n Attachments for {parentState.selectedSolicitationTitle} \r\n \r\n × \r\n \r\n \r\n \r\n {parentState.loading && loader}\r\n \r\n
\r\n {this.state.showDownloadAllProgress ?\r\n
Downloading ... : \r\n
this.downloadAllAttachments(parentState.selectedSolicitationId)}\r\n disabled={!hasAttachmentGroups}\r\n className=\"MuiButtonBase-root MuiButton-root MuiButton-contained white-btn\">\r\n \r\n \r\n \r\n
\r\n {hasAttachmentGroups && rtopAttachmentGroups.map(attachmentGroup => this.renderAttachmentGroup(attachmentGroup))}\r\n
\r\n
\r\n Close \r\n
\r\n \r\n ;\r\n }\r\n}\r\n\r\nexport default RtopAttachmentsModal;","import https from \"./httpService\";\r\nimport auth from \"../services/authService\";\r\n\r\nexport async function getSolicitations(search, sortBy) {\r\n\r\n const user = await auth.getCurrentUser();\r\n\r\n const startDt = new Date(search.closingDateStart);\r\n const startDtStr = startDt.getFullYear() + '-' + (startDt.getMonth() + 1) + '-' + startDt.getDate() + 'T00:00:00.000Z';\r\n\r\n const endDt = new Date(search.closingDateEnd);\r\n const endDtStr = endDt.getFullYear() + '-' + (endDt.getMonth() + 1) + '-' + endDt.getDate() + 'T00:00:00.000Z';\r\n\r\n var searchQuery = \"\";\r\n \r\n if (search) {\r\n searchQuery = \"closingDateStart=\" + startDtStr + \"&closingDateEnd=\" + endDtStr + \"&searchKeyword=\" + search.keyword;\r\n }\r\n\r\n //var filterQuery = \"&filter=\" + filter;\r\n var sortByQuery = \"&sortBy=\" + sortBy;\r\n\r\n if (!user) {\r\n return https.get(\r\n \"api/solicitations/getSolicitations?\"/* + icIdQuery*/ + searchQuery/* + filterQuery*/ + sortByQuery\r\n );\r\n } else {\r\n return https.get(\r\n \"api/solicitations/getSolicitationsSecure?\"/* + icIdQuery*/ + searchQuery/* + filterQuery*/ + sortByQuery\r\n );\r\n } \r\n}\r\n\r\nexport async function getSolicitation(solId) {\r\n\r\n if (!solId) {\r\n return null;\r\n }\r\n\r\n return https.get(\r\n \"api/solicitations/Solicitation/\" + solId\r\n );\r\n}\r\n\r\nexport async function getDropDownListForSolicitation(icId) {\r\n //console.log(\" Getting drop down data for icid:\", icId);\r\n if (!icId) {\r\n return null;\r\n }\r\n\r\n return https.get(\r\n \"api/solicitations/GetSolicitationCreationDropdownList?icId=\" + icId\r\n );\r\n}\r\n\r\nexport async function saveSolicitation(icid,solicitation) {\r\n const body = { ...solicitation }\r\n body.ActiveIc = icid;\r\n\r\n //console.log(\"Solicitation data to Save: \", body);\r\n \r\n return https.post(\"api/solicitations/create\", body);\r\n}\r\n\r\nexport async function getProposalById(proposalId) {\r\n if (!proposalId)\r\n return null;\r\n\r\n return https.get(\r\n \"api/proposals/GetProposalById/\" + proposalId\r\n );\r\n}\r\n\r\nexport async function editSolicitation(icid, solicitation) {\r\n const body = { ...solicitation }\r\n body.ActiveIc = icid;\r\n\r\n //console.log(\"Solicitation data to Save: \", body);\r\n\r\n return https.post(\"api/solicitations/edit\", body);\r\n}\r\n\r\nexport async function getSolicitationAttachments(solicitationId) {\r\n if (!solicitationId)\r\n return null;\r\n\r\n return https.get(`api/solicitations/GetSolicitationAttachments/${solicitationId}`);\r\n}\r\n\r\n\r\n\r\nexport default {\r\n getSolicitations: getSolicitations,\r\n getDropDownListForSolicitation: getDropDownListForSolicitation,\r\n saveSolicitation: saveSolicitation,\r\n getSolicitation: getSolicitation,\r\n getProposalById: getProposalById,\r\n editSolicitation: editSolicitation,\r\n getSolicitationAttachments: getSolicitationAttachments\r\n\r\n};","const HTTPStatusCodes = {\r\n SUCCESS: 200\r\n}\r\n\r\nexport default HTTPStatusCodes","const SolicitationType = {\r\n Base: 1,\r\n RTOP: 2,\r\n Other: 3,\r\n RFQ: 4\r\n}\r\n\r\nexport default SolicitationType;","import React, { Component } from 'react';\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\nimport _ from 'lodash';\r\n//import auth from \"../services/authService\";\r\nimport Sidebar from './common/sidebar';\r\nimport Pagination from '@material-ui/lab/Pagination';\r\nimport RtopAttachmentsModal from \"./secure/SolicitationTaskOrderDownloadsModal\";\r\nimport solicitationService from \"../services/solicitationService\";\r\nimport HTTPStatusCodes from \"../enums/HTTPStatusCodes\";\r\nimport RecordStatus from \"../enums/RecordStatus\";\r\nimport SolicitationType from \"../enums/SolicitationType\";\r\n\r\nexport class SolicitationList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentPage: 1,\r\n resultsPerPage: 20,\r\n frontEndPagination: true,\r\n rtopAttachmentsModal: {\r\n mode: 'view'\r\n },\r\n delegateStaffData: null,\r\n rtopAttachmentGroups: [],\r\n selectedSolicitationId: null,\r\n //todo: ecps code to remove {Neha Manya}\r\n selectedTaskAreaContractID: null,\r\n selectedSolicitationTitle: null,\r\n loading: false,\r\n delegateStaff: null,\r\n vendorOrgName: null,\r\n delegateStaffLoading: false,\r\n delegateStaffErrors: []\r\n }\r\n }\r\n\r\n \r\n\r\n handleOpenRtop = async (solicitationId, solicitationTitle) => {\r\n const add = Object.assign({}, this.state.rtopAttachmentsModal);\r\n add.open = 'rtopAttachments';\r\n this.setState({\r\n rtopAttachmentsModal: add,\r\n selectedSolicitationId: solicitationId,\r\n selectedSolicitationTitle: solicitationTitle\r\n });\r\n\r\n await solicitationService\r\n .getSolicitationAttachments(solicitationId)\r\n .then(result => {\r\n if (result.status === HTTPStatusCodes.SUCCESS)\r\n this.setState({ rtopAttachmentGroups: result.data });\r\n })\r\n .catch(ex => {\r\n //console.log(ex);\r\n toast.error(\"Error while fetching attachments.\");\r\n });\r\n }\r\n\r\n handleCloseRtop = () => {\r\n var add = Object.assign({}, this.state.rtopAttachmentsModal);\r\n add.open = '';\r\n add.openRolePanel = false;\r\n add.openUserList = false;\r\n add.ldapUserList = [];\r\n this.setState({ rtopAttachmentsModal: add, selectedSolicitationId: null });\r\n }\r\n\r\n solicitationTypeClass = (noticeTypeName) => {\r\n switch (noticeTypeName) {\r\n case 'Solicitation':\r\n return 'solicitation';\r\n case 'Combined Synopsis/Solicitation':\r\n return 'combined';\r\n case 'Sources Sought':\r\n return 'sources';\r\n case 'Presolicitation':\r\n return 'pre-notice';\r\n case 'Special Notice':\r\n return 'pre-notice';\r\n case 'Award':\r\n return 'award';\r\n default:\r\n return 'other';\r\n }\r\n };\r\n setPageNumber = (value) => {\r\n this.setState({ currentPage: value });\r\n }\r\n //getTimeHhMmWithTimeZoneString(dt) {\r\n // var hm = dt.slice(0, dt.lastIndexOf('E')) + ' [ET]';\r\n\r\n // return hm;\r\n //}\r\n\r\n renderAttachmentsButtons(solicitation) {\r\n return \r\n
this.handleOpenRtop(solicitation.solicitationID, solicitation.solicitationTitle)}>\r\n Attachments \r\n
{solicitation.solicitationNumber} \r\n
\r\n {this.state.frontEndPagination && (
)}\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 {/* {this.props.isUserLoggedIn && false && Invited
\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 {/*//todo: ecps code to remove {Neha Manya}*/}\r\n {(sol.solicitationTypeId === SolicitationType.RTOP || sol.solicitationTypeId === SolicitationType.Other)\r\n &&
this.handleOpenStaff(solicitationId, sol.taskAreaContractID, false)}>\r\n Manage Delegate Staff \r\n }\r\n\r\n {sol.proposalSubmitted != 0 &&
\r\n {sol.proposalSubmitted} \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
No Notice Found
No Notice 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
e-BidBoard RFQ's/NOI's Available for Electronic Submission
\r\n
\r\n
\r\n If you are interested in providing a capability statement/quote on one of the opportunities listed below, please follow the instructions in the linked PDF. If you have any questions about a specific opportunity, please contact the Purchasing Agent listed for that opportunity.\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
e-BidBoard RFQ's/NOI's 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 \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 // {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 {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
\r\n
{headerInfo?.noticeType !== null ? headerInfo?.noticeType : \"RFQ\"} Information
\r\n {/*//todo: ecps code to remove {Neha Manya}*/}\r\n {isBaseSol && headerInfo?.samUrl?.endsWith(\"view\")\r\n ? (
\r\n {headerInfo.solicitationNumber} )\r\n : (
{headerInfo.solicitationNumber} )\r\n }\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 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\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 { 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: \"Business Excel\",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: this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote Name required.\" : \"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: \"Business Excel\", 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 = new Array(\".xlsx\", \".xls\");\r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (validExts.indexOf(fileExt) < 0) {\r\n \r\n businessExcelFiles[objIndex].errorMessage=\"Only Excel files are allowed\";\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 = new Array(\".xlsx\", \".xls\", \".pdf\", \".doc\",\".docx\");\r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (validExts.indexOf(fileExt) < 0) {\r\n businessDocFiles[objIndex].errorMessage=\"Only Excel, Word or PDF files are allowed\";\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 //console.log('onFileUpload');\r\n try {\r\n\r\n var validExts = new Array(\".pdf\");\r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (validExts.indexOf(fileExt) < 0) {\r\n\r\n if (id === techPdf) {\r\n this.setState({ techPdfValidationError: \" Only PDF file allowed\", isTechPdfLoaded: false, techPdfRequired: \"\" });\r\n }\r\n \r\n if (id === humanPdf) {\r\n this.setState({ humanPdfValidationError:\" Only PDF file allowed\" });\r\n }\r\n \r\n if (id === businessPdf) {\r\n this.setState({ businessPdfValidationError: \" Only PDF file allowed\", isBusinessPdfLoaded: false, businessPdfRequired: \"\"});\r\n }\r\n return constants.NotAllowed;\r\n }\r\n\r\n //const { data } = await this.uploadFile(file);\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)\r\n 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 data.fileGuid; \r\n return fileGuid; \r\n } catch (e) {\r\n\r\n //console.log(e);\r\n return constants.Error;\r\n\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 \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 PDF 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 \" + this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"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\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 {this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"Quote\"}
\r\n {this.state.loading && loader}\r\n {!this.state.loading &&
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"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 \r\n
\r\n
\r\n
\r\n \r\n {!this.state.solicitation.solicitationIsRD && this.state.businessDocFiles.map((item) => {\r\n return (\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 of the required information is provided.
}\r\n
{this.handleSubmit(uploading); this.setState({setopenProgressModal: true, openProgressModal: true}); }} \r\n >\r\n \r\n Submit {this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"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
\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 { 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: this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote Name required.\" : \"Quote 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 PDF\", 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: \"Business Excel\", 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 const objToRemove = this.state.uploadedFileChanges.find(obj => obj.fileDbId === fileDbId);\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 = new Array(\".xlsx\", \".xls\");\r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (validExts.indexOf(fileExt) < 0) {\r\n businessExcelFiles[objIndex].errorMessage = \"Only Excel files are allowed\";\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 = new Array(\".xlsx\", \".xls\", \".pdf\", \".doc\", \".docx\");\r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (validExts.indexOf(fileExt) < 0) {\r\n \r\n businessDocFiles[objIndex].errorMessage = \"Only Excel, Word or PDF files are allowed\";\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 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\r\n var validExts = new Array(\".pdf\");\r\n var fileExt = file.name;\r\n fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\r\n if (validExts.indexOf(fileExt) < 0) {\r\n\r\n if (id === techPdf) {\r\n this.setState({ techPdfValidationError: \" Only PDF file allowed\" });\r\n }\r\n\r\n if (id === humanPdf) {\r\n this.setState({ humanPdfValidationError: \" Only PDF file allowed\" });\r\n }\r\n\r\n if (id === businessPdf) {\r\n this.setState({ businessPdfValidationError: \" Only PDF file allowed\" });\r\n }\r\n return \"NotAllowed\";\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 capability statement/quote, 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: 'Business Excel',\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 businessDocFiles = proposal.files.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 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 \" + this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\": \"Quote\" + \" 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 \" + this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"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\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 {this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"Quote\"}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"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\r\n
\r\n
\r\n
\r\n Note: Updated files will not be uploaded until the {this.state.solicitation.noticeTypeName != \"RFQ\" ? \"capability statement/quote\" : \"quote\"} is submitted.
\r\n
\r\n \r\n {!this.state.solicitation.solicitationIsRD && this.state.businessDocFiles.map((item) => {\r\n return (\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 of the required information is provided.
}\r\n
{this.handleSubmit(uploading); this.setState({setopenProgressModal: true, openProgressModal: true}); }}\r\n >\r\n \r\n Submit Updated {this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"Quote\"}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Submit New/Alternate {this.state.solicitation.noticeTypeName != \"RFQ\" ? \"Capability Statement/Quote\" : \"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 NIAID's electronic Contract Proposal Submission (eCPS)
\r\n
The electronic Contract Proposal Submission (eCPS) is a component of NIAID's integrated, secure system for the electronic submission, capture, tracking and review of contract proposals.
\r\n
\r\n
\r\n
Ready to submit a proposal?
\r\n
{ window.location = '/siteminder/renderSiteMinder'; }}>\r\n \r\n eCPS 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's/NOI's 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's/NOI's \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's/NOI's 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
\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 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 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 PDF\" : \"Business Excel\"}
\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
\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 {isBaseSol && this.props.solicitation.samUrl.endsWith(\"view\")\r\n ? (
) : (
\r\n
{sol.solicitationNumber}
\r\n
)\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 {sol.noticeType != \"RFQ\" ? \"Capability Statement/Quote\" : \"Quote\"} Details \r\n
\r\n
\r\n }\r\n {!this.state.expanded &&\r\n
\r\n
View {sol.noticeType != \"RFQ\" ? \"Capability Statement/Quote\" : \"Quote\"} Details \r\n
\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 {sol.noticeType != \"RFQ\" ? \"Capability Statement/Quote\" : \"Quote\"}\r\n \r\n \r\n \r\n }\r\n {/*//todo: ecps code to remove {Neha Manya}*/}\r\n {/*{ isBaseSol && 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 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 { ApiTester } from \"./components/secure/ApiTester\";\r\nimport { StaffManagement } from \"./components/secure/StaffManagement\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport IcRoleService from \"./services/icRoleService\";\r\nimport AppService from \"./services/applicationService\";\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\ndatadogRum.startSessionReplayRecording();\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 const { data: datadogSettings } = await AppService.getDatadogSetting();\r\n this.setState({ datadogSettings });\r\n\r\n var domain = window.location.host.split(\".\")[0];\r\n var env = 'local';\r\n switch (domain) {\r\n case 'e-bidboard-dev':\r\n env = 'dev';\r\n break;\r\n case 'e-bidboard-stg':\r\n env = 'stage';\r\n break;\r\n case 'e-bidboard-qa':\r\n env = 'qa';\r\n break;\r\n case 'e-bidboard':\r\n env = 'production';\r\n break;\r\n default:\r\n env = 'local';\r\n break;\r\n }\r\n\r\n datadogRum.init({\r\n applicationId: this.state.datadogSettings.appId,\r\n clientToken: this.state.datadogSettings.clientToken,\r\n site: 'ddog-gov.com',\r\n service: 'BidBoard.External.WebUI',\r\n project: 'BidBoard',\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 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-text-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 ![\"download-all-attachments\"/](\"images/download-blue.svg\")
Download All Attachments\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 RFQ's/NOI's![\"icon-success\"](\"images/status-complete-circle.svg\"/)
\r\n ![\"arrow-down\"](\"./images/icon-arrow-right-mdgray.svg\"){kind=icon}
![\"exit-link\"](\"./images/exitlink.svg\")
![\"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