META-INF.resources.js.pages.envelope.EnvelopeList.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of com.liferay.digital.signature.web
Liferay Digital Signature Web
The newest version!
/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import ClayBadge from '@clayui/badge';
import {ClayButtonWithIcon} from '@clayui/button';
import ClayLabel from '@clayui/label';
import {format, sub as dateSub} from 'date-fns';
import {createResourceURL, fetch, sub} from 'frontend-js-web';
import React, {useContext} from 'react';
import {Link} from 'react-router-dom';

import {AppContext} from '../../AppContext';
import ListView from '../../components/list-view/ListView';
import {DOCUSIGN_STATUS} from '../../utils/contants';
import {toDateFromNow} from '../../utils/moment';

const COLUMNS = [
	{
		key: 'name',
		value: Liferay.Language.get('name'),
	},
	{
		key: 'emailSubject',
		value: Liferay.Language.get('email-subject'),
	},
	{
		key: 'senderEmailAddress',
		value: Liferay.Language.get('sender'),
	},
	{
		key: 'recipients',
		value: Liferay.Language.get('recipients'),
	},
	{
		key: 'status',
		value: Liferay.Language.get('status'),
	},
	{
		key: 'createdLocalDateTime',
		sortable: true,
		value: Liferay.Language.get('create-date'),
	},
];

const FILTERS = [
	{
		defaultText: Liferay.Language.get('all'),
		items: [
			{
				label: sub(Liferay.Language.get('last-x-months'), 12),
				value: format(dateSub(new Date(), {months: 12}), 'yyyy-MM-dd'),
			},
			{
				label: sub(Liferay.Language.get('last-x-months'), 6),
				value: format(dateSub(new Date(), {months: 6}), 'yyyy-MM-dd'),
			},
			{
				label: sub(Liferay.Language.get('last-x-days'), 30),
				value: format(dateSub(new Date(), {months: 1}), 'yyyy-MM-dd'),
			},
			{
				label: Liferay.Language.get('last-week'),
				value: format(dateSub(new Date(), {days: 7}), 'yyyy-MM-dd'),
			},
			{
				label: sub(Liferay.Language.get('last-x-hours'), 24),
				value: format(dateSub(new Date(), {days: 1}), 'yyyy-MM-dd'),
			},
		],
		key: 'from_date',
		name: Liferay.Language.get('filter-by-date'),
	},
	{
		items: [
			{label: 'Completed', value: 'completed'},
			{label: 'Created', value: 'created'},
			{label: 'Declined', value: 'declined'},
			{label: 'Deleted', value: 'deleted'},
			{label: 'Delivered', value: 'delivered'},
			{label: 'Processing', value: 'processing'},
			{label: 'Sent', value: 'sent'},
			{label: 'Signed', value: 'signed'},
			{label: 'Template', value: 'template'},
			{label: 'Voided', value: 'voided'},
		],
		key: 'status',
		multiple: false,
		name: Liferay.Language.get('filter-by-status'),
	},
];
const getEnvelopeStatus = (status) =>
	DOCUSIGN_STATUS[status] || {color: 'secondary', label: status};
const EnvelopeList = ({history}) => {
	const {baseResourceURL} = useContext(AppContext);

	return (
		
			 {
							window.open(
								createResourceURL(baseResourceURL, {
									dsEnvelopeId: envelopeId,
									p_p_resource_id:
										'/digital_signature/get_ds_documents_as_bytes',
								}),
								'_blank'
							);
						},
						name: Liferay.Language.get('download'),
					},
				]}
				addButton={() => (
					 history.push('/new-envelope')}
						symbol="plus"
					/>
				)}
				columns={COLUMNS}
				customFetch={async ({params}) => {
					const response = await fetch(
						createResourceURL(baseResourceURL, {
							p_p_resource_id:
								'/digital_signature/get_ds_envelopes',
							...params,
						})
					);

					return response.json();
				}}
				defaultSort="desc"
				filters={FILTERS}
				history={history}
			>
				{({
					envelopeId,
					emailSubject,
					name = Liferay.Language.get('untitled-envelope'),
					createdLocalDateTime,
					senderEmailAddress,
					status,
					recipients: {signers = []},
				}) => ({
					createdLocalDateTime: toDateFromNow(createdLocalDateTime),
					emailSubject,
					envelopeId,
					name: {name},
					recipients: (
						
							{signers[0]?.name}

							{signers.length > 1 && (
								
							)}
						
					),
					senderEmailAddress,
					status: (
						
							{getEnvelopeStatus(status).label}
						
					),
				})}
			
		
	);
};
export default EnvelopeList;