53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { registerPaymentMethod } from '@woocommerce/blocks-registry';
|
|
import { __ } from '@wordpress/i18n';
|
|
import { getSetting } from '@woocommerce/settings';
|
|
import { decodeEntities } from '@wordpress/html-entities';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { PAYMENT_METHOD_NAME } from './constants';
|
|
|
|
const settings = getSetting( 'cheque_data', {} );
|
|
const defaultLabel = __( 'Check payment', 'woo-gutenberg-products-block' );
|
|
const label = decodeEntities( settings.title ) || defaultLabel;
|
|
|
|
/**
|
|
* @typedef {import('@woocommerce/type-defs/registered-payment-method-props').RegisteredPaymentMethodProps} RegisteredPaymentMethodProps
|
|
*/
|
|
|
|
/**
|
|
* Content component
|
|
*/
|
|
const Content = () => {
|
|
return <div>{ decodeEntities( settings.description || '' ) }</div>;
|
|
};
|
|
|
|
/**
|
|
* Label component
|
|
*
|
|
* @param {*} props Props from payment API.
|
|
*/
|
|
const Label = ( props ) => {
|
|
const { PaymentMethodLabel } = props.components;
|
|
return <PaymentMethodLabel icon="checkPayment" text={ label } />;
|
|
};
|
|
|
|
/**
|
|
* Cheque payment method config object.
|
|
*/
|
|
const offlineChequePaymentMethod = {
|
|
name: PAYMENT_METHOD_NAME,
|
|
label: <Label />,
|
|
content: <Content />,
|
|
edit: <Content />,
|
|
icons: null,
|
|
canMakePayment: () => true,
|
|
ariaLabel: label,
|
|
};
|
|
|
|
registerPaymentMethod( ( Config ) => new Config( offlineChequePaymentMethod ) );
|