{"version":3,"sources":["components/Modals/SignView/NegotiateOrSign.js"],"names":["NegotiateOrSign","useSign","modal","contractId","currentVersions","jwt","dispatch","t","useTranslation","queryClient","useQueryClient","negotiateMutation","useMutation","payload","fetcher","clientContractAction","onSuccess","invalidateQueries","handleClose","mutate","type","CONTROL_MODAL","close","NEGOTIATE_SIGN_MODAL","handleNegotiate","useCallback","negotiate","handleSign","accept","isOpen","includes","centered","toggle","className","i18nKey","components","b","id","color","onClick"],"mappings":"uUASe,SAASA,IAAmB,IAAD,EAE0BC,cAF1B,0BAE7BC,EAF6B,EAE7BA,MAAOC,EAFsB,EAEtBA,WAAYC,EAFU,EAEVA,gBAAiBC,EAFP,EAEOA,IAAOC,EAFd,KAI9BC,EAAMC,cAAND,EACFE,EAAcC,cAEJC,EAAsBC,aAAY,SAACC,GAAD,OAAaC,YAAQC,YAAqBZ,EAAY,YAAaU,GAAUR,KAC5H,CACCW,UAAW,WACPP,EAAYQ,kBAAkB,mBAC9BC,OAJAC,OAQFD,EAAc,WAChBZ,EAAS,CAAEc,KAAMC,IAAeC,MAAOC,OAGrCC,EAAkBC,uBAAY,WAChCd,EAAkB,CAAEe,WAAW,MAChC,CAACf,IAEEgB,EAAaF,uBAAY,WAC3Bd,EAAkB,CAAEiB,QAAQ,EAAMxB,sBACnC,CAACA,EAAiBO,IAErB,OACI,eAAC,IAAD,CAAOkB,OAAQ3B,EAAM4B,SAASP,KAAuBQ,UAAQ,EAA7D,UACI,cAAC,IAAD,CAAaC,OAAQd,EAArB,SACKX,EAAE,wCAEP,eAAC,IAAD,WACI,0BAAS0B,UAAU,oBAAnB,UACI,oBAAIA,UAAU,WAAd,SAA0B1B,EAAE,4CAC5B,mBAAG0B,UAAU,YAAb,SACI,cAAC,IAAD,CACIC,QAAQ,8CACRC,WAAY,CAAEC,EAAG,mCAI7B,0BAASH,UAAU,eAAnB,UACI,oBAAIA,UAAU,WAAd,SAA0B1B,EAAE,2CAC5B,mBAAG0B,UAAU,iBAAb,SACI,cAAC,IAAD,CACIC,QAAQ,6CACRC,WAAY,CAAEC,EAAG,sCAKjC,cAAC,IAAD,UACI,eAAC,IAAD,CAAaH,UAAU,qBAAvB,UACI,cAAC,IAAD,CAAQI,GAAG,YAAYC,MAAM,YAAYC,QAASf,EAAlD,SACKjB,EAAE,4CAEP,cAAC,IAAD,CAAQ8B,GAAG,WAAWC,MAAM,UAAUC,QAASZ,EAA/C,SACKpB,EAAE","file":"static/js/16.bba61cbc.chunk.js","sourcesContent":["import React, { useRef, useCallback } from 'react'\r\nimport { useTranslation, Trans } from 'react-i18next';\r\nimport { useMutation, useQueryClient } from 'react-query';\r\nimport { fetcher } from 'api/client';\r\nimport { useSign, CONTROL_MODAL, NEGOTIATE_SIGN_MODAL } from 'context/signview';\r\nimport { toast } from 'components/Shared/Toast';\r\nimport { clientContractAction } from 'api/actions/contracts';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Label, Input, ButtonGroup } from 'reactstrap';\r\n\r\nexport default function NegotiateOrSign() {\r\n\r\n    const [{ modal, contractId, currentVersions, jwt }, dispatch] = useSign();\r\n\r\n    const { t } = useTranslation();\r\n    const queryClient = useQueryClient();\r\n\r\n    const { mutate: negotiateMutation } = useMutation((payload) => fetcher(clientContractAction(contractId, 'negotiate', payload), jwt\r\n    ), {\r\n        onSuccess: () => {\r\n            queryClient.invalidateQueries('client-contract');\r\n            handleClose();\r\n        }\r\n    })\r\n\r\n    const handleClose = () => {\r\n        dispatch({ type: CONTROL_MODAL, close: NEGOTIATE_SIGN_MODAL });\r\n    }\r\n\r\n    const handleNegotiate = useCallback(() => {\r\n        negotiateMutation({ negotiate: true });\r\n    }, [negotiateMutation]);\r\n\r\n    const handleSign = useCallback(() => {\r\n        negotiateMutation({ accept: true, currentVersions });\r\n    }, [currentVersions, negotiateMutation]);\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(NEGOTIATE_SIGN_MODAL)} centered>\r\n            <ModalHeader toggle={handleClose}>\r\n                {t('sign.negotiate_or_sign_modal.title')}\r\n            </ModalHeader>\r\n            <ModalBody >\r\n                <section className=\"negotiate-section\">\r\n                    <h5 className=\"subtitle\">{t('sign.negotiate_or_sign_modal.negotiate')}</h5>\r\n                    <p className=\"text-body\">\r\n                        <Trans\r\n                            i18nKey=\"sign.negotiate_or_sign_modal.negotiate_body\"\r\n                            components={{ b: <strong /> }}\r\n                        />\r\n                    </p>\r\n                </section>\r\n                <section className=\"sign-section\">\r\n                    <h5 className=\"subtitle\">{t('sign.negotiate_or_sign_modal.continue')}</h5>\r\n                    <p className=\"text-body mb-0\">\r\n                        <Trans\r\n                            i18nKey=\"sign.negotiate_or_sign_modal.continue_body\"\r\n                            components={{ b: <strong /> }}\r\n                        />\r\n                    </p>\r\n                </section>\r\n            </ModalBody>\r\n            <ModalFooter>\r\n                <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                    <Button id=\"negotiate\" color=\"secondary\" onClick={handleNegotiate}>\r\n                        {t('sign.negotiate_or_sign_modal.negotiate')}\r\n                    </Button>\r\n                    <Button id=\"continue\" color=\"primary\" onClick={handleSign}>\r\n                        {t('sign.negotiate_or_sign_modal.continue')}\r\n                    </Button>\r\n                </ButtonGroup>\r\n            </ModalFooter>\r\n        </Modal>\r\n    )\r\n}"],"sourceRoot":""}