{"version":3,"sources":["AskQuestion.jsx"],"names":[],"mappings":"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","file":"AskQuestion.js","sourcesContent":["const AskQuestionTrigger = props => {\n    const {\n        settings,\n        contentItemId,\n        moduleId,\n        person,\n    } = props;\n\n    const triggerButton = document.querySelector('.ask-question-trigger');\n    const [showPopup, setShowPopup] = React.useState(false);\n\n    const togglePopup = React.useCallback(() => {\n        setShowPopup(visible => {\n            return !visible;\n        });\n    }, []);\n\n    const closePopup = React.useCallback(() => {\n        setShowPopup(false);\n    }, []);\n\n    React.useEffect(() => {\n        if(triggerButton){\n            triggerButton.innerHTML = settings['button_text'];\n            triggerButton.addEventListener('click', togglePopup);\n        }\n    }, []);\n\n    return showPopup && <AskQuestion close={closePopup} person={person} settings={settings} moduleId={moduleId} contentItemId={contentItemId}/>;\n};\n\nAskQuestionTrigger.propTypes = {\n\n};\n\nAskQuestionTrigger.defaultProps = {\n\n};\n\nconst AskQuestion = props => {\n    \n    const {\n        person,\n        settings,\n        moduleId,\n        contentItemId,\n        close,\n    } = props;\n    \n    const rootRef = React.useRef(null);\n    const captcha = React.useRef(null);\n    const captchaRef = React.useRef(null);\n    const [top, setTop] = React.useState(0);\n    const [left, setLeft] = React.useState(0);\n    const [data, setData] = React.useState({\n        firstname: person?.firstname || '',\n        lastname: person?.lastname || '',\n        email: person?.email || '',\n        subject: '',\n        body: '',\n    });\n    const [message, setMessage] = React.useState(null);\n    const [showSuccessMessage, setShowSuccessMessage] = React.useState(false);\n    const showPersonFields = !Boolean(person?.email);\n    const showRecaptcha = Boolean(settings?.show_recaptcha === '1');\n    const recaptchaSiteKey = SS?.vars?.Settings?.GoogleRecaptcha?.site_key || false;\n\n    const onResize = React.useCallback(() => {\n        setTop((window.innerHeight / 2) - (rootRef.current.clientHeight / 2));\n        setLeft((window.innerWidth / 2) - (rootRef.current.clientWidth / 2));\n    }, []);\n\n    const setValue = React.useCallback(event => {\n        const name = event.target.name;\n        const value = event.target.value;\n        const newData = {...data};\n        newData[name] = value;\n        setData(newData);\n    }, [data]);\n\n    const onSubmit = React.useCallback(event => {\n        const payload = {\n            ...data,\n            'g-recaptcha-response': showRecaptcha ? grecaptcha.getResponse(captcha.current) : null,\n            module_id: moduleId,\n            content_item_id: contentItemId,\n            _Token: {\n                key: SS.csrfToken,\n            },\n        };\n\n        setMessage(null);\n\n        axios({\n            method: 'post',\n            url: SS.route('SystemMessages', 'SystemMessages', 'sendAskQuestion', null),\n            data: payload,\n        })\n            .then(response => {\n                onSuccess();\n                setShowSuccessMessage(true);\n            }).catch( error => {\n                if(error.response.data.errors) {\n                    setMessage(error.response.data.errors);\n                }else if(error.response.data.message) {\n                    setMessage({'generic': error.response.data.message});\n                }else{\n                    setMessage({'generic': 'Something went wrong!'});\n                }\n            });\n\n    }, [data, moduleId]);\n\n    const onClose = React.useCallback(() => {\n        setData({\n            firstname: person?.firstname || '',\n            lastname: person?.lastname || '',\n            email: person?.email || '',\n            subject: '',\n            body: '',\n        });\n        setMessage(null);\n        setShowSuccessMessage(false);\n        close();\n    }, []);\n\n    const onSuccess = React.useCallback(() => {\n        setData({\n            firstname: person?.firstname || '',\n            lastname: person?.lastname || '',\n            email: person?.email || '',\n            subject: '',\n            body: '',\n        });\n        setMessage(null);\n    }, []);\n\n    React.useEffect(() => {\n        onResize();\n        window.addEventListener('resize', onResize);\n        return () => {\n            window.removeEventListener('resize', onResize);\n        };\n    }, []);\n\n    React.useEffect(() => {\n        if(showRecaptcha){\n            SSRecaptcha.ready(function(){\n                if(!captcha.current){\n                    captcha.current = grecaptcha.render(captchaRef.current, {\n                        'sitekey': recaptchaSiteKey,\n                    });\n                }\n            }.bind(this));\n        }\n    }, [showRecaptcha]);\n\n    return ReactDOM.createPortal(\n        <React.Fragment>\n            <div className={'customAlertModalFrame'} style={{display: 'block'}} onClick={onClose}/>\n            <div className=\"customAlert\" style={{display: 'block', top, left}} ref={rootRef}>\n                {showSuccessMessage &&\n                    <div className=\"customAlertInner\">\n                        <div className=\"customAlertTitle\">\n                            {settings.popup_title}\n                            <a className=\"closeAlert\" href=\"#\" onClick={(event) => {\n                                event.preventDefault();\n                                onClose();\n                            }}/>\n                        </div>\n                        <div className=\"customAlertMsg\">{settings.success_message}</div>\n                        <div className=\"customAlertButtons center\">\n                            <button className=\"customAlertButtonOk\" onClick={onClose}>OK</button>\n                        </div>\n                    </div>\n                }\n                {!showSuccessMessage &&\n                    <div className=\"customAlertInner\">\n                        <div className=\"customAlertTitle\">\n                            {settings.popup_title}\n                            <a className=\"closeAlert\" href=\"#\" onClick={(event) => {\n                                event.preventDefault();\n                                onClose();\n                            }}/>\n                        </div>\n                        <div className=\"customAlertMsg\">\n                            {showPersonFields &&\n                                <React.Fragment>\n                                    <div>First Name</div>\n                                    <input required={true} type={'text'} name={'firstname'} value={data.firstname}\n                                           onChange={setValue} className={message?.firstname ? 'invalid' : ''}/>\n                                    <div>Last Name</div>\n                                    <input required={true} type={'text'} name={'lastname'} value={data.lastname}\n                                           onChange={setValue} className={message?.lastname ? 'invalid' : ''}/>\n                                    <div>Email</div>\n                                    <input required={true} type={'email'} name={'email'} value={data.email} onChange={setValue}\n                                           className={message?.email ? 'invalid' : ''}/>\n                                </React.Fragment>\n                            }\n                            <div>Subject</div>\n                            <input required={true} type={'text'} name={'subject'} value={data.subject} onChange={setValue}\n                                   className={message?.subject ? 'invalid' : ''}/>\n                            <div>Message</div>\n                            <textarea required={true} name={'body'} value={data.body} onChange={setValue}\n                                      className={message?.body ? 'invalid' : ''}/>\n                            {showRecaptcha &&\n                            <div ref={captchaRef} className={'g-recaptcha'}/>\n                            }\n                        </div>\n                        {Boolean(message) &&\n                        <div className=\"customAlertError\">\n                            {Object.values(message).map((text, index) => <div key={`error-${index}`}>{text}</div>)}\n                        </div>\n                        }\n                        <div className=\"customAlertButtons center\">\n                            <button className=\"customAlertButtonOk\" onClick={onSubmit}>Send</button>\n                            <button className=\"customAlertButtonOk\" onClick={onClose}>Cancel</button>\n                        </div>\n                    </div>\n                }\n            </div>\n        </React.Fragment>\n    , document.body);\n};"]}