woocommerce/plugins/woocommerce-admin/client/wp-admin-scripts/payment-method-promotions/index.tsx

50 lines
1.2 KiB
TypeScript
Raw Normal View History

/**
* External dependencies
*/
import { render } from '@wordpress/element';
/**
* Internal dependencies
*/
import { PaymentPromotionRow } from './payment-promotion-row';
const PAYMENT_METHOD_PROMOTIONS = [
{
gatewayId: 'pre_install_woocommerce_payments_promotion',
pluginSlug: 'woocommerce-payments',
url: 'https://woocommerce.com/payments/?utm_medium=product',
},
];
PAYMENT_METHOD_PROMOTIONS.forEach( ( paymentMethod ) => {
const container = document.querySelector(
`[data-gateway_id="${ paymentMethod.gatewayId }"]`
);
if ( container ) {
const columns = [ ...container.children ].map( ( child ) => {
return {
className: child.className,
html: child.innerHTML,
2022-04-18 17:42:08 +00:00
width: child.getAttribute( 'width' ) || undefined,
};
} );
const title = container.getElementsByClassName(
'wc-payment-gateway-method-title'
);
const subTitle = container.getElementsByClassName( 'gateway-subtitle' );
render(
<PaymentPromotionRow
columns={ columns }
paymentMethod={ paymentMethod }
title={ title.length === 1 ? title[ 0 ].innerHTML : undefined }
subTitleContent={
subTitle.length === 1 ? subTitle[ 0 ].innerHTML : undefined
}
/>,
container
);
}
} );