feat(payment): PAYPAL-2495 added ACH payment method section to My Acc…

…ount -> Payment Methods page
bigcommerce · May 26, 2023 · 099645a · 099645a
1 parent 9424f8a
commit 099645a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Added ACH payment method section to My Account -> Payment Methods page [#2362](https://github.com/bigcommerce/cornerstone/pull/2362)
 
 ## 6.11.0 (05-24-2023)
 - Reverted fix for sold-out badge appearance [#2354](https://github.com/bigcommerce/cornerstone/pull/2354)

diff --git a/assets/img/payment-methods/ach.svg b/assets/img/payment-methods/ach.svg
diff --git a/lang/en.json b/lang/en.json
@@ -388,6 +388,7 @@
         "payment_methods": {
             "heading": "Payment Methods",
             "payment_method": "Payment method",
+            "bank_account": "Bank account",
             "billing_address": "Billing address",
             "card_ending_in": "ending in {last_four}",
             "card_expiry": "{month}/{year}",
@@ -409,6 +410,7 @@
                 "unionpay": "Union Pay",
                 "visa": "Visa"
             },
+            "ach": "ACH",
             "paypal": "PayPal",
             "billing_address_labels": {
               "address_line_1": "Address Line 1",

diff --git a/templates/components/account/payment-methods-list.html b/templates/components/account/payment-methods-list.html
@@ -33,10 +33,13 @@ <h4 class="paymentMethodsTitle">
 
                                 {{#if type '===' 'stored_bank_account'}}
                                     {{!-- If bank_account STARTS --}}
-                                    <img class="methodHeader-icon" src="{{cdn 'img/payment-methods/card.svg'}}"
-                                         alt="{{lang 'account.payment_methods.card_types.credit_card'}}"
-                                         title="{{lang 'account.payment_methods.card_types.credit_card'}}">
-                                    <span class="methodHeader-brand">{{ lang 'account.payment_methods.payment_method'}}</span>
+                                    {{#if ../methodId '===' 'ach'}}
+                                        <img class="methodHeader-icon" src="{{cdn 'img/payment-methods/ach.svg'}}" alt="{{lang 'account.payment_methods.ach'}}" title="{{lang 'account.payment_methods.ach'}}">
+                                        <span class="methodHeader-brand">{{lang 'account.payment_methods.bank_account'}} {{lang 'account.payment_methods.card_ending_in' last_four=masked_account_number}}</span>
+                                    {{else}}
+                                        <img class="methodHeader-icon" src="{{cdn 'img/payment-methods/card.svg'}}" alt="{{lang 'account.payment_methods.card_types.credit_card'}}" title="{{lang 'account.payment_methods.card_types.credit_card'}}">
+                                        <span class="methodHeader-brand">{{lang 'account.payment_methods.payment_method'}}</span>
+                                    {{/if}}
                                     {{!-- If bank_account ENDS --}}
                                 {{/if}}