Updated the class name to reflect allowed_payment_methods array ite…

…m name from /rest/v1.1/me/shopping-cart Updated nav title and icon for bank transfer
Automattic · Apr 20, 2018 · dec9717 · dec9717
1 parent e65b2e7
commit dec9717
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 2 deletions.
diff --git a/client/lib/cart-values/index.js b/client/lib/cart-values/index.js
@@ -159,7 +159,7 @@ function paymentMethodClassName( method ) {
 		ideal: 'WPCOM_Billing_Stripe_Source_Ideal',
 		paypal: 'WPCOM_Billing_PayPal_Express',
 		p24: 'WPCOM_Billing_Stripe_Source_P24',
-		tef: 'WPCOM_Billing_Ebanx_Tef',
+		tef: 'WPCOM_Billing_Ebanx_Redirect_Tef',
 	};
 
 	return paymentMethodsClassNames[ method ] || '';

diff --git a/client/lib/checkout/constants.js b/client/lib/checkout/constants.js
@@ -0,0 +1,26 @@
+/**
+ * External dependencies
+ *
+ * @format
+ */
+
+/**
+ * Object contains countries for which Ebanx payment processing is possible
+ * PAYMENT_PROCESSOR_EBANX_COUNTRIES[ {countryCode} ].fields - defines form field names we can display for extra payment information
+ */
+export const PAYMENT_PROCESSOR_EBANX_COUNTRIES = {
+	BR: {
+		fields: [
+			'document',
+			'street-number',
+			'address-1',
+			'address-2',
+			'state',
+			'city',
+			'phone-number',
+		],
+	},
+	MX: {
+		fields: [],
+	},
+};
diff --git a/client/lib/credit-card-details/test/validation.js b/client/lib/credit-card-details/test/validation.js
diff --git a/client/my-sites/checkout/checkout/payment-box.jsx b/client/my-sites/checkout/checkout/payment-box.jsx
@@ -55,6 +55,10 @@ export class PaymentBox extends PureComponent {
 			case 'ideal':
 				labelAdditionalText = paymentMethodName( method );
 				break;
+			case 'tef':
+				labelLogo = <Gridicon icon="institution" className="checkout__institution" />;
+				labelAdditionalText = paymentMethodName( method );
+				break;
 		}
 
 		return (

diff --git a/client/my-sites/checkout/checkout/style.scss b/client/my-sites/checkout/checkout/style.scss
@@ -859,7 +859,8 @@
 		margin: -10px 0;
 	}
 
-	.checkout__credit-card {
+	.checkout__credit-card,
+	.checkout__institution {
 		margin-right: 5px;
 	}