Manager

Back Back Up Advanced Editor

import '../css/klarna-payments-block.scss';
const { decodeEntities } = wp.htmlEntities;
const { getSetting } = wc.wcSettings;
const { registerPaymentMethod } = wc.wcBlocksRegistry;
const { applyFilters } = wp.hooks;

// Data
const settings = getSetting('klarna_payments_data', {});
const title = applyFilters('kp_blocks_title', decodeEntities(settings.title || 'Klarna'), settings );
const description = applyFilters('kp_blocks_description', decodeEntities(settings.description || ''), settings );
const iconUrl = settings.iconurl;

const canMakePayment = () => {
    return applyFilters('kp_blocks_enabled', true, settings);
};

const Content = props => {
    return <div>{description}</div>;
};

/**
 * Klarna payments method config.
 */
const KlarnaPaymentsOptions = {
    name: 'klarna_payments',
    label: <Label />,
    content: <Content />,
    edit: <Content />,
    placeOrderButtonLabel: klarna_payments_params.i18n.order_button_label,
    canMakePayment: canMakePayment,
    ariaLabel: title
};

registerPaymentMethod(KlarnaPaymentsOptions);