![\"loading\"](\"/images/loader-transparent.gif\")
\r\n )\r\n}\r\n\r\nexport default TratoLoader\r\n","export const fetchGroups = () => ({\r\n method: 'GET',\r\n url: '/collaboration/contract/5eeeab487ab2da14e9f6d790/members'\r\n});\r\n\r\nexport const fetchMembersOnly = () => ({\r\n method: 'GET',\r\n url: '/collaboration/membersOnly'\r\n});\r\n\r\nexport const fetchGroupsOnly = () => ({\r\n method: 'GET',\r\n url: '/collaboration/groupsOnly'\r\n});\r\n\r\nexport const fetchMembers = ({ contractId, documentType = 'contract' }) => ({\r\n method: 'GET',\r\n url: `/collaboration/${documentType}/${contractId}/members`\r\n})\r\n\r\nexport const fetchContractCollaborators = ({ contractId, type = 'watchers' }) => ({\r\n method: 'GET',\r\n url: `/collaboration/contracts/${contractId}/collaborators?type=${type}`\r\n})\r\n\r\nexport const sendMessage = ({ contractId, ...data }) => ({\r\n method: 'POST',\r\n url: `/ncontracts/${contractId}/sendmessage`,\r\n data\r\n})\r\n\r\nexport const sendSpecialApproval = ({ contractId, ...data }) => ({\r\n method: 'POST',\r\n url: `/collaboration/approval/special/${contractId}`,\r\n data\r\n})\r\n\r\nexport const delegateGroup = ({ contractId, ...data }) => ({\r\n method: 'POST',\r\n url: `/collaboration/delegate/${contractId}/5b45a2c99d772c8a834e3149/group`,\r\n data\r\n})\r\n\r\nexport const createReviewComment = ({ documentType, contractId, elementId, ...data }) => ({\r\n method: 'POST',\r\n url: `/collaboration/comments/${documentType}/${contractId}/${elementId}`,\r\n data\r\n})\r\n\r\nexport const respondReviewComment = ({ documentType, contractId, elementId,commentId, ...data }) => ({\r\n method: 'PATCH',\r\n url: `/collaboration/comments/${documentType}/${contractId}/${elementId}/${commentId}`,\r\n data\r\n})\r\n\r\nexport const respondParticipantComment = ({ contractId, ...data }) => ({\r\n method: 'POST',\r\n url: `/client/contracts/${contractId}/answercommentelement`,\r\n data\r\n})\r\n\r\nexport const deleteReviewComment = ({ documentType, contractId, elementId, commentId, ...data }) => ({\r\n method: 'DELETE',\r\n url: `/collaboration/comments/${documentType}/${contractId}/${elementId}/${commentId}`,\r\n data\r\n})\r\n\r\nexport const createConversationComment = ({ documentType, contractId, ...data }) => ({\r\n method: 'POST',\r\n url: `/collaboration/conversation/${documentType}/${contractId}`,\r\n data\r\n})\r\n\r\nexport const respondConversationComment = ({ documentType, contractId, commentId, ...data }) => ({\r\n method: 'PATCH',\r\n url: `/collaboration/conversation/${documentType}/${contractId}/${commentId}`,\r\n data\r\n})\r\n\r\nexport const respondSignComment = ({ documentType, contractId, ...data }) => ({\r\n method: 'POST',\r\n url: `/client/contracts/${contractId}/answercomment`,\r\n data\r\n})\r\n\r\n","export const availableLanguagues = ['ES', 'EN', 'PT', 'DE'];\r\n\r\nexport const archiverFolder = '000000000000000000000000';\r\n\r\nexport const undefinedEndDate = '4000-12-12T06:00:00.000Z';\r\n\r\nexport const nonEditableStatus = ['CANCELED'];\r\n\r\nexport const statusesMapper = {\r\n PARA_FONDEAR:\r\n {\r\n title: 'TO_FUND',\r\n icon: 'fa-dollar-sign',\r\n },\r\n ESPERANDO_CONFIGURACION_DUENO:\r\n {\r\n title: 'WAITING_OWNER_CONFIGURATION',\r\n icon: 'fa-user-clock',\r\n },\r\n ESPERANDO_APROBACION_DUENO:\r\n {\r\n title: 'WAITING_OWNER_APPROVAL',\r\n icon: 'fa-user-clock',\r\n },\r\n TOMAR_NEGOCIACION:\r\n {\r\n title: 'TAKE_OR_ACCEPT_NEGOTIATION',\r\n icon: 'fa-hand-sparkles',\r\n },\r\n SUBIR_VERSION_NEGOCIACION:\r\n {\r\n title: 'NEGOTIATION_TAKEN',\r\n icon: 'fa-upload',\r\n },\r\n ESPERANDO_AL_OTRO_NEGOCIACION_DOCUMENTO:\r\n {\r\n title: 'WAITING_TO_NEGOTIATION',\r\n icon: 'fa-user-clock',\r\n },\r\n COMPLETAR:\r\n {\r\n title: 'READY_TO_FILL',\r\n icon: 'fa-tasks',\r\n },\r\n ESPERANDO_COMPLETADO:\r\n {\r\n title: 'WAITING_TO_FILL',\r\n icon: 'fa-user-clock',\r\n },\r\n ESPERANDO_AL_OTRO:\r\n {\r\n title: 'WAITING_TO_NEGOTIATION',\r\n icon: 'fa-user-clock',\r\n },\r\n ACEPTAR:\r\n {\r\n title: 'READY_TO_NEGOTIATE',\r\n },\r\n REQUIERE_GRABAR_CONSENTIMIENTO:\r\n {\r\n title: 'GENERATE_AGREEMENT',\r\n icon: 'fa-camera',\r\n },\r\n ESPERANDO_VALIDACION:\r\n {\r\n title: 'WAITING_AGREEMENT_VALIDATION',\r\n icon: 'fa-user-clock',\r\n },\r\n ESPERANDO_VALIDACION_ID:\r\n {\r\n title: 'WAITING_ID_VALIDATION',\r\n icon: 'fa-user-clock',\r\n },\r\n REQUIERE_VERIFICAR_IDENTIDAD:\r\n {\r\n title: 'MUST_VERIDOC',\r\n icon: 'fa-user-clock',\r\n },\r\n LISTO_PARA_FIRMAR:\r\n {\r\n title: 'READY_TO_SIGN',\r\n icon: 'fa-file-signature',\r\n },\r\n NO_ES_MI_TURNO:\r\n {\r\n title: 'NOT_YOUR_TURN',\r\n icon: 'fa-user-clock',\r\n },\r\n SUBIR_VERSION:\r\n {\r\n title: 'UPLOAD_VERSION',\r\n icon: 'fa-upload',\r\n },\r\n SUBIR_VERSION_WORD:\r\n {\r\n title: 'UPLOAD_VERSION',\r\n icon: 'fa-upload',\r\n },\r\n DESCARGAR:\r\n {\r\n title: 'DOWNLOAD',\r\n icon: 'fa-download',\r\n },\r\n FIRMADO:\r\n {\r\n title: 'NOT_YOUR_TURN',\r\n icon: 'fa-check',\r\n }\r\n}\r\n\r\nexport const SCREEN_OPTIONS = {\r\n PAGARE_TUTORIAL: 'PAGARE_TUTORIAL',\r\n CONFIDENTIAL_ATTACHMENTS_TUTORIAL: 'CONFIDENTIAL_ATTACHMENTS_TUTORIAL',\r\n UPLOAD_DOWNLOAD_VERSION_TUTORIAL: 'UPLOAD_DOWNLOAD_VERSION_TUTORIAL',\r\n COMMENTS_TUTORIAL: 'COMMENTS_TUTORIAL',\r\n NEGOTIATE_OR_SIGN_TUTORIAL: 'NEGOTIATE_OR_SIGN_TUTORIAL',\r\n SIGN_TUTORIAL: 'SIGN_TUTORIAL',\r\n HELP_TUTORIAL: 'HELP_TUTORIAL',\r\n}\r\n\r\nexport const Tabs = [\r\n 'negotiation_tab',\r\n 'complete_tab',\r\n 'annexes_tab',\r\n 'sharedocs_tab',\r\n 'blockchain_tab'\r\n]","import { useMutation } from 'react-query';\r\nimport { toast } from 'components/Shared/Toast';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport { fetcher } from 'api/client';\r\nimport { uploadFileV2 } from 'api/actions/file';\r\n\r\n\r\nexport default function useFileUpload(options = {}) {\r\n const { t } = useTranslation();\r\n const { mutate: mutateUploadFile, ...uploadFileState } = useMutation(({file,...payload}) => fetcher(uploadFileV2(file, options.onUploadProgress, undefined, payload), options.jwt), {\r\n ...options,\r\n onError: (error) => {\r\n toast.error(t(`errors.${error.message}`, t('errors.GeneralError')))\r\n if(options && options.onError) options.onError(error)\r\n }\r\n })\r\n\r\n\r\n const chooseFileAndUploadFile = (data, options) => {\r\n\r\n const eleInput = document.createElement('input');\r\n eleInput.type = 'file';\r\n eleInput.style.display = 'none';\r\n eleInput.accept = options.accept ?? 'application/pdf';\r\n eleInput.onchange = (e) => {\r\n const file = e.target.files[0];\r\n\r\n if (file) {\r\n mutateUploadFile({ ...data, file }, options)\r\n }\r\n };\r\n eleInput.click();\r\n \r\n }\r\n\r\n return { uploadFileState, uploadFile: mutateUploadFile, chooseFileAndUploadFile }\r\n}","import useDebounce from './useDebounce'\r\n\r\nexport default useDebounce;","import React, { useState, useEffect } from 'react';\r\n\r\n// Our hook\r\nexport default function useDebounce(value, delay) {\r\n // State and setters for debounced value\r\n const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n useEffect(\r\n () => {\r\n // Set debouncedValue to value (passed in) after the specified delay\r\n const handler = setTimeout(() => {\r\n setDebouncedValue(value);\r\n }, delay);\r\n\r\n // Return a cleanup function that will be called every time ...\r\n // ... useEffect is re-called. useEffect will only be re-called ...\r\n // ... if value changes (see the inputs array below). \r\n // This is how we prevent debouncedValue from changing if value is ...\r\n // ... changed within the delay period. Timeout gets cleared and restarted.\r\n // To put it in context, if the user is typing within our app's ...\r\n // ... search box, we don't want the debouncedValue to update until ...\r\n // ... they've stopped typing for more than 500ms.\r\n return () => {\r\n clearTimeout(handler);\r\n };\r\n },\r\n // Only re-call effect if value changes\r\n // You could also add the \"delay\" var to inputs array if you ...\r\n // ... need to be able to change that dynamically.\r\n [value, delay] \r\n );\r\n\r\n return debouncedValue;\r\n}\r\n","/* eslint-disable import/first */\r\nimport React, { useCallback, useRef } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport clsx from \"clsx\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst DragZone = (props) => {\r\n const {\r\n imgSrc,\r\n icon,\r\n label,\r\n className,\r\n acceptedFiles = \"application/pdf\",\r\n maxSize = 25000000,\r\n multiple = false,\r\n noClick,\r\n version = 1,\r\n handleFile,\r\n maxFiles = 1,\r\n onDrop,\r\n onDropRejected,\r\n } = props;\r\n const { t } = useTranslation();\r\n const { getRootProps, getInputProps, open } = useDropzone({\r\n accept: acceptedFiles,\r\n maxSize: maxSize,\r\n onDrop : onDrop || handleFile,\r\n noClick,\r\n multiple: multiple,\r\n noKeyboard: true,\r\n maxFiles,\r\n onDropRejected\r\n });\r\n\r\n return (\r\n {label}
\r\n
\r\n ![{f.name}](\"/images/pdf.png\" "{f.name}")
\r\n {Job.completed ?\r\n \r\n :\r\n \r\n }\r\n handleDelete(f._id)}\r\n style={{ position: 'absolute', float: 'left', left: '10px', top: '5px' }}>\r\n ![{'Add'}](\"/images/pdf_plus.png\")
\r\n {isLoading &&\r\n \r\n }\r\n \r\n {file.name}
\r\n ))}\r\n {\r\n !doc.files.length &&\r\n{t('editor.variables.no_file')}
\r\n }\r\n
\r\n ![\"icon\"](\"/images/editor/icons/spectators/icon.png\"){kind=icon}
\r\n \r\n \r\n {t('contracts.negotiation.visualize')}\r\n
\r\n\r\n {t('contracts.negotiation.compare')}\r\n
\r\nSomething went wrong:
\r\n{error.message}\r\n {t('wordList.plans.availableOnPE')}
\r\n{t('wordList.plans.knowmore')}
\r\n {t('wordList.plans.see_plans')}\r\n
\r\n {signInOrder && {typeof participant.signOrder !== 'undefined' ? participant.signOrder + 1 : index} } {/** participant.signOrder ? participant.signOrder + 1 : */}\r\n {t('sign.sign.delegate_subtitle')}
}\r\n
\r\n {data.label}\r\n \r\n {data.label}\r\n 
\r\n {data.label}\r\n 
\r\n \r\n {t('editor.suggestions.modal_instruction')}\r\n
\r\n| \r\n | Id | \r\n{t('reports.externalId')} | \r\n{t('reports.name')} | \r\n{t('reports.created')} | \r\n{t('reports.user')} | \r\n{t('reports.creator')} | \r\n{t('reports.type')} | \r\n{t('reports.template')} | \r\n{t('reports.group')} | \r\n{t('reports.application')} | \r\n{t('reports.deleted')} | \r\n{t('reports.status')} | \r\n{t('reports.link')} | \r\n{t('reports.participants')} | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | {r.documentId} | \r\n{r.externalId || '-'} | \r\ngetEvents(r._id)}>{r.name} | \r\n{parseDate(r.createdAt, 'P')} | \r\n{r.user?.givenName} {r.user?.familyName} | \r\n{r.creator?.givenName} {r.creator?.familyName} | \r\n{r.type?.name} | \r\n{r.template?.name} | \r\n{r.group?.name} | \r\n{r.isApplication ? t('reports.yes') : t('reports.no')} | \r\n{r.deleted ? t('reports.yes') : t('reports.no')} | \r\n{' '} | \r\n\r\n {\r\n r.participants?.map((p) => (\r\n \r\n {p.email} {p.status ? `- ${t('contracts.status.' + p.status)}` : ''}\r\n \r\n ))\r\n }\r\n | \r\n |
| {t('reports.no_documents')} |
| {t('reports.metric')} | \r\n{t('reports.value')} | \r\n
|---|---|
| {t(`reports.${r.metric}`)} | \r\n\r\n {r?.minutes || (r.value === 'N/A' && t('reports.no_time')) || r.value}\r\n {(r.unit === 'percentage' && '%') || (r.unit === 'time' && r.value !== 'N/A' && ' minutos') || ''}\r\n | \r\n
| \r\n {t('dashboard.label.date')}\r\n | \r\n{t('dashboard.label.activity')} | \r\n\r\n {t('dashboard.label.docnum')}\r\n | \r\n
|---|---|---|
| {parseDate(event.eventDate, 'PP')} | \r\n\r\n {event.who} {t(`events.${event.type}`)} {event.to}{' '}\r\n | \r\n \r\n \r\n {event.contract?.documentId}\r\n \r\n | \r\n
| \r\n {t('dashboard.label.date')}\r\n | \r\n {/* {t('editor.notifications.date')} Fecha de envio */}\r\n{t('dashboard.label.document')} | \r\n\r\n {t('dashboard.label.comments')}\r\n | \r\n
|---|---|---|
| {e?.eventDate} | \r\n\r\n \r\n {e?.name}\r\n \r\n | \r\n{e?.comments} | \r\n
\r\n {t('contracts.new.source_title')}\r\n
\r\n\r\n\r\n {t(source)}\r\n
\r\n\r\n {parseDate(new Date().toISOString(), 'P')}\r\n
\r\n\r\n{c.type && c.type.name}
\r\n\r\n {/* {c.uploadMethod} */}\r\n
\r\n{contract.type && contract.type.name}
\r\n\r\n Error\r\n
\r\n\r\n {t(`errors.${error.error}`)}\r\n
\r\n{t('contracts.new.source_title')}
\r\n{t(source)}
\r\n{t('contracts.new.name_title')}
\r\n{contract.name}
\r\n{t('reports.tableHeaders.created')}
\r\n{parseDate(new Date().toISOString(), 'P')}
\r\n \r\n }\r\n footer={\r\n <>\r\n{t('frontDesk.no_questions')}
\r\n )\r\n }\r\n\r\n {file.name} - {file.size}\r\n
\r\n )}\r\n\r\n \r\n \r\n }\r\n footer={\r\n <>\r\n\r\n {t('contracts.reference.instructions')}\r\n
\r\n\r\n
{t('contracts.duplicate.options')}:
\r\n\r\n
¿A partir de donde quieres renovar el documento?
\r\n{t('contracts.duplicate.options')}:
\r\n\r\n {t('move.choose_destination')}\r\n
\r\n\r\n {' '} {who} {t(`events.${type}`)} {to}\r\n
\r\n {' '}{properties?.document}\r\n {type === 'extra' && {' '}{properties?.filename}}\r\n {type === 'set-expire' &&\r\n\r\n {' '}{properties.attachment} {t('contracts.timeline.expires')} {parseDate(properties.date, 'PPp')}\r\n
\r\n }\r\n{t('events.vobo-representing')} {group_to.name}
\r\n }\r\n\r\n {type === 'reset-status' &&\r\n\r\n {t('events.vobos-deleted')}\r\n
\r\n }\r\n\r\n- {properties.attachment}
\r\n }\r\n {['add-voters', 'comment', 'send', 'send-sign', 'send-fill', 'send-negotiation', 'send-accept', 'send-sign-order', 'send-fill-order', 'send-download'].includes(type) &&\r\n <>\r\n {properties.participants?.map((participant, index) => (\r\n{t('contracts.timeline.reason')}: \"{properties.comment}\"
\r\n }\r\n {timeline.hash &&\r\n <>\r\n{timeline.hash}
\r\n \r\n }\r\n {['milestone-attachment-add', 'milestone-attachment-delete'].includes(type) &&\r\n\r\n {t('events.filename')} :\r\n \r\n {properties.filename}\r\n \r\n
\r\n :\r\n\r\n {t('events.filename')}: {properties.filename}\r\n
\r\n }\r\n \r\n\r\n {t('contracts.timeline.message')}:\r\n \"{properties.comment}\"\r\n
\r\n \r\n }\r\n {properties?.reason &&\r\n <>\r\n\r\n {t('contracts.timeline.message')}:\r\n \"{properties.reason}\"\r\n
\r\n \r\n }\r\n {\r\n timeline.blockchainTx &&\r\n\r\n Blockchain Tx:\r\n {timeline.blockchainTx}\r\n
\r\n }\r\n {/* {timeline.version &&\r\n{timeline.version}
\r\n{t('contracts.timeline.Address')}: {timeline.blockchainHash}
\r\n{t('contracts.timeline.Hash')}: {properties.blockchainLog.hash}
\r\n\r\n {properties.blockchainLog.from &&\r\n{t('contracts.timeline.Address_from')}: {properties.blockchainLog.from}
\r\n }\r\n {properties.blockchainLog.to &&\r\n{t('contracts.timeline.Address_to')}: {properties.blockchainLog.to}
\r\n }\r\n {!timeline.confirmed && timeline.type.includes('-init') &&{t('contracts.timeline.executing')}
}\r\n {/* {properties?.blockchainLog?.gasUsed &&{t('contracts.timeline.Gas')}: {properties.blockchainLog.gasUsed}
}\r\n {properties?.blockchainLog?.amount &&{t('contracts.timeline.Amount')}: {properties.blockchainLog.amount} ETH
}\r\n {properties?.blockchainLog?.fee &&{t('contracts.timeline.Fee')}: {properties.blockchainLog.fee} ETH
} */}\r\n{t('contracts.documents.description')}
\r\nidentifier: {result.idenfier}
\r\nfrontImage: {result.frontImage}
\r\nbackImage: {result.backImage}
\r\ndocumentPortraitImage: {result.documentPortraitImage}
\r\nfaceImage: {result.faceImage}
\r\ndocumentData: {result.documentData}
*/}\r\n{t('wordList.plans.availableOnPE')}
\r\n{t('wordList.plans.knowmore')}
\r\n \r\n {t('wordList.plans.see_plans')}\r\n{t('contracts.collaborators.description')}
\r\n\r\n {message ?\r\n message\r\n :\r\n
\"{properties?.comment}\"
\r\n
\r\n
{contract.documentId} - {contract.name}
\r\n\r\n \r\n{contract.user?.givenName} {contract.user?.familyName}
\r\n\r\n \r\n{contract.creator?.givenName} {contract.creator?.familyName}
\r\n\r\n \r\n{t(`contracts.status.${contract.status}`)}
\r\n\r\n \r\n{parseDate(contract.createdAt, dateFormat)}
\r\n\r\n \r\n {contract.expiryUndefined ?\r\n{t('contracts.properties.expiryUndefined')}
\r\n :{parseDate(contract.expiryEndDate, dateFormat)}
\r\n }\r\n\r\n \r\n{t('contracts.payments.description')}
\r\n\r\n {event.subtitle}\r\n
\r\n![\"\"](\"/images/ui/pagare.svg\")
:\r\n ![\"smart\"](\"/images/ui/smart-bulb.png\")
\r\n }\r\n {t('blockchain.name')}
\r\n{contract.name}
\r\n{t('blockchain.pagareId')}
\r\n{contract.pagareId}
\r\n{t('blockchain.owner')}
\r\n{contract.user?.givenName} {contract.user?.familyName}
\r\n{t('blockchain.participants')}
\r\n {contract.participants?.map((p, index) =>{index + 1}. {p.name} {p.obligation === 'individual' ? p.last_name : ''}
)}\r\n{t('blockchain.address')}
\r\n{contract._address}{/*' '}*/}
\r\n \r\n{t('blockchain.status')}
\r\n\r\nMD5
\r\n\r\n {/* {md5 ||
{t('blockchain.acreedor')}
\r\n\r\n {acreedor ? {acreedor} :
{t('blockchain.endorsableTo')}
\r\n\r\n {endorsableTo}\r\n
\r\n{t('Agenda')}
}\r\n \r\n {agendaFields.map(field => {\r\n if (!agendaFieldsInDocument.some(a => a?.includes(field.propertyName))) return null;\r\n return (\r\n{t('frontDesk.variables')}
\r\n![](\"/images/editor/icons/line-height.svg\"){kind=icon}
\r\n \r\n ![\"office\"](\"/images/office365.png\")
\r\n \r\n {t('editor.action.edit_in_wordonline')}\r\n
\r\n![](\"/images/ui/word-online.png\")
\r\n {t('editor.action.edit_word_online')}\r\n ![\"\"](\"/images/buho-avatar.png\"){kind=avatar}
\r\n {last?.message}
*/}\r\n\r\n {last?.message}
\r\n\r\n \r\n ![\"owl\"](\"/images/owl-logo.svg\"){kind=logo}
\r\n {text}\r\n \r\n
{t('contracts.negotiation.autor')}: {user}
\r\n\r\n {parseDate(modified, 'Pp')}{ }\r\n
\r\n\r\n {url ?\r\n \r\n :\r\n \r\n }\r\n {' '}{name}{required ? '*' : ''}
\r\n \r\n {filename}\r\n \r\n {url &&\r\n\r\n {t('sign.contract.attachment_description')}\r\n
\r\n\r\n {' '}{name}
\r\n \r\n\r\n {t('contracts.collaborators.contract')}\r\n
\r\n {contract.documentId} - {contract.name} ({t(`contracts.status.${contract.status}`)}){t('Da click en un documento para visualizar su contenido')}
\r\n\r\n {t('Documento Principal')}\r\n\r\n {comment.message}\r\n
\r\n {!isAnswer &&\r\n \r\n \r\n {hideAnswers ?\r\n t('sign.contract.comments_show_answers') :\r\n t('sign.contract.comments_hide_answers')\r\n }\r\n \r\n \r\n }\r\n{t(isPdf ? 'sign.contract.comments_pdf_empty' : 'sign.chat.no_comments')}
\r\n}\r\n\r\nfunction SendFooter({ isPdf }) {\r\n\r\n const { t } = useTranslation();\r\n\r\n const { contractId, commentElementId, jwt } = useSignState();\r\n\r\n const queryClient = useQueryClient();\r\n\r\n const { mutate: doCommentMutation } = useMutation((payload) => fetcher(clientContractAction(contractId, isPdf ? 'comments' : 'commentelement', payload), jwt), {\r\n onSuccess: () => {\r\n // TODO\r\n // queryClient.setQueryData('client-contract', data)\r\n queryClient.invalidateQueries('client-contract')\r\n }\r\n })\r\n\r\n const commentRef = useRef();\r\n\r\n const handleSendComment = () => {\r\n const message = commentRef.current.value;\r\n doCommentMutation({ answers: [], message, elementId: commentElementId });\r\n commentRef.current.value = '';\r\n }\r\n\r\n return (\r\n{t('sign.contract.element_not_selected')}
\r\n }\r\n| {t('sign.participants.name')}: | \r\n{name} | \r\n
| Email: | \r\n{email} | \r\n
| {t('sign.participants.obligation')}: | \r\n{label} | \r\n
| {t('sign.participants.status')}: | \r\n\r\n {' '}\r\n {t(`contracts.status_v2.${statusText || ''}`)}\r\n | \r\n
| {t('sign.participants.signature_date')}: | \r\n{parseDate(signDate, 'Pp')} | \r\n
![\"loading\"](\"/images/logo-01.svg\"){kind=logo}
\r\n ![\"loading\"](\"/images/loading.svg\")
\r\n {t(mapError(warningMessage), { context: warningMessage === 'contractCanceled' && hasParticipantCanceled ? 'by': undefined, name: participantThatCanceled?.obligation === 'legal' ? `${participantThatCanceled?.name}` : `${participantThatCanceled?.name} ${participantThatCanceled?.last_name || ''}` })}
\r\n {t('sign.status.back_to_trato')}\r\n{t('sign.wait.loading')}
\r\n\r\n \r\n {warningMessage === 'isPasswordProtected' ?\r\n \r\n \r\n \r\n {event.subtitle}\r\n
\r\n
\r\n ![\"folder\"](\"/images/listing/folder.png\")
\r\n {t('minidashboard.' + mini.title)}
\r\n| \r\n | \r\n handleSort('documentId')}> | \r\n handleSort('name')}> | \r\n {columns.includes('milestone') && profileAbility.can('read', 'Contract', 'milestones') && {t('contracts.milestones.progress')} | }\r\n {columns.includes('creator') && handleSort('creator')}> | }\r\n {columns.includes('user') && handleSort('user')}> | }\r\n {columns.includes('participants') && handleSort('participants')}> | }\r\n {columns.includes('entered') && {t('contracts.listing.entered')} | }\r\n {columns.includes('created') && handleSort('createdAt')}> | }\r\n {columns.includes('days') && {t('contracts.listing.ddays')} | }\r\n {columns.includes('status') && handleSort('status')}> | }\r\n {columns.includes('signature') && handleSort('signatureType')}> | }\r\n\r\n\r\n \r\n | \r\n
|---|
\r\n {t('metadata.configure_conditions')}\r\n
\r\n| \r\n | {t('risks.listing.header_type')} | \r\n{t('risks.listing.header_name')} | \r\n{t('risks.listing.header_contract_status')} | \r\n{t('risks.listing.header_updated')} | \r\n{t('risks.listing.header_days')} | \r\n{t('risks.listing.header_status')} | \r\n{t('risks.listing.header_owner')} | \r\n{t('risks.listing.header_actions')} | \r\n
|---|---|---|---|---|---|---|---|---|
| {t('risks.listing.empty')} | ||||||||
| \r\n | \r\n
\r\n {t('workflow.new.description')}\r\n
\r\n\r\n![\"\"](\"/images/workflow/workflow.png\")
\r\n \r\n {isSuccess &&\r\n \r\n }\r\n \r\n {t('records.add_collaborators')}\r\n
\r\n![](\"/images/detail/user-internal.png\")
\r\n ![\"\"](\"/images/listing/pdf_document.png\")
:\r\n wordonline ? ![\"\"](\"/images/listing/word_document.png\")
:\r\n ![\"\"](\"/images/listing/document.png\")
\r\n }\r\n {user.givenName} {user.familyName}
\r\n| \r\n | \r\n | {t('templates.listing.name')} | \r\n{t('templates.listing.created')} | \r\n{t('templates.listing.updated')} | \r\n{t('templates.listing.type')} | \r\n{t('templates.listing.description')} | \r\n{t('templates.listing.owner')} | \r\n\r\n |
|---|
\r\n ![\"\"](\"/images/word.png\")
\r\n Microsoft Word
\r\n![\"\"](\"/images/en-blanco.png\")
\r\n {t('templates.new.blank_title')}
\r\n| {column.render('Header')} | \r\n ))}\r\n\r\n | |||
|---|---|---|---|---|
| {column.render('CheckboxCell', { value: newData[column.id] })} | ,\r\n 'select':{column.render('SelectableCell', { value: newData[column.id] })} | ,\r\n 'input':{column.render('Cell', { value: newData[column.id] })} | ,\r\n }[column.type]\r\n ))}\r\n\r\n | \r\n |
| {cell.render('CheckboxCell')} | ,\r\n 'select':{cell.render('SelectableCell')} | ,\r\n 'input':{cell.render('Cell')} | ,\r\n 'link':{cell.render('LinkCell')} | ,\r\n }[cell.column.type]\r\n ))}\r\n\r\n | \r\n
| \r\n \r\n \r\n \r\n \r\n {pageIndex + 1} / {pageOptions.length}\r\n \r\n \r\n \r\n \r\n {/* ({data.length}) */}\r\n | \r\n
\r\n {t('profile.contracttypes.add')}\r\n {!showCreate && }\r\n
\r\n {isSuccess &&\r\n{t('ó Ingresa tu dirección')}
\r\n \r\n \r\n\r\n {t('profile.notifications.add')}\r\n \r\n
\r\n| URL | \r\nSlack | \r\n{t('profile.notifications.events_title')} | \r\n\r\n |
|---|
\r\n {t('profile.security.twofactor_description')}\r\n
\r\n {/* {t('profile.security.twofactor_cancel')} */}\r\n\r\n {t('delegationrules.add')}\r\n {!showCreate && }\r\n
\r\n {isSuccess &&\r\n\r\n \r\n ![\"\"](\"/images/slack.svg\")
\r\n ![\"Powered](\"/images/powered-by-trato.png\")
}\r\n {title}
\r\n| \r\n | \r\n {columns.map(col => (\r\n {col.title} | \r\n ))}\r\n { !!actions.length &&}\r\n |
|---|