{"version":3,"file":"static/js/747.54d3e119.chunk.js","mappings":"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","sources":["views/riwayat/tulis-review.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\r\nimport ConfirmAlert from \"../../component/alert/confirmAlert\";\r\nimport { createReview } from \"../../services/API/mod_riwayatOrder\";\r\nimport LoadingAlert from \"../../component/alert/loadingAlert\";\r\n\r\nfunction Review() {\r\n    const navigate = useNavigate()\r\n    const location = useLocation()\r\n    const [showPopup, setShowPopup] = useState(false)\r\n    const [alertOption, setAlertOption] = useState({message: '', redirect: false})\r\n    const [errorRating, setErrorRating] = useState(false)\r\n    const [loading, setLoading] = useState(false)\r\n    const [requestId, setRequestId] = useState(location.state.id)\r\n    const [requestNo, setRequestNo] = useState(location.state.serviceRequest)\r\n    const [equipment, setEquipment] = useState(location.state.eq)\r\n    const [namaRequest, setNamaRequest] = useState(location.state.requestName)\r\n    const [description, setDescription] = useState('')\r\n    const [rating, setRating] = useState(0)\r\n    const [textareaHeight, setTextareaHeight] = useState('auto')\r\n    const [inputDescriptionRows, setInputDescriptionRows] = useState(1)\r\n    const [scrollMode, setScrollMode] = useState(false)\r\n    const activeStatus = location.state?.activeStatus || 'all'\r\n\r\n    // console.log(location.state);\r\n\r\n    useEffect(() => {\r\n        const setInitialHeight = () => {\r\n            if(window.innerWidth <= 768) {\r\n                setTextareaHeight(`${inputDescriptionRows * 25}px`)\r\n            } else {\r\n                setTextareaHeight('200px')\r\n            }\r\n        }\r\n\r\n        setInitialHeight()\r\n        window.addEventListener('resize', setInitialHeight)\r\n\r\n        return () => {\r\n            window.removeEventListener('resize', setInitialHeight)\r\n        }\r\n    }, [inputDescriptionRows])\r\n\r\n    const handleRatingClick = (rating) => {\r\n        setRating(rating);\r\n\r\n        if (window.innerWidth <= 768) {\r\n            setTextareaHeight(`${inputDescriptionRows * 25}px`);\r\n        }\r\n    }\r\n\r\n    const handleDescription = (e) => {\r\n        setDescription(e.target.value);\r\n    \r\n        const lineCount = (e.target.value.match(/\\n/g) || []).length + 1;\r\n        setInputDescriptionRows(lineCount > 4 ? 4 : lineCount);\r\n    \r\n        if (window.innerWidth <= 768) {\r\n            setTextareaHeight(`${inputDescriptionRows * 25}px`);\r\n        }\r\n    }\r\n\r\n    const handleKeyDown = (e) => {\r\n        if (e.key === 'Enter' && !e.shiftKey) {\r\n        } else if (e.key === 'Backspace' && inputDescriptionRows > 1) {\r\n            if (description.endsWith('\\n')) {\r\n                setDescription((prevMessage) => prevMessage.slice(0, -1));\r\n            } else {\r\n                setDescription((prevMessage) => prevMessage.slice(0, -1));\r\n            }\r\n            setInputDescriptionRows((prevRows) => prevRows - 1);\r\n    \r\n            if (window.innerWidth <= 768) {\r\n                setTextareaHeight(`${(inputDescriptionRows - 1) * 25}px`);\r\n            }\r\n        }\r\n    }\r\n\r\n    const handlePopup = () => {\r\n        setShowPopup(false);\r\n        setErrorRating(false)\r\n        if(alertOption.redirect) {\r\n            navigate(\"/dashboard\")\r\n        }\r\n    }\r\n\r\n    const handleSubmit = async () => {\r\n        if (rating === 0) {\r\n            setErrorRating(true);\r\n            setShowPopup(true);\r\n            setAlertOption({message:'Mohon isi rating', redirect: false})\r\n        } else {\r\n            setLoading(true)\r\n            const res = await createReview({trequestid: requestId, review: rating.toString(), description: description})\r\n            setLoading(false)\r\n            if(res.status = 200 && res.data.includes('Succes insert review')) {\r\n                // console.log('berhasil harusnya');\r\n                setShowPopup(true);\r\n                setAlertOption({message:'Berhasil berikan review', redirect: true})\r\n            }\r\n        }\r\n    }\r\n\r\n    const renderStars = () => {\r\n        const maxStars = 5;\r\n        const stars = [];\r\n\r\n        for (let i = 1; i <= maxStars; i++) {\r\n            const className = i <= rating ? \"fa fa-star yellow\" : \"fa fa-star\";\r\n            stars.push(\r\n                <i \r\n                    key={i} \r\n                    className={className} \r\n                    onClick={() => handleRatingClick(i)} \r\n                    style={{marginRight:'15px'}} \r\n                />\r\n            );\r\n        }\r\n        // console.log(stars);\r\n        return stars;\r\n    }\r\n\r\n    const handleGoBack = (e) => {\r\n        e.preventDefault()\r\n        \r\n        navigate(location.state?.back, {\r\n            state: {\r\n                currentTabActive: location.state?.currentTabActive,\r\n                currentSkip: location.state?.currentSkip\r\n            }\r\n        })\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"responsive-bar\">\r\n                <div className=\"card-title mb-md-4 m-0 p-0\">\r\n                    <h4 className=\"title-icare title-fitur m-0 p-0 fw-bold\" style={{fontSize:'18 px'}}>\r\n                        <Link to=\"\" onClick={handleGoBack} className=\"nav-link d-inline d-md-none me-3\">\r\n                            <i className=\"fa fa-arrow-left\"></i>\r\n                        </Link>\r\n                        <span className=\"title-bold\">Tulis Review</span>\r\n                    </h4>\r\n                    {/* <strong className=\"title-icare\" style={{fontSize:'18px', borderBottom:'3px solid #014C90'}}>Tulis Review</strong> */}\r\n                </div>\r\n            </div>\r\n            <div className=\"responsive-tulis-review\">\r\n                <div className=\"card px-3 mt-4 shadow border-0\" style={{borderRadius:'20px'}}>\r\n                    <div className=\"card-body\">\r\n                        <div className=\"row py-2\">\r\n                            <div className=\"card-review py-2 px-4\" style={{height:'75px', borderRadius:'10px'}}>\r\n                                <th className=\"pe-3\">\r\n                                    <tr>\r\n                                        <td className=\"pb-2\">{namaRequest}</td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <td>EQ</td>\r\n                                    </tr>\r\n                                </th>\r\n                                <th className=\"pe-3\">\r\n                                    <tr>\r\n                                        <td className=\"pb-2\">:</td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <td>:</td>\r\n                                    </tr>\r\n                                </th>\r\n                                <th>\r\n                                    <tr>\r\n                                        <td className=\"pb-2\">{requestNo}</td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <td>{equipment}</td>\r\n                                    </tr>\r\n                                </th>\r\n                                \r\n                            </div>\r\n                            <span className=\"text-center mt-4\" style={{fontSize:'15px'}}>Bagaimana penilaian anda dengan pelayanan dari Astragraphia</span>\r\n                            <div className=\"col-12 text-center fs-1 mt-4\">\r\n                                {renderStars()}\r\n                            </div>\r\n                            <div className=\"review-container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-sm-12 d-flex flex-column\">\r\n                                        <span className=\"d-none d-sm-block py-1 px-0\" style={{ fontSize: '15px' }}>Berikan Review</span>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                        <textarea rows={inputDescriptionRows} type=\"text\" placeholder=\"Berikan review...\" className=\"mt-2 review-text no-hover\" onChange={handleDescription} value={description} onKeyDown={handleKeyDown} style={{border:'1px solid #797979', borderRadius:'4px', width:'100%', resize:'none', caretColor:'#41abf1', height: textareaHeight, overflowY: scrollMode ? 'scroll' : ''}} />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text-center py-4\">\r\n                                <button className=\"btn btn-login py-2 px-5\" style={{fontSize:'12px'}} onClick={handleSubmit}>SUBMIT</button>\r\n                            </div>\r\n                        </div>\r\n                        <ConfirmAlert visible={showPopup || errorRating} message={alertOption.message} customClass=\"col-sm-3\" onClick={handlePopup}/>\r\n                        <LoadingAlert visible={loading} customClass=\"col-md-2 col-8\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Review\r\n\r\n"],"names":["_location$state","navigate","useNavigate","location","useLocation","showPopup","setShowPopup","useState","alertOption","setAlertOption","message","redirect","errorRating","setErrorRating","loading","setLoading","requestId","setRequestId","state","id","requestNo","setRequestNo","serviceRequest","equipment","setEquipment","eq","namaRequest","setNamaRequest","requestName","description","setDescription","rating","setRating","textareaHeight","setTextareaHeight","inputDescriptionRows","setInputDescriptionRows","scrollMode","setScrollMode","activeStatus","useEffect","setInitialHeight","window","innerWidth","addEventListener","removeEventListener","handleRatingClick","_jsxs","_Fragment","children","_jsx","className","style","fontSize","Link","to","onClick","e","_location$state2","_location$state3","_location$state4","preventDefault","back","currentTabActive","currentSkip","borderRadius","height","renderStars","stars","i","push","marginRight","rows","type","placeholder","onChange","target","value","lineCount","match","length","onKeyDown","key","shiftKey","endsWith","prevMessage","slice","prevRows","border","width","resize","caretColor","overflowY","async","res","createReview","trequestid","review","toString","status","data","includes","ConfirmAlert","visible","customClass","handlePopup","LoadingAlert"],"sourceRoot":""}