| Server IP : 104.21.112.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/./pontiacques.org/wp-content/plugins/give/src/Campaigns/Blocks/DonateButton/ |
Upload File : |
import {__} from '@wordpress/i18n';
import {useSelect} from '@wordpress/data';
import {addQueryArgs} from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import useSWR from 'swr';
import {InspectorControls, useBlockProps} from '@wordpress/block-editor';
import {BlockEditProps} from '@wordpress/blocks';
import {PanelBody, SelectControl, TextControl, ToggleControl} from '@wordpress/components';
import ServerSideRender from '@wordpress/server-side-render';
import useCampaign from '../shared/hooks/useCampaign';
import CampaignSelector from '../shared/components/CampaignSelector';
/**
* @since 4.0.0
*/
export default function Edit({attributes, setAttributes}: BlockEditProps<{
campaignId: number;
buttonText: string;
useDefaultForm: boolean;
selectedForm: string;
}>) {
const blockProps = useBlockProps();
const {buttonText = __('Donate', 'give')} = attributes;
const {campaign, hasResolved} = useCampaign(attributes.campaignId);
const adminBaseUrl = useSelect(
// @ts-ignore
(select) => select('core').getSite()?.url + '/wp-admin/edit.php?post_type=give_forms&page=give-campaigns',
[]
);
const campaignForms = (() => {
const {data, isLoading}: { data: { items: [] }, isLoading: boolean } = useSWR(
addQueryArgs('/give-api/v2/admin/forms', {campaignId: attributes.campaignId, status: 'publish'}),
path => apiFetch({path})
)
if (isLoading) {
return [{label: __('Loading...', 'give'), value: ''}]
}
const options = data?.items.map((form: { name: string, id: string }) => ({
label: form.name,
value: form.id
}))
return [
{label: __('Select form', 'give'), value: ''},
...options
];
})();
return (
<div {...blockProps}>
<CampaignSelector
campaignId={attributes.campaignId}
handleSelect={(campaignId: number) => setAttributes({campaignId})}
>
<ServerSideRender block="givewp/campaign-donate-button" attributes={attributes} />
</CampaignSelector>
{hasResolved && campaign?.id && (
<InspectorControls>
<PanelBody title="Settings" initialOpen={true}>
<TextControl
label={__('Donate button', 'give')}
value={buttonText}
onChange={(buttonText: string) => setAttributes({buttonText})}
/>
<ToggleControl
label={__('Use default form', 'give')}
checked={attributes.useDefaultForm}
onChange={(useDefaultForm: boolean) => setAttributes({useDefaultForm})}
help={
<>
{__('Uses the campaign’s default form.', 'give')}
{` `}
<a
href={`${adminBaseUrl}&id=${attributes.campaignId}&tab=forms`}
target="_blank"
rel="noopener noreferrer"
aria-label={__('Change campaign default form', 'give')}
>
{__('Change default form', 'give')}
</a>
</>
}
/>
{!attributes.useDefaultForm && (
<SelectControl
label={__('Form', 'give')}
onChange={(selectedForm: string) => setAttributes({selectedForm})}
options={campaignForms}
value={attributes.selectedForm}
help={__('Donations are collected through this form.', 'give')}
/>
)}
</PanelBody>
</InspectorControls>
)}
</div>
);
}