Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mets.corals.io/wp-content/plugins/give/src/Donations/resources/ |
import {__, sprintf} from '@wordpress/i18n';
import {useSWRConfig} from 'swr';
import {ListTableColumn, ListTablePage} from '@givewp/components';
import RowAction from "@givewp/components/ListTable/RowAction";
import ListTableApi from '@givewp/components/ListTable/api';
import tableStyles from "@givewp/components/ListTable/ListTablePage.module.scss";
import styles from './ListTable.module.scss';
import {IdBadge} from "@givewp/components/ListTable/TableCell";
import {BulkActionsConfig, FilterConfig, ShowConfirmModalContext} from "@givewp/components/ListTable";
import {useContext} from "react";
import {DonationType} from "@givewp/components/ListTable/TypeBadge";
declare global {
interface Window {
GiveDonations;
}
}
const API = new ListTableApi(window.GiveDonations);
export default function () {
const {mutate} = useSWRConfig();
const rowActions = ({item, removeRow, setUpdateErrors, parameters}) => {
const showConfirmModal = useContext(ShowConfirmModalContext);
const fetchAndUpdateErrors = async (parameters, endpoint, id, method) => {
const response = await API.fetchWithArgs(endpoint, {ids: [id]}, method);
setUpdateErrors(response);
await mutate(parameters);
return response;
}
const deleteItem = async (selected) => await fetchAndUpdateErrors(parameters, '/delete', item.id, 'DELETE');
const confirmDelete = (selected) => (
<p>
{sprintf(__('Really delete donation #%d?', 'give'), item.id)}
</p>
);
const confirmModal = (event) => {
showConfirmModal(__('Delete', 'give'), confirmDelete, deleteItem, 'danger');
}
return (
<>
<RowAction
href={window.GiveDonations.adminUrl + `edit.php?post_type=give_forms&page=give-payment-history&view=view-payment-details&id=${item.id}`}
displayText={__('View/Edit', 'give')}
/>
<RowAction
onClick={confirmModal}
actionId={item.id}
displayText={__('Delete', 'give')}
hiddenText={item.name}
highlight
/>
</>
);
}
const columns: Array<ListTableColumn> = [
{
name: 'id',
text: __('ID', 'give'),
heading: true,
alignColumn: 'start',
inlineSize: '5rem',
preset: 'idBadge'
},
{
name: 'amount',
text: __('Amount', 'give'),
inlineSize: '7rem',
preset: 'monetary',
},
{
name: 'paymentType',
text: __('Payment Type'),
inlineSize: '11rem',
addClass: styles.paymentType,
render: (donation: {donationType}) => (
<DonationType type={donation.donationType}/>
)
},
{
name: 'createdAt',
inlineSize: '9rem',
text: __('Date / Time', 'give'),
},
{
name: 'name',
text: __('Donor Name', 'give'),
inlineSize: '9rem',
render: (donation: { name, donorId }) => (
<a href={window.GiveDonations.adminUrl + `edit.php?post_type=give_forms&page=give-donors&view=overview&id=${donation.donorId}`}>
{donation.name}
</a>
),
},
{
name: 'formTitle',
text: __('Donation Form', 'give'),
inlineSize: '9rem',
render: (donation: { formTitle, formId }) => (
<a href={window.GiveDonations.adminUrl + `post.php?post=${donation.formId}&action=edit`}>
{donation.formTitle}
</a>
)
},
{
name: 'gateway',
inlineSize: '11rem',
text: __('Gateway', 'give'),
},
{
name: 'status',
text: __('Status', 'give'),
inlineSize: '12rem',
preset: 'donationStatus',
},
];
const filters: Array<FilterConfig> = [
{
name: 'search',
type: 'search',
inlineSize: '14rem',
text: __('Name, Email, or Donation ID', 'give'),
ariaLabel: __('search donations', 'give'),
},
{
name: 'form',
type: 'formselect',
text: __('Select Form', 'give'),
ariaLabel: __('filter donation forms by status', 'give'),
options: window.GiveDonations.forms,
}
]
const bulkActions: Array<BulkActionsConfig> = [
{
label: __('Delete', 'give'),
value: 'delete',
type: 'danger',
action: async (selected) => {
const response = await API.fetchWithArgs('/delete', {ids: selected.join(',')}, 'DELETE');
return response;
},
confirm: (selected, names) => (
<>
<p>{__('Really delete the following donations?', 'give')}</p>
<ul role='document' tabIndex={0}>
{selected.map((donationId, index) => (
<li key={donationId}>
<IdBadge id={donationId}/>
{' '}
<span>{sprintf(__('from %s', 'give'), names[index])}</span>
</li>
))}
</ul>
</>
)
},
...(() => {
const donationStatuses = {
'publish': __('Set To Completed', 'give'),
'pending': __('Set To Pending', 'give'),
'processing': __('Set To Processing', 'give'),
'refunded': __('Set To Refunded', 'give'),
'revoked': __('Set To Revoked', 'give'),
'failed': __('Set To Failed', 'give'),
'cancelled': __('Set To Cancelled', 'give'),
'abandoned': __('Set To Abandoned', 'give'),
'preapproval': __('Set To Preapproval', 'give')
};
return Object.entries(donationStatuses).map(([value, label]) => {
return {
label,
value,
action: async (selected) => await API.fetchWithArgs('/setStatus', {
ids: selected.join(','),
status: value
}, 'POST'),
confirm: (selected, names) => (
<>
<p>{__('Set status for the following donations?', 'give')}</p>
<ul role='document' tabIndex={0}>
{selected.map((donationId, index) => (
<li key={donationId}>
<IdBadge id={donationId}/>
{' '}
<span>{sprintf(__('from %s', 'give'), names[index])}</span>
</li>
))}
</ul>
</>
)
};
});
})(),
{
label: __('Resend Email Receipts', 'give'),
value: 'resendEmailReceipt',
action: async (selected) => await API.fetchWithArgs('/resendEmailReceipt', {ids: selected.join(',')}, 'POST'),
confirm: (selected, names) => (
<>
<p>{__('Resend Email Receipts for following donations?', 'give')}</p>
<ul role='document' tabIndex={0}>
{selected.map((donationId, index) => (
<li key={donationId}>
<IdBadge id={donationId}/>
{' '}
<span>{sprintf(__('from %s', 'give'), names[index])}</span>
</li>
))}
</ul>
</>
)
}
]
return (
<ListTablePage
title={__('Donations', 'give')}
singleName={__('donation', 'give')}
pluralName={__('donations', 'give')}
columns={columns}
rowActions={rowActions}
bulkActions={bulkActions}
apiSettings={window.GiveDonations}
filterSettings={filters}
>
<a className={tableStyles.addFormButton}
href={window.GiveDonations.adminUrl + 'edit.php?post_type=give_forms&page=give-tools&tab=import&importer-type=import_donations'}
>
{__('Import Donations', 'give')}
</a>
<button className={tableStyles.addFormButton} onClick={showLegacyDonations}>
{__('Switch to Legacy View')}
</button>
</ListTablePage>
)
}
const showLegacyDonations = async (event) => {
await API.fetchWithArgs('/view', {isLegacy: 1});
window.location.reload();
}