{"version":3,"file":"699.beb8384705130a19fda4.min.js","mappings":"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","sources":["webpack://Stoelting.Kentico.Web/./js/shared/react/components/forms/ask-a-question.jsx"],"sourcesContent":["import React, { Component } from \"react\";\r\nimport Magnific from '../magnific.jsx';\r\nimport { postAskAQuestion } from '../../../apis/products';\r\nimport toast from '../../../components/toast';\r\nimport { addParamsToUrl } from '../../../utils';\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\n\r\nclass AskAQuestion extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            name: '',\r\n            email: '',\r\n            confirmEmail: '',\r\n            zipcode: '',\r\n            city: '',\r\n            state: '',\r\n            question: '',\r\n            show: false,\r\n            isSending: false,\r\n            errors: [],\r\n            recaptchaError: '',\r\n            passed: false\r\n        };\r\n\r\n        this.handleClick = this.handleClick.bind(this);\r\n        this.handleClose = this.handleClose.bind(this);\r\n        this.handleFormSubmit = this.handleFormSubmit.bind(this);\r\n        this.handleChange = this.handleChange.bind(this);\r\n        this.openBtn = React.createRef();\r\n\r\n        this.recaptchaRef = React.createRef();\r\n    }\r\n\r\n    handleClick() {\r\n        this.setState({\r\n            show: true\r\n        });\r\n    }\r\n\r\n    handleClose() {\r\n        this.setState({\r\n            show: false\r\n        }, () => {\r\n            this.openBtn.current.focus();\r\n        });\r\n    }\r\n\r\n    handleFormSubmit(e) {\r\n        e.preventDefault();\r\n\r\n        const token = this.recaptchaRef.current.getValue();\r\n\r\n        if (!this.state.isSending) {\r\n            this.setState({\r\n                isSending: true,\r\n                errors: []\r\n            });\r\n\r\n            postAskAQuestion({\r\n                nodeId: this.props.id,\r\n                name: this.state.name,\r\n                email: this.state.email,\r\n                confirmEmail: this.state.confirmEmail,\r\n                zipcode: this.state.zipcode,\r\n                city: this.state.city,\r\n                state: this.state.state,\r\n                question: this.state.question,\r\n                recaptchaToken: token\r\n            })\r\n                .then(json => {\r\n                    this.setState({\r\n                        isSending: false\r\n                    });\r\n\r\n                    if (json.success) {\r\n                        toast.success('Your question has been submitted');\r\n                        if (this.props.redirectTo) window.location = this.props.redirectTo;\r\n                        else {\r\n                            this.setState({\r\n                                name: '',\r\n                                email: '',\r\n                                confirmEmail: '',\r\n                                zipcode: '',\r\n                                city: '',\r\n                                state: '',\r\n                                question: '',\r\n                                show: false\r\n                            });\r\n                        }\r\n                    }\r\n                    else {\r\n                        this.setState({\r\n                            errors: json.errors\r\n                        });\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    console.log(error);\r\n                    this.setState({\r\n                        isSending: false\r\n                    });\r\n                    toast.error('There was an issue sending your question. Please try again soon.');\r\n                });\r\n        }\r\n    }\r\n\r\n    handleChange(e) {\r\n        this.setState({\r\n            [e.target.name]: e.target.value\r\n        });\r\n    }\r\n\r\n    render() {\r\n        let errors;\r\n        const activator =\r\n            <button className=\"btn\" type=\"button\" ref={this.openBtn} onClick={this.handleClick}>Ask a Question</button>;\r\n\r\n        if (this.state.errors.length) {\r\n            errors = <ul className=\"error-list\">\r\n                {this.state.errors.map((error) => (\r\n                    <li>{error}</li>\r\n                ))}\r\n            </ul>;\r\n        }\r\n\r\n        return (\r\n            <Magnific activator={activator} type=\"inline\" show={this.state.show} onClose={this.handleClose}>\r\n                <div className=\"card rounded padded\">\r\n                    <div className=\"card-title-content\">\r\n                        <h3 className=\"heading no-margin\">Ask a Question</h3>\r\n                    </div>\r\n                    <div className=\"card-text-content\">\r\n                        <form ref={this.currentForm} action=\"#\" method=\"post\" onSubmit={this.handleFormSubmit}>\r\n                            {errors}\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"name\">Your Name *</label>\r\n                                <input className=\"form-control\" type=\"text\" id=\"name\" name=\"name\" placeholder=\"John Doe\" required value={this.state.name} onChange={this.handleChange} />\r\n                            </div>\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"email\">Your Email *</label>\r\n                                <input className=\"form-control\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@example.com\" required value={this.state.email} onChange={this.handleChange} />\r\n                            </div>\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"confirmEmail\">Confirm Your Email *</label>\r\n                                <input className=\"form-control\" type=\"email\" id=\"confirmEmail\" name=\"confirmEmail\" required value={this.state.confirmEmail} onChange={this.handleChange} />\r\n                            </div>\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"zipcode\">Zipcode *</label>\r\n                                <input className=\"form-control\" type=\"text\" id=\"zipcode\" name=\"zipcode\" placeholder=\"12345\" required value={this.state.zipcode} onChange={this.handleChange} />\r\n                            </div>\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"city\">City *</label>\r\n                                <input className=\"form-control\" type=\"text\" id=\"city\" name=\"city\" required value={this.state.city} onChange={this.handleChange} />\r\n                            </div>\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"state\">State *</label>\r\n                                <input className=\"form-control\" type=\"text\" id=\"state\" name=\"state\" required value={this.state.state} onChange={this.handleChange} />\r\n                            </div>\r\n\r\n                            <div className=\"form-group\">\r\n                                <label htmlFor=\"question\">Your Question *</label>\r\n                                <textarea className=\"form-control\" id=\"question\" name=\"question\" placeholder=\"\" rows=\"3\" required value={this.state.question} onChange={this.handleChange}></textarea>\r\n                            </div>\r\n                            <ReCAPTCHA\r\n                                sitekey=\"6LcOndkZAAAAAE7Hb968THW1Zyjt3MGCcF4R2NHQ\"\r\n                                ref={this.recaptchaRef}\r\n                            />\r\n                            <p className=\"error\">{this.state.recaptchaError}</p>\r\n                            <div className=\"form-actions\">\r\n                                <button className=\"btn\" disabled={this.state.isSending}>Send</button>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </Magnific>\r\n        );\r\n    }\r\n}\r\n\r\nexport default AskAQuestion;"],"names":["_Component","AskAQuestion","props","_this","_classCallCheck","_callSuper","state","name","email","confirmEmail","zipcode","city","question","show","isSending","errors","recaptchaError","passed","handleClick","bind","handleClose","handleFormSubmit","handleChange","openBtn","React","recaptchaRef","_inherits","_createClass","key","value","this","setState","_this2","current","focus","e","_this3","preventDefault","token","getValue","postAskAQuestion","nodeId","id","recaptchaToken","then","json","success","toast","redirectTo","window","location","error","console","log","_defineProperty","target","activator","className","type","ref","onClick","length","map","Magnific","onClose","currentForm","action","method","onSubmit","htmlFor","placeholder","required","onChange","rows","ReCAPTCHA","sitekey","disabled","Component"],"sourceRoot":""}