{"version":3,"file":"static/chunks/infoModal.container.3718412c5a43d6f5.js","sources":["webpack://_N_E/./src/LegacyApp/client/components/infoModal/infoModal.style.js","webpack://_N_E/./src/LegacyApp/client/components/infoModal/infoModal.jsx","webpack://_N_E/./src/LegacyApp/client/components/infoModal/infoModal.container.js"],"sourceRoot":"","sourcesContent":["import styled from 'styled-components';\nimport { rgba } from 'polished';\n\nexport const InfoModalStyle = styled.div.attrs(() => ({\n\tclassName: 'info-modal',\n}))`\n\tz-index: 99998; // 5\n\tposition: fixed;\n\ttransform: translate(-50%, -50%);\n\ttop: 50%;\n\tleft: 50%;\n\tmax-width: 900px;\n\twidth: 90vw;\n\tuser-select: text;\n\t${(props) => (props.open ? '' : 'display: none;')}\n\n\t* {\n\t\tuser-select: text;\n\t}\n\n\t&:before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 300vw;\n\t\theight: 300vh;\n\t\tbackground: ${(props) => rgba(props.theme.colors.background, 0.9)};\n\t\ttop: -100vh;\n\t\tleft: -100vw;\n\t\tz-index: -1;\n\t}\n\n\t> h3 {\n\t\ttext-align: center;\n\t\tmargin-bottom: 5px;\n\t\ttext-shadow: 0 0 3px ${(props) => props.theme.colors.background};\n\t\tcolor: ${(props) => props.theme.colors.text};\n\t}\n\n\t> button {\n\t\tbackground-color: ${(props) => props.theme.colors.active};\n\t\tposition: absolute;\n\t\tright: -17px;\n\t\ttop: 17px;\n\t\tpadding: 0;\n\t\theight: 25px;\n\t\twidth: 25px;\n\t}\n\n\t> section {\n\t\tfloat: left;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbackground-color: #072349;\n\t\tborder: 2px solid ${(props) => props.theme.colors.active};\n\t\tpadding: 25px;\n\t\tborder-radius: 6px;\n\t}\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { modalService } from '../../modules/app/modalService';\nimport { Button } from '../button';\nimport transactionService from '../../../../modules/transactions/transactionsService';\nimport { enhanceComponent } from '../../wrappers/enhanceComponent';\nimport { trans } from '../../modules/translation/translate';\nimport { AwesomeIcon } from '../../../../common/components/icons/AwesomeIcon';\nimport ModalStoreController from '../../../../common/components/storeControllers/ModalStoreController';\nimport { InfoModalStyle } from './infoModal.style';\n\nclass InfoModal extends React.PureComponent {\n\tstatic propTypes = {\n\t\tid: PropTypes.any,\n\t\topen: PropTypes.bool,\n\t\tclose: PropTypes.func.isRequired,\n\t\tprops: PropTypes.any,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\telement: false,\n\t\t};\n\t\tthis.modalBox = React.createRef();\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setModal();\n\t}\n\n\thandleClickOutside = () => {\n\t\tif (this.props.id) {\n\t\t\tthis.props.close();\n\t\t}\n\t};\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst isModalChanged =\n\t\t\tprevProps.id !== this.props.id ||\n\t\t\t!transactionService.isDuplicate(this.props.props, prevProps.props);\n\n\t\t// console.log('modal - componentDidUpdate', {\n\t\t//   isModalChanged,\n\t\t//   isOpenChanged,\n\t\t//   isOpened,\n\t\t//   isDuplicate: transactionService.isDuplicate(this.props.props, prevProps.props),\n\t\t//   propsProps: {...this.props.props || {}},\n\t\t//   prevPropsProps: {...prevProps.props || {}},\n\t\t//   props: {...this.props},\n\t\t//   prevProps: {...prevProps},\n\t\t// });\n\n\t\tif (isModalChanged) {\n\t\t\tthis.setModal();\n\t\t}\n\t}\n\n\tsetModal = (id = this.props.id) => {\n\t\tif (!id) {\n\t\t\treturn this.setState({\n\t\t\t\telement: false,\n\t\t\t});\n\t\t}\n\t\tconst element = modalService.getElement(this.props.id, this.props.props);\n\t\tif (!element) {\n\t\t\treturn this.props.close();\n\t\t}\n\t\tthis.setState({\n\t\t\telement,\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<ModalStoreController />\n\t\t\t\t<InfoModalStyle open={this.props.open} ref={this.modalBox}>\n\t\t\t\t\t<Button name=\"close-info-modal\" onClick={this.props.close}>\n\t\t\t\t\t\t<AwesomeIcon icon={faTimes} />\n\t\t\t\t\t</Button>\n\t\t\t\t\t{this.props.props && this.props.props.title && (\n\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t{typeof this.props.props.title === 'string'\n\t\t\t\t\t\t\t\t? trans({ label: this.props.props.title })\n\t\t\t\t\t\t\t\t: this.props.props.title}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t)}\n\t\t\t\t\t<section>{this.state.element}</section>\n\t\t\t\t</InfoModalStyle>\n\t\t\t</>\n\t\t);\n\t}\n}\n\nInfoModal = enhanceComponent({\n\tInfoModal,\n\tprops: {\n\t\tclickOutside: true,\n\t},\n});\n\nexport { InfoModal };\n","import { connect } from 'react-redux';\nimport { modalCloseInfo } from '../../../../modules/modals/store/modal.actions';\nimport { InfoModal } from './infoModal';\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tid: state.modal?.info?.id,\n\t\topen: !!state.modal?.info?.id,\n\t\tprops: state.modal?.info?.props,\n\t};\n};\n\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\tclose: () => dispatch(modalCloseInfo()),\n\t};\n};\n\nconst InfoModalContainer = connect(\n\tmapStateToProps,\n\tmapDispatchToProps,\n)(InfoModal);\n\nexport default InfoModalContainer;\n"],"names":["InfoModalStyle","styled","className","props","open","rgba","theme","colors","background","text","active","InfoModal","id","close","setState","element","modalService","state","modalBox","React","this","setModal","prevProps","transactionService","ModalStoreController","ref","name","onClick","AwesomeIcon","icon","faTimes","title","trans","label","enhanceComponent","clickOutside","connect","modal","info","dispatch","modalCloseInfo"],"mappings":";;kWAGaA,EAAiBC,EAAAA,GAAAA,IAAAA,OAAiB,iBAAO,CACrDC,UAAW,iBADe,iEAAGD,CAAH,qjBAWxB,SAACE,GAAD,OAAYA,EAAMC,KAAO,GAAK,oBAWjB,SAACD,GAAD,OAAWE,EAAAA,EAAAA,IAAKF,EAAMG,MAAMC,OAAOC,WAAY,OAStC,SAACL,GAAD,OAAWA,EAAMG,MAAMC,OAAOC,cAC5C,SAACL,GAAD,OAAWA,EAAMG,MAAMC,OAAOE,QAInB,SAACN,GAAD,OAAWA,EAAMG,MAAMC,OAAOG,UAc9B,SAACP,GAAD,OAAWA,EAAMG,MAAMC,OAAOG,U,ycCzC9CC,EAAAA,SAAAA,I,uBAQL,WAAYR,GAAO,4BAClB,cAAMA,IADY,wCAYE,WAChB,EAAKA,MAAMS,IACd,EAAKT,MAAMU,YAdM,8BAuCR,WAAwB,IAAvBD,EAAuB,uDAAlB,EAAKT,MAAMS,GAC3B,IAAKA,EACJ,OAAO,EAAKE,SAAS,CACpBC,SAAS,IAGX,IAAMA,EAAUC,EAAAA,EAAAA,WAAwB,EAAKb,MAAMS,GAAI,EAAKT,MAAMA,OAClE,IAAKY,EACJ,OAAO,EAAKZ,MAAMU,QAEnB,EAAKC,SAAS,CACbC,QAAAA,OAhDD,EAAKE,MAAQ,CACZF,SAAS,GAEV,EAAKG,SAAWC,EAAAA,YALE,E,gDAQnB,WACCC,KAAKC,a,gCASN,SAAmBC,IAEjBA,EAAUV,KAAOQ,KAAKjB,MAAMS,KAC3BW,EAAAA,EAAAA,YAA+BH,KAAKjB,MAAMA,MAAOmB,EAAUnB,SAc5DiB,KAAKC,a,oBAmBP,WACC,OACC,iCACC,SAACG,EAAA,EAAD,KACA,UAACxB,EAAD,CAAgBI,KAAMgB,KAAKjB,MAAMC,KAAMqB,IAAKL,KAAKF,SAAjD,WACC,SAAC,IAAD,CAAQQ,KAAK,mBAAmBC,QAASP,KAAKjB,MAAMU,MAApD,UACC,SAACe,EAAA,EAAD,CAAaC,KAAMC,EAAAA,QAEnBV,KAAKjB,MAAMA,OAASiB,KAAKjB,MAAMA,MAAM4B,QACrC,wBACoC,kBAA3BX,KAAKjB,MAAMA,MAAM4B,OACtBC,EAAAA,EAAAA,IAAM,CAAEC,MAAOb,KAAKjB,MAAMA,MAAM4B,QAChCX,KAAKjB,MAAMA,MAAM4B,SAGtB,6BAAUX,KAAKH,MAAMF,oB,EA7EpBJ,CAAkBQ,EAAAA,eAoFxBR,GAAYuB,EAAAA,EAAAA,GAAiB,CAC5BvB,UAAAA,EACAR,MAAO,CACNgC,cAAc,KC/FhB,IAmBA,GAL2BC,EAAAA,EAAAA,KAdH,SAACnB,GAAU,gBAClC,MAAO,CACNL,GAAE,UAAEK,EAAMoB,aAAR,iBAAE,EAAaC,YAAf,aAAE,EAAmB1B,GACvBR,OAAO,UAACa,EAAMoB,aAAP,iBAAC,EAAaC,YAAd,QAAC,EAAmB1B,IAC3BT,MAAK,UAAEc,EAAMoB,aAAR,iBAAE,EAAaC,YAAf,aAAE,EAAmBnC,UAID,SAACoC,GAC3B,MAAO,CACN1B,MAAO,kBAAM0B,GAASC,EAAAA,EAAAA,WAIGJ,CAGzBzB","debug_id":"ab377797-6ac0-57b4-bfcf-096f13988b57"}