{"version":3,"sources":["components/Modals/SignView/Share.js"],"names":["ShareModal","t","useTranslation","useSign","modal","contractId","jwt","dispatch","useForm","mode","register","handleSubmit","errors","acceptAgreementMutation","useMutation","payload","fetcher","clientContractAction","onSuccess","data","success","handleClose","toast","mutate","useCallback","type","CONTROL_MODAL","close","SHARE_MODAL","handleSendShare","isOpen","includes","centered","onSubmit","toggle","className","name","placeholder","innerRef","required","email","onClick","color"],"mappings":"6XAwBe,SAASA,IAAc,IAE1BC,EAAMC,cAAND,EAFyB,EAIcE,cAJd,0BAIxBC,EAJwB,EAIxBA,MAAOC,EAJiB,EAIjBA,WAAYC,EAJK,EAILA,IAAOC,EAJF,OAMUC,YAAQ,CAAEC,KAAM,QAAnDC,EANyB,EAMzBA,SAAUC,EANe,EAMfA,aAAcC,EANC,EAMDA,OAEhBC,EAA4BC,aAAY,SAACC,GAAD,OAAaC,YAAQC,YAAqBZ,EAAY,cAAeU,GAAUT,KAAM,CACzIY,UAAW,SAACC,GACJA,EAAKC,UACLC,IACAC,IAAMF,QAAQnB,EAAE,4BAJpBsB,OASFF,EAAcG,uBAAY,kBAAMjB,EAAS,CAAEkB,KAAMC,IAAeC,MAAOC,QAAgB,CAACrB,IAExFsB,EAAkBL,uBAAY,SAACL,GACjCN,EAAwBM,KACzB,CAACN,IAEJ,OACI,cAAC,IAAD,CAAOiB,OAAQ1B,EAAM2B,SAASH,KAAcI,UAAQ,EAApD,SACI,eAAC,IAAD,CAAMC,SAAUtB,EAAakB,GAA7B,UACI,cAAC,IAAD,CAAaK,OAAQb,EAArB,SACKpB,EAAE,6BAEP,eAAC,IAAD,WACI,mBAAGkC,UAAU,kBAAb,SAAgClC,EAAE,4CAClC,eAAC,IAAD,WACI,cAAC,IAAD,UACI,eAAC,IAAD,WACI,eAAC,IAAD,WAAQA,EAAE,sCAAsC,sBAAMkC,UAAU,eAAhB,mBACzC,OAANvB,QAAM,IAANA,OAAA,EAAAA,EAAQwB,OAAQ,sBAAMD,UAAU,gCAAhB,SAAiDlC,EAAE,eACpE,cAAC,IAAD,CAAOwB,KAAK,OAAOW,KAAK,OAAOC,YAAapC,EAAE,kDAAmDqC,SAAU5B,EAAS,CAAE6B,UAAU,WAIxI,cAAC,IAAD,UACI,eAAC,IAAD,WACI,eAAC,IAAD,WAAQtC,EAAE,uCAAuC,sBAAMkC,UAAU,eAAhB,mBAC1C,OAANvB,QAAM,IAANA,OAAA,EAAAA,EAAQ4B,QAAS,sBAAML,UAAU,gCAAhB,SAAiDlC,EAAE,eACrE,cAAC,IAAD,CAAOwB,KAAK,QAAQW,KAAK,QAAQC,YAAapC,EAAE,mDAAoDqC,SAAU5B,EAAS,CAAE6B,UAAU,cAK/I,cAAC,IAAD,UACI,cAAC,IAAD,UACI,eAAC,IAAD,WACI,cAAC,IAAD,UAAQtC,EAAE,yCACV,cAAC,IAAD,CAAOwB,KAAK,OAAOW,KAAK,QAAQC,YAAapC,EAAE,mDAAoDqC,SAAU5B,cAM7H,cAAC,IAAD,UACI,eAAC,IAAD,CAAayB,UAAU,qBAAvB,UACI,cAAC,IAAD,CAAQM,QAASpB,EAAjB,SACKpB,EAAE,0CAEP,cAAC,IAAD,CAAQwB,KAAK,SAASiB,MAAM,UAA5B,SACKzC,EAAE","file":"static/js/18.0e428493.chunk.js","sourcesContent":["import React, { useState, useCallback } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useSign, CONTROL_MODAL, SHARE_MODAL } from 'context/signview';\r\nimport { useMutation } from 'react-query';\r\nimport { fetcher } from 'api/client';\r\nimport { clientContractAction } from 'api/actions/contracts';\r\nimport { toast } from 'components/Shared/Toast';\r\nimport clsx from 'clsx';\r\nimport {\r\n    Modal,\r\n    ModalHeader,\r\n    ModalBody,\r\n    Row,\r\n    Col,\r\n    ModalFooter,\r\n    Button,\r\n    Form,\r\n    FormGroup,\r\n    Label,\r\n    Input,\r\n    ButtonGroup\r\n} from 'reactstrap';\r\nimport { useForm } from 'react-hook-form'\r\n\r\nexport default function ShareModal() {\r\n\r\n    const { t } = useTranslation();\r\n\r\n    const [{ modal, contractId, jwt }, dispatch] = useSign();\r\n\r\n    const { register, handleSubmit, errors } = useForm({ mode: 'all' })\r\n\r\n    const { mutate: acceptAgreementMutation } = useMutation((payload) => fetcher(clientContractAction(contractId, 'guestinvite', payload), jwt), {\r\n        onSuccess: (data) => {\r\n            if (data.success) {\r\n                handleClose();\r\n                toast.success(t('common.send_success'))\r\n            }\r\n        }\r\n    })\r\n\r\n    const handleClose = useCallback(() => dispatch({ type: CONTROL_MODAL, close: SHARE_MODAL }), [dispatch]);\r\n\r\n    const handleSendShare = useCallback((data) => {\r\n        acceptAgreementMutation(data)\r\n    }, [acceptAgreementMutation]);\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(SHARE_MODAL)} centered>\r\n            <Form onSubmit={handleSubmit(handleSendShare)}>\r\n                <ModalHeader toggle={handleClose}>\r\n                    {t('sign.participants.share')}\r\n                </ModalHeader>\r\n                <ModalBody>\r\n                    <p className=\"text-muted mb-4\">{t('sign.participants.share_modal_subtitle')}</p>\r\n                    <Row>\r\n                        <Col>\r\n                            <FormGroup>\r\n                                <Label>{t('sign.participants.share_modal_name')}<span className=\"text-primary\">*</span></Label>\r\n                                {errors?.name && <span className=\"text-danger text-smaller ml-2\">{t('Requerido')}</span>}\r\n                                <Input type=\"text\" name=\"name\" placeholder={t('sign.participants.share_modal_name_placeholder')} innerRef={register({ required: true })} />\r\n                            </FormGroup>\r\n                        </Col>\r\n\r\n                        <Col>\r\n                            <FormGroup>\r\n                                <Label>{t('sign.participants.share_modal_email')}<span className=\"text-primary\">*</span></Label>\r\n                                {errors?.email && <span className=\"text-danger text-smaller ml-2\">{t('Requerido')}</span>}\r\n                                <Input type=\"email\" name=\"email\" placeholder={t('sign.participants.share_modal_email_placeholder')} innerRef={register({ required: true })} />\r\n                            </FormGroup>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                    <Row>\r\n                        <Col>\r\n                            <FormGroup>\r\n                                <Label>{t('sign.participants.share_modal_phone')}</Label>\r\n                                <Input type=\"text\" name=\"phone\" placeholder={t('sign.participants.share_modal_phone_placeholder')} innerRef={register} />\r\n                            </FormGroup>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                        <Button onClick={handleClose}>\r\n                            {t('sign.participants.share_modal_cancel')}\r\n                        </Button>\r\n                        <Button type=\"submit\" color=\"primary\">\r\n                            {t('sign.participants.share_modal_send')}\r\n                        </Button>\r\n                    </ButtonGroup>\r\n                </ModalFooter>\r\n            </Form>\r\n        </Modal >\r\n    )\r\n\r\n}"],"sourceRoot":""}