🚧 Move styling data to a dummy hook

This commit is contained in:
Philipp Stracker 2025-01-15 18:43:12 +01:00
parent 491352710e
commit 55d1fd3699
No known key found for this signature in database
7 changed files with 242 additions and 276 deletions

View file

@ -1,98 +0,0 @@
import { __ } from '@wordpress/i18n';
const cartAndExpressCheckoutSettings = {
paymentMethods: [],
style: {
shape: 'pill',
label: 'paypal',
color: 'gold',
},
};
const settings = {
paymentMethods: [],
style: {
layout: 'vertical',
shape: cartAndExpressCheckoutSettings.style.shape,
label: cartAndExpressCheckoutSettings.style.label,
color: cartAndExpressCheckoutSettings.style.color,
tagline: false,
},
};
export const defaultLocationSettings = {
cart: {
value: 'cart',
label: __( 'Cart', 'woocommerce-paypal-payments' ),
settings: { ...cartAndExpressCheckoutSettings },
// translators: %s: Link to Cart page
description: __(
'Customize the appearance of the PayPal smart buttons on the <a href="%s">[MISSING LINK]Cart page</a> and select which additional payment buttons to display in this location.',
'wooocommerce-paypal-payments'
),
descriptionLink: '#',
},
'classic-checkout': {
value: 'classic-checkout',
label: __( 'Classic Checkout', 'woocommerce-paypal-payments' ),
settings: { ...settings },
// translators: %s: Link to Classic Checkout page
description: __(
'Customize the appearance of the PayPal smart buttons on the <a href="%s">[MISSING LINK]Classic Checkout page</a> and choose which additional payment buttons to display in this location.',
'wooocommerce-paypal-payments'
),
descriptionLink: '#',
},
'express-checkout': {
value: 'express-checkout',
label: __( 'Express Checkout', 'woocommerce-paypal-payments' ),
settings: { ...cartAndExpressCheckoutSettings },
// translators: %s: Link to Express Checkout location
description: __(
'Customize the appearance of the PayPal smart buttons on the <a href="%s">[MISSING LINK]Express Checkout location</a> and choose which additional payment buttons to display in this location.',
'wooocommerce-paypal-payments'
),
descriptionLink: '#',
},
'mini-cart': {
value: 'mini-cart',
label: __( 'Mini Cart', 'woocommerce-paypel-payements' ),
settings: { ...settings },
// translators: %s: Link to Mini Cart
description: __(
'Customize the appearance of the PayPal smart buttons on the <a href="%s">[MISSING LINK]Mini Cart</a> and choose which additional payment buttons to display in this location.',
'wooocommerce-paypal-payments'
),
descriptionLink: '#',
},
'product-page': {
value: 'product-page',
label: __( 'Product Page', 'woocommerce-paypal-payments' ),
settings: { ...settings },
// translators: %s: Link to Product Page
description: __(
'Customize the appearance of the PayPal smart buttons on the <a href="%s">[MISSING LINK]Product Page</a> and choose which additional payment buttons to display in this location.',
'wooocommerce-paypal-payments'
),
descriptionLink: '#',
},
};
export const paymentMethodOptions = [
{
value: 'venmo',
label: __( 'Venmo', 'woocommerce-paypal-payments' ),
},
{
value: 'paylater',
label: __( 'Pay Later', 'woocommerce-paypal-payments' ),
},
{
value: 'googlepay',
label: __( 'Google Pay', 'woocommerce-paypal-payments' ),
},
{
value: 'applepay',
label: __( 'Apple Pay', 'woocommerce-paypal-payments' ),
},
];

View file

@ -145,3 +145,22 @@ export const STYLING_SHAPES = {
label: __( 'Rectangle', 'woocommerce-paypal-payments' ),
},
};
export const STYLING_PAYMENT_METHODS = {
venmo: {
value: 'venmo',
label: __( 'Venmo', 'woocommerce-paypal-payments' ),
},
paylater: {
value: 'paylater',
label: __( 'Pay Later', 'woocommerce-paypal-payments' ),
},
googlepay: {
value: 'googlepay',
label: __( 'Google Pay', 'woocommerce-paypal-payments' ),
},
applepay: {
value: 'applepay',
label: __( 'Apple Pay', 'woocommerce-paypal-payments' ),
},
};