{"version":3,"sources":["images/nuvento.png","images/loading.gif","EmailSend.js","App.js","index.js"],"names":["module","exports","recaptchaInstance","resetRecaptcha","reset","callback","console","log","EmailSend","state","about","title","description","isOpen","isVerify","loading","validation","handleChange","e","setState","target","id","value","handleSend","preventDefault","sendObj","requestOptions","method","headers","body","JSON","stringify","fetch","then","response","json","data","initState","hideModal","toaster","notify","duration","initialValidation","openModal","titleError","descriptionError","aboutError","alert","clearState","verifyCallback","this","className","src","logo","width","type","onChange","style","color","fontSize","ref","sitekey","render","onloadCallback","onClick","visible","height","effect","onClickAway","padding","alt","Component","App","ReactDOM","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.7e6a1ffe.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/nuvento.de7362ff.png\";","module.exports = __webpack_public_path__ + \"static/media/loading.1d7626e6.gif\";","import React, { Component } from 'react';\r\nimport Modal from 'react-awesome-modal';\r\nimport Recaptcha  from 'react-recaptcha';\r\nimport logo from './images/nuvento.png';\r\nimport loading from './images/loading.gif';\r\nimport toaster from 'toasted-notes';\r\nimport 'toasted-notes/src/styles.css';\r\n\r\nlet recaptchaInstance;\r\n\r\n// handle reset\r\nconst resetRecaptcha = () => {\r\n  recaptchaInstance.reset();\r\n};\r\n\r\nconst callback = () => {\r\n    console.log('Done!!!!');\r\n};\r\n\r\nclass EmailSend extends Component {\r\n    state= {\r\n        about: '',\r\n        title: '',\r\n        description: '',\r\n        isOpen: 0,\r\n        isVerify: false,\r\n        loading: false,\r\n        validation: {\r\n            title: '',\r\n            description: '',\r\n            about: '',\r\n        }\r\n    }\r\n    handleChange = (e) => {\r\n        this.setState({\r\n            [e.target.id]: e.target.value,\r\n        });\r\n    }\r\n    handleSend = (e) => {\r\n        this.setState({ loading:true });\r\n        e.preventDefault();\r\n        const sendObj = {\r\n            about: this.state.about,\r\n            title: this.state.title,\r\n            description: this.state.description,\r\n        }\r\n        const requestOptions = {\r\n            method: 'POST',\r\n            headers: { 'Content-Type': 'application/json' },\r\n            body: JSON.stringify({sendObj})\r\n        };\r\n        fetch('https://advocacyapi.nuvento.com/sendmail', requestOptions)\r\n            .then(response => response.json())\r\n            .then(data =>{\r\n                this.setState({ loading:false });\r\n                this.initState();\r\n                resetRecaptcha();\r\n                this.hideModal();\r\n                toaster.notify('Email Sent', {\r\n                    duration: 2000,\r\n                  });\r\n            });\r\n    }\r\n    initState = () => {\r\n        this.setState({\r\n            about: '',\r\n            title: '',\r\n            description: '',\r\n            isOpen: 0,\r\n            isVerify: false,\r\n            validation: {\r\n                title: '',\r\n                description: '',\r\n                about: '',\r\n            }\r\n        })\r\n    }\r\n\r\n    initialValidation = () => {\r\n        this.setState({\r\n            validation: {\r\n                title: '',\r\n                description: '',\r\n            }\r\n        })\r\n    }\r\n    openModal = (e) => {\r\n        let titleError = ''; let descriptionError = ''; let aboutError = '';\r\n        if (this.state.title === '') {\r\n            titleError = 'The field cannot be empty';\r\n        }\r\n        if (this.state.description === '') {\r\n            descriptionError = 'The field cannot be empty';\r\n        }\r\n        if (this.state.about === '') {\r\n            aboutError = 'The field cannot be empty';\r\n        }\r\n        if (titleError || descriptionError || aboutError) {\r\n            this.setState({\r\n                validation: {\r\n                    title: titleError,\r\n                    about: aboutError,\r\n                    description: descriptionError,\r\n                }\r\n            })\r\n        } else {\r\n            if(this.state.isVerify === true) {\r\n                this.initialValidation();\r\n                this.setState({\r\n                    isOpen: 1,\r\n                });\r\n            } else {\r\n                this.initialValidation();\r\n                alert('Please verify that you are a human');\r\n            }\r\n        }\r\n    }\r\n    clearState = () => {\r\n        this.setState({\r\n            about: '',\r\n            title: '',\r\n            description: '',\r\n        })\r\n    }\r\n\r\n    hideModal() {\r\n        this.setState({\r\n            isOpen: 0,\r\n        });\r\n    }\r\n    verifyCallback = (response) => {\r\n        if (response) {\r\n            this.setState({\r\n                isVerify:true\r\n            })\r\n        }\r\n    }\r\n    render() {\r\n        return (\r\n            <div>\r\n                <div className=\"maincontainer\">\r\n                    <div className=\"emailmaindiv\">\r\n                        <table>\r\n                            <tbody>\r\n                                <tr>\r\n                                    <td><img src={logo} width=\"200px\"/></td>\r\n                                    <td><p className=\"heading\">Anonymous Message</p></td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                    <div className=\"emailmaindiv\">\r\n                        <div className=\"emaillabel\">About </div>\r\n                        <div className=\"emailinputdiv\"><input className=\"emailinputtext\" type=\"text\" id=\"about\" value={this.state.about} onChange={this.handleChange}/></div>\r\n                        <p style={{color:\"red\", fontSize: \"13px\"}}>{this.state.validation.about}</p>\r\n                        <div className=\"emaillabel\">Title </div>\r\n                        <div className=\"emailinputdiv\"><input className=\"emailinputtext\" type=\"text\" id=\"title\" value={this.state.title} onChange={this.handleChange}/></div>\r\n                        <p style={{color:\"red\", fontSize: \"13px\"}}>{this.state.validation.title}</p>\r\n                        <div className=\"emaillabel\">Description</div>\r\n                        <div className=\"emailtextareadiv\"><textarea className=\"emailtextarea\" id=\"description\" value={this.state.description} onChange={this.handleChange}></textarea></div>\r\n                        <p style={{color:\"red\", fontSize: \"13px\"}}>{this.state.validation.description}</p>\r\n                    </div>\r\n                    <div className='captcha'>\r\n                        <Recaptcha\r\n                            ref={e => recaptchaInstance = e}\r\n                            sitekey=\"6LdMLOkUAAAAAPwCs_bPBq8kgu4F1rhv5vrtD2L5\"\r\n                            render=\"explicit\"\r\n                            onloadCallback={callback}\r\n                            verifyCallback={this.verifyCallback}\r\n                        />\r\n                    </div>\r\n                    <div className=\"btndiv1\">\r\n                        <button className=\"submitbutton\" onClick={this.openModal}>Send</button>\r\n                        <button className=\"cancelbutton\" onClick={this.clearState}>Cancel</button>\r\n                    </div>\r\n                    <div className=\"descriptiondiv\">\r\n                        <p><b>Details:</b>\r\n                            </p>\r\n                        <ul>\r\n                            <li>This Forum is primarily used to help Employees of Nuvento report any incident or concern anonymously. The details will be kept strictly confidential and will be sent directly to the Executive Heads of Nuvento (execs@nuvento.com)</li>\r\n                            <li>You are not required to provide your details . </li>\r\n                            <li>The message should explain more about the situation or incident you would like to share/raise; it can be of the following types: </li>\r\n                            <ul>\r\n                                <li>A concern about a process or a person</li>\r\n                                <li>A complaint </li>\r\n                                <li>A suggestion or improvement area</li>\r\n                            </ul>\r\n                            <li>Kindly ensure that your message is elaborate and detailed which will be vital for the Management to review </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <Modal visible={this.state.isOpen} width=\"500\" height=\"150\" effect=\"fadeInUp\" onClickAway={() => this.hideModal()}>\r\n                    {\r\n                        this.state.loading === false ? (\r\n                            <>\r\n                                <div className=\"emailmaindiv\">\r\n                                    <div className=\"emaillabel\">Do you want to continue? </div>\r\n                                </div>\r\n                                <div className=\"btndiv1\">\r\n                                    <button className=\"submitbutton\" onClick={this.handleSend}>Send</button>\r\n                                    <button className=\"cancelbutton\" onClick={() => this.hideModal()}>Cancel</button>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <div style={{ padding: '22px 125px' }}><img src={loading} alt=\"\" height=\"100\" width=\"250\" /></div>\r\n                        )\r\n                    }\r\n                </Modal>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default EmailSend;","import React from 'react';\nimport EmailSend from './EmailSend';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <EmailSend />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}