{"version":3,"sources":["components/Modals/SignView/PrivacyAgreement.js"],"names":["SrollContainer","styled","div","Terms","setShow","t","useTranslation","source","className","onClick","Agreement","handleClose","ownerName","id","color","Privacy","plugins","gfm","escapeHtml","size","ModalSelector","useState","show","queryClient","useQueryClient","useSign","modal","contractId","jwt","contract","dispatch","acceptAgreementMutation","useMutation","fetcher","clientContractAction","onSuccess","data","invalidateQueries","type","CONTROL_MODAL","close","PRIVACY_MODAL","blurMain","mutate","useCallback","isOpen","includes","centered","user","givenName","familyName"],"mappings":"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","file":"static/js/17.aa4f9369.chunk.js","sourcesContent":["import React, { useState, useCallback } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport raw from 'raw.macro';\r\nimport { useMutation, useQueryClient } from 'react-query';\r\nimport ReactMarkdown from 'react-markdown';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Table, ButtonGroup } from 'reactstrap';\r\nimport styled from 'styled-components';\r\nimport gfm from 'remark-gfm';\r\n\r\nimport { useSign, PRIVACY_MODAL, CONTROL_MODAL } from 'context/signview';\r\nimport { fetcher } from 'api/client';\r\nimport { clientContractAction } from 'api/actions/contracts';\r\n\r\nconst terms = raw('../../../markdowns/Policies/Terms.md');\r\nconst privacy = raw('../../../markdowns/Policies/Privacy.md');\r\n\r\nconst SrollContainer = styled.div`\r\n-ms-overflow-style: none;\r\nmax-height: 240px;\r\noverflow-y: auto;\r\n`\r\n\r\nfunction Terms({ setShow }) {\r\n\r\n    const { t } = useTranslation();\r\n    return (\r\n        <>\r\n            <ModalHeader>\r\n                {t('sign.start_experience.terms_p6')}\r\n            </ModalHeader>\r\n            <ModalBody>\r\n                <SrollContainer>\r\n                    <ReactMarkdown source={terms} />\r\n                </SrollContainer>\r\n            </ModalBody>\r\n            <ModalFooter>\r\n                <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                    <Button className=\"btn btn-sm btn-default\" onClick={() => setShow('agreement')}>\r\n                        {t('sign.privacy_policy.back')}\r\n                    </Button>\r\n                </ButtonGroup>\r\n            </ModalFooter>\r\n        </>\r\n    )\r\n}\r\n\r\nfunction Agreement({ handleClose, setShow, ownerName }) {\r\n    const { t } = useTranslation();\r\n    return (<>\r\n        <ModalHeader className=\"text-center\">\r\n            {t('sign.start_experience.header_title')}\r\n        </ModalHeader>\r\n        <ModalBody>\r\n            <h5 className=\"subtitle text-center mt-2\">{t('sign.start_experience.subtitle')} {ownerName}</h5>\r\n            <p className=\"text-center text-muted mb-5\">{t('sign.start_experience.text')}</p>\r\n\r\n            <ul className=\"list-unstyled mb-5 ml-4\">\r\n                <li className=\"mb-2\"><i className=\"fas fa-circle text-primary mr-2\"></i>\r\n                    <span>{t('sign.start_experience.review')}</span>\r\n                </li>\r\n                <li className=\"mb-2\"><i className=\"fas fa-circle text-primary mr-2\"></i>\r\n                    <span>{t('sign.start_experience.select')}</span>\r\n                    {/* <span className=\"font-weight-bold\">{t('sign.start_experience.action')}</span> */}\r\n                    </li>\r\n                <li>\r\n                    <i className=\"fas fa-circle text-primary mr-2\"></i>\r\n                    <span>{t('sign.start_experience.accept')}</span>\r\n                </li>\r\n            </ul>\r\n\r\n            <div className=\"terms text-center mb-4\">\r\n                <small>{t('sign.start_experience.terms_p1')}{' '}\r\n                    <a className=\"terms-btn link bold orange pointer\" onClick={() => setShow('terms')}>{t('sign.start_experience.terms_p6')}</a>\r\n                    {t('sign.start_experience.terms_p3')}\r\n                    <span className=\"bold\">{t('sign.start_experience.terms_p4')}</span>\r\n                    {t('sign.start_experience.terms_p5')}{' '}\r\n                    <a className=\"privacy-btn link bold orange pointer\" onClick={() => setShow('privacy')}>\r\n                        {t('sign.start_experience.terms_p2')}\r\n                    </a>\r\n                </small>\r\n            </div>\r\n\r\n        </ModalBody>\r\n        <ModalFooter className=\"text-center\">\r\n            <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                <Button id=\"start_experience\" color=\"primary\" onClick={handleClose}>\r\n                    {t('sign.start_experience.start')}\r\n                </Button>\r\n            </ButtonGroup>\r\n        </ModalFooter>\r\n    </>\r\n    )\r\n}\r\n\r\nfunction Privacy({ setShow }) {\r\n\r\n    const { t } = useTranslation();\r\n    return (<>\r\n        <ModalHeader>\r\n            {t('AVISO DE PRIVACIDAD TRATO')}\r\n        </ModalHeader>\r\n        <ModalBody>\r\n            <SrollContainer>\r\n                <ReactMarkdown source={privacy} plugins={[gfm]} escapeHtml={false} />\r\n            </SrollContainer>\r\n        </ModalBody>\r\n        <ModalFooter className=\"text-center\">\r\n            <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                <Button size=\"sm\" color=\"secondary\" onClick={() => setShow('agreement')}>\r\n                    {t('sign.privacy_policy.back')}\r\n                </Button>\r\n            </ButtonGroup>\r\n        </ModalFooter>\r\n    </>)\r\n}\r\n\r\nfunction ModalSelector() {\r\n\r\n    const [show, setShow] = useState('agreement');\r\n\r\n    const queryClient = useQueryClient();\r\n\r\n    const [{ modal, contractId, jwt, contract }, dispatch] = useSign();\r\n\r\n    const { mutate: acceptAgreementMutation } = useMutation(() => fetcher(clientContractAction(contractId, 'acceptagreement', {}), jwt), {\r\n        onSuccess: (data) => {\r\n            if (data) {\r\n                queryClient.invalidateQueries('client-contract');\r\n                dispatch({ type: CONTROL_MODAL, close: PRIVACY_MODAL, blurMain: false })\r\n            }\r\n        }\r\n    })\r\n\r\n    const handleClose = useCallback(() => acceptAgreementMutation(), [acceptAgreementMutation]);\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(PRIVACY_MODAL)} centered size=\"md\">\r\n            {{\r\n                'agreement': <Agreement handleClose={handleClose} setShow={setShow}></Agreement>,\r\n                'privacy': <Privacy setShow={setShow} ownerName={`${contract?.user?.givenName || ''} ${contract?.user?.familyName || ''}`}></Privacy>,\r\n                'terms': <Terms setShow={setShow}></Terms>\r\n            }[show]}\r\n        </Modal>\r\n    )\r\n}\r\n\r\nexport default ModalSelector;"],"sourceRoot":""}