{"version":3,"sources":["../../../../../src/app/js/components/Report/LoadTimeoutPopup.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;MAIa,gBAAgB;cAAhB,gBAAgB;;AAChB,aADA,gBAAgB,CACf,KAAK,EAAE;4BADR,gBAAgB;;AAEzB,iCAFS,gBAAgB,6CAEnB,KAAK,EAAE;AACb,yBALK,WAAW,CAKJ,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACjD,UAAI,CAAC,KAAK,GAAG,mBANR,WAAW,CAMS,QAAQ,EAAE,CAAC;KACrC;;iBALU,gBAAgB;;aAOf,wBAAG;AACb,YAAI,CAAC,QAAQ,CAAC,mBAVT,WAAW,CAUU,QAAQ,EAAE,CAAC,CAAC;OACvC;;;aAEiB,8BAAG;AACnB,YAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;OACzB;;;aAEoB,iCAAG;AACtB,8BAnBK,aAAa,CAmBJ,qBAAqB,EAAE,CAAC;OACvC;;;aAEK,kBAAG;AACP,eACE;;YAAK,SAAS,8BAA2B,IAAI,CAAC,KAAK,CAAC,uBAAuB,GAAG,EAAE,GAAG,QAAQ,CAAA,AAAG;UAC5F;;cAAK,EAAE,EAAE,cAAc,AAAC,EAAC,SAAS,EAAE,eAAe,AAAC;YAClD;;gBAAK,SAAS,EAAC,4BAA4B;cACzC;;;;eAA6B;cAC7B,0CAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,AAAC,GAAQ;aACnF;YACN;;gBAAK,SAAS,EAAC,oBAAoB;;aAG7B;YACN;;gBAAK,SAAS,EAAE,+CAA+C,AAAC;cAC9D;;;AACE,2BAAS,EAAE,8DAA8D,AAAC;AAC1E,yBAAO,EAAE,IAAI,CAAC,qBAAqB,AAAC;;;eAGlC;aACA;WACF;SACF,CACN;OACH;;;WA1CU,gBAAgB;KAAS,kBAAM,SAAS","file":"LoadTimeoutPopup.js","sourcesContent":["import React from 'react';\nimport { reportActions } from 'actions/ReportActions';\nimport { reportStore } from 'stores/ReportStore';\n\nexport class LoadTimeoutPopup extends React.Component {\n  constructor(props) {\n    super(props);\n    reportStore.listen(this.storeUpdated.bind(this));\n    this.state = reportStore.getState();\n  }\n\n  storeUpdated() {\n    this.setState(reportStore.getState());\n  }\n\n  componentDidUpdate() {\n    this.state = this.props;\n  }\n\n  closeLoadTimeoutPopup() {\n    reportActions.closeLoadTimeoutPopup();\n  }\n\n  render() {\n    return (\n      <div className={`details-popup-wrapper ${this.state.loadTimeoutPopupVisible ? '' : 'hidden'}`}>\n        <div id={'detailsPopup'} className={'details-popup'}>\n          <div className='popup-header blue darken-3'>\n            <span>ASCE HAZARD TOOL</span>\n            <span className='details-popup-close-icon' onClick={this.closeLoadTimeoutPopup}></span>\n          </div>\n          <div className='padding popup-body'>\n            Due to high traffic or connectivity issues at the source website, some data failed to download. You can\n            continue to build your report without the hazard, or try your query again at another time.\n          </div>\n          <div className={'fill_wide padding__long white popup-ok-button'}>\n            <a\n              className={'waves-effect waves-light btn-large blue darken-4 fill__wide '}\n              onClick={this.closeLoadTimeoutPopup}\n            >\n              OK\n            </a>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}