{"version":3,"file":"945.3dcc867820c8f1702cf4.js","mappings":"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","sources":["webpack://cpabc/./Scripts/src/components/PageRating.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { useReducer, useEffect } from \"react\";\r\nimport { Row, Col, Button, Input, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport * as Utils from '../Utils';\r\n\r\n\r\ntype PageRatingState = {\r\n    initDone: boolean;\r\n    isCompletedForPage: boolean;\r\n    step: number;\r\n    rating: number;\r\n    comment: string;\r\n    errorMsg: string;\r\n}\r\n\r\nconst initialState: PageRatingState = {\r\n    initDone: false,\r\n    isCompletedForPage: true,\r\n    step: 1,\r\n    rating: -5,\r\n    comment: '',\r\n    errorMsg: ''\r\n}\r\n\r\n\r\nconst PageRating = (props: {\r\n    PageUrl: string;\r\n    IsCompletedForPage: boolean;\r\n    RatingTitle: string;\r\n    Ratings: number[];\r\n    RatingText: string;\r\n    CommentsTitle: string;\r\n    CommentsMaxLength: number;\r\n    CommentsText: string;\r\n    ThankYouText: string;\r\n}) => {\r\n\r\n    let [state, setState] = useReducer(\r\n        (prevState: PageRatingState, newState: Partial<PageRatingState>) => ({ ...prevState, ...newState }),\r\n        initialState\r\n    );\r\n\r\n\r\n    useEffect(() => {\r\n\r\n        let newState: Partial<PageRatingState> = {};\r\n\r\n        newState.initDone = true;\r\n\r\n        setState(newState);\r\n\r\n        fetch('/cpaapi/pagerating/getpagerating?pageurl=' + encodeURI(props.PageUrl), {\r\n            method: 'get',\r\n            headers: { 'Content-Type': 'application/json' },\r\n        }).then(res => res.json()).then(data => {\r\n            setState({\r\n                isCompletedForPage: data.IsCompletedForPage\r\n            });\r\n        });\r\n\r\n    }, []);\r\n\r\n    const [modalIsOpen, setIsOpen] = React.useState(false);\r\n\r\n    const changeStep = (step: number) => {\r\n        setState({\r\n            step: step\r\n        });\r\n    }\r\n\r\n    const setRating = (rating: number) => {\r\n        setState({\r\n            rating: rating,\r\n            errorMsg: ''\r\n        });\r\n    }\r\n\r\n    const openModal = () => {\r\n        setIsOpen(true);\r\n    }\r\n\r\n    const saveRating = () => {\r\n        fetch('/cpaapi/pagerating/savepageratingcomment', {\r\n            method: 'post',\r\n            headers: { 'Content-Type': 'application/json' },\r\n            body: JSON.stringify({\r\n                PageUrl: props.PageUrl,\r\n                Rating: state.rating,\r\n                Comment: state.comment\r\n            })\r\n        }).then(res => res.json());\r\n    }\r\n\r\n    const closeRater = () => {\r\n        fetch('/cpaapi/pagerating/cancelpagerating', {\r\n            method: 'post',\r\n            headers: { 'Content-Type': 'application/json' },\r\n            body: JSON.stringify({\r\n                PageUrl: props.PageUrl\r\n            })\r\n        }).then(res => res.json());\r\n        changeStep(-1);\r\n        setIsOpen(false);\r\n        setState({\r\n            isCompletedForPage: true\r\n        });\r\n    }\r\n\r\n    // return\r\n    return (!state.isCompletedForPage && <div className=\"page-rating\">\r\n        {!modalIsOpen && <Button data-toggle=\"modal\" data-target=\"#PageRatingModal\" color=\"primary\" onClick={openModal} className=\"page-rating-open-button\">Rate This Page</Button>}\r\n        <Modal isOpen={modalIsOpen} id=\"PageRatingModal\" scrollable=\"true\">\r\n            {/*<ModalHeader><div className=\"close\"><i onClick={() => { closeRater() }} className=\"fa fa-times\" aria-hidden=\"true\"></i></div></ModalHeader>*/}\r\n            <ModalBody>\r\n                <Row>\r\n                    {state.step === 1 && <Col sm={12}>\r\n\r\n                        <div className=\"page-rater\">\r\n                            <div className=\"close\"><i onClick={() => { closeRater() }} className=\"fa fa-times\" aria-hidden=\"true\"></i></div>\r\n                            <div className=\"header\" dangerouslySetInnerHTML={{ __html: props.RatingTitle }}></div>\r\n                            <div className=\"ratings mb-40\">\r\n                                <Row className=\"justify-content-md-center\">\r\n                                    <Col sm=\"auto\" className=\"text-center\">\r\n                                        <Button onClick={() => setRating(1)} enabled={state.rating !== 1} className={\"btn-info smile\" + (state.rating === 1 ? \" selected\" : \"\")}><i className=\"fas fa-smile\"></i></Button>\r\n                                    </Col>\r\n                                    <Col sm=\"auto\" className=\"text-center\">\r\n                                        <Button onClick={() => setRating(0)} enabled={state.rating !== 0} className={\"btn-info meh\" + (state.rating === 0 ? \" selected\" : \"\")}><i className=\"fas fa-meh\"></i></Button>\r\n                                    </Col>\r\n                                    <Col sm=\"auto\" className=\"text-center\">\r\n                                        <Button onClick={() => setRating(-1)} enabled={state.rating !== -1} className={\"btn-info frown\" + (state.rating === -1 ? \" selected\" : \"\")}><i className=\"fas fa-frown\"></i></Button>\r\n                                    </Col>\r\n                                </Row>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                <Row>\r\n                                    <Col sm={12}>\r\n                                        <div dangerouslySetInnerHTML={{ __html: props.RatingText }}></div>\r\n                                    </Col>\r\n                                </Row>\r\n                            </div>\r\n                            <div className=\"pager mt-3\">\r\n                                <Row>\r\n                                    <Col sm={6}>\r\n\r\n                                    </Col>\r\n                                    <Col sm={6}>\r\n                                        <div className=\"text-right\">\r\n                                            <Button onClick={() => {\r\n                                                if (typeof state.rating !== \"undefined\") { changeStep(2) } else { setState({ errorMsg: \"Please select a rating before proceeding.\" }) }\r\n                                            }}>Next</Button>\r\n                                        </div>\r\n                                    </Col>\r\n                                </Row>\r\n                            </div>\r\n                            {state.errorMsg && <Row>\r\n                                <Col sm={12}>\r\n                                    <div className=\"alert alert-danger mt-3\">\r\n                                        <span dangerouslySetInnerHTML={{ __html: state.errorMsg }}></span>\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>}\r\n                        </div>\r\n                    </Col>}\r\n                    {state.step === 2 && <Col sm={12}>\r\n                        <div className=\"page-rater\">\r\n                            <div className=\"close\"><i onClick={() => { closeRater() }} className=\"fa fa-times\" aria-hidden=\"true\"></i></div>\r\n                            <div className=\"header\" dangerouslySetInnerHTML={{ __html: props.CommentsTitle }}>\r\n                            </div>\r\n                            <div className=\"comments\">\r\n                                <Input\r\n                                    type=\"textarea\"\r\n                                    onChange={(e) => { setState({ comment: e.target.value }) }}\r\n                                />\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                <Row>\r\n                                    <Col sm={12}>\r\n                                        <div dangerouslySetInnerHTML={{ __html: props.CommentsText }}></div>\r\n                                    </Col>\r\n                                </Row>\r\n                            </div>\r\n\r\n                            <div className=\"pager  mt-3\">\r\n                                <Row>\r\n                                    <Col sm={6}>\r\n                                        <Button onClick={() => changeStep(1)}>Back</Button>\r\n                                    </Col>\r\n                                    <Col sm={6}>\r\n                                        <div className=\"text-right\">\r\n                                            <Button onClick={() => { saveRating(); changeStep(3); }}>Save</Button>\r\n                                        </div>\r\n                                    </Col>\r\n                                </Row>\r\n                            </div>\r\n                            {state.errorMsg && <Row>\r\n                                <Col sm={12}>\r\n                                    <div className=\"alert alert-danger mt-3\">\r\n                                        <span dangerouslySetInnerHTML={{ __html: state.errorMsg }}></span>\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>}\r\n                        </div>\r\n                    </Col>}\r\n                    {state.step === 3 && <Col sm={12}>\r\n                        <div className=\"page-rater\">\r\n                            <div className=\"close\"><i onClick={() => { closeRater() }} className=\"fa fa-times\" aria-hidden=\"true\"></i></div>\r\n                            <div className=\"text\">\r\n                                <Row>\r\n                                    <Col sm={12}>\r\n                                        <div className=\"thank-you\" dangerouslySetInnerHTML={{ __html: props.ThankYouText }}></div>\r\n                                    </Col>\r\n                                </Row>\r\n                            </div>\r\n                        </div>\r\n                    </Col>}\r\n                </Row>\r\n            </ModalBody>\r\n        </Modal>\r\n    </div>\r\n    )\r\n\r\n}\r\n\r\nexport default PageRating;"],"names":["initialState","initDone","isCompletedForPage","step","rating","comment","errorMsg","props","state","setState","useReducer","prevState","newState","useEffect","fetch","encodeURI","PageUrl","method","headers","then","res","json","data","IsCompletedForPage","modalIsOpen","setIsOpen","React","changeStep","setRating","closeRater","body","JSON","stringify","className","color","onClick","isOpen","id","scrollable","sm","dangerouslySetInnerHTML","__html","RatingTitle","enabled","RatingText","CommentsTitle","type","onChange","e","target","value","CommentsText","Rating","Comment","ThankYouText"],"sourceRoot":""}