From 510a711caa58fb142a827f73734d038b86b7d88a Mon Sep 17 00:00:00 2001
From: Philipp Stracker <p.stracker@syde.com>
Date: Thu, 16 Jan 2025 20:04:47 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20inconsistent=20property=20?=
 =?UTF-8?q?names?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/js/data/styling/configuration.js       | 12 ++++++------
 .../ppcp-settings/resources/js/data/styling/hooks.js |  5 ++---
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/modules/ppcp-settings/resources/js/data/styling/configuration.js b/modules/ppcp-settings/resources/js/data/styling/configuration.js
index 861379e2d..ecb7a3765 100644
--- a/modules/ppcp-settings/resources/js/data/styling/configuration.js
+++ b/modules/ppcp-settings/resources/js/data/styling/configuration.js
@@ -47,8 +47,8 @@ export const STYLING_LOCATIONS = {
 		),
 		link: '#',
 	},
-	'product-page': {
-		value: 'product-page',
+	product: {
+		value: 'product',
 		label: __( 'Product Page', 'woocommerce-paypal-payments' ),
 		// translators: %s is the URL to a documentation page.
 		description: __(
@@ -113,14 +113,14 @@ export const STYLING_LAYOUTS = {
 };
 
 export const STYLING_SHAPES = {
-	pill: {
-		value: 'pill',
-		label: __( 'Pill', 'woocommerce-paypal-payments' ),
-	},
 	rect: {
 		value: 'rect',
 		label: __( 'Rectangle', 'woocommerce-paypal-payments' ),
 	},
+	pill: {
+		value: 'pill',
+		label: __( 'Pill', 'woocommerce-paypal-payments' ),
+	},
 };
 
 export const STYLING_PAYMENT_METHODS = {
diff --git a/modules/ppcp-settings/resources/js/data/styling/hooks.js b/modules/ppcp-settings/resources/js/data/styling/hooks.js
index cb0508247..d81ee8746 100644
--- a/modules/ppcp-settings/resources/js/data/styling/hooks.js
+++ b/modules/ppcp-settings/resources/js/data/styling/hooks.js
@@ -92,9 +92,8 @@ export const useStylingProps = ( location ) => {
 
 		// Payment methods (checkboxes).
 		paymentMethodChoices: Object.values( STYLING_PAYMENT_METHODS ),
-		paymentMethods: getLocationProp( 'paymentMethods' ),
-		setPaymentMethods: ( methods ) =>
-			setLocationProp( 'paymentMethods', methods ),
+		paymentMethods: getLocationProp( 'methods' ),
+		setPaymentMethods: ( methods ) => setLocationProp( 'methods', methods ),
 
 		// Color (dropdown).
 		colorChoices: Object.values( STYLING_COLORS ),