\n An unrecoverable error has occurred and was reported to our\n engineering team. Please try reloading the page to continue.\n
\nmy modal content
\n * \n * ...\n * this.modal.show();\n * ```\n */\nexport default class Modal extends React.Component {\n state = {\n visible: false,\n };\n\n componentWillUnmount() {\n document.body.classList.remove('modal-open');\n document.removeEventListener('keydown', this.handleEscapeKey);\n }\n\n handleEscapeKey = (evt) => {\n const {\n props: { closeOnEsc },\n state: { visible },\n } = this;\n\n if (closeOnEsc && visible) {\n let isEscape = false;\n if ('key' in evt) {\n isEscape = evt.key === 'Escape' || evt.key === 'Esc';\n } else {\n isEscape = evt.keyCode === 27;\n }\n if (isEscape && this.props.closeOnEsc) {\n this.hide();\n }\n }\n };\n\n show() {\n this.setState({ visible: true }, () => {\n this.modalRef.show();\n document.addEventListener('keydown', this.handleEscapeKey);\n });\n }\n\n hide() {\n this.setState({ visible: false }, () => {\n this.modalRef.hide();\n document.removeEventListener('keydown', this.handleEscapeKey);\n });\n }\n\n beforeModalOpen() {\n document.body.classList.add('modal-open');\n }\n\n beforeModalClose = () => {\n document.body.classList.remove('modal-open');\n if (typeof this.props.onClose === 'function') {\n this.props.onClose();\n }\n };\n\n ref = (c) => {\n this.modalRef = c;\n };\n\n render() {\n const defaultModalStyles = {\n width: this.props.width,\n height: this.props.height,\n padding: this.props.padding,\n borderRadius: this.props.borderRadius,\n marginTop: this.props.marginTop,\n marginLeft: this.props.marginLeft,\n top: this.props.top,\n left: this.props.left,\n };\n\n const defaultCloseButtonStyle = {\n top: '2%',\n };\n\n const defaultOverlayStyles = {\n backgroundColor: 'rgba(0,0,0,0.8)',\n };\n\n return (\n\n {quote}\n
{name}
\n{location}
\n {location &&{description}
}\n{'Join the Kiavi Broker Program.'}
\n{formatMessage({ id: 'components.funnel_cakes.infill.num_exits.new_construction_help.paragraph' })}
\nWhat is the address of the property you would like to finance?
\n\n Keep your information secure and save your progress. Password must:\n
\n{this.state.loadingText}
\n{props.supportedPropertyStatesList}.
\n{title}
: null}\n