feat(customers): CUST-4055 Add backend based static translations for 4 fields on the account edit page (#2606)

* feat(customers): CUST-4055 Add backend based static translations for 4 fields on the account edit page

* chore(customers): CUST-4055 Add PR link in the changelog

Author: bc-akshatkaushik

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
+- CUST-4055 Add backend-based static translations for account edit page form fields [#2606](https://github.com/bigcommerce/cornerstone/pull/2606)
 - Out of Stock banner is duplicated and overlaps Add to cart button on PDP [#2601](https://github.com/bigcommerce/cornerstone/pull/2601)
 - Fixed YouTube video playback in Safari by adding widget_referrer and origin parameters [#2598](https://github.com/bigcommerce/cornerstone/pull/2598)
 

templates/components/account/edit-account.html

@@ -7,27 +7,43 @@
         <div class="form-row form-row--half">
             <div class="form-field" id="account_firstname_id">
                 <label class="form-label" for="account_firstname">
-                    {{lang 'account.settings.first_name' }}
+                    {{#if (lang 'account.settings.first_name') '!==' 'First Name'}}
+                        {{lang 'account.settings.first_name'}}
+                    {{else}}
+                        {{forms.edit_account.first_name_label}}
+                    {{/if}}
                     <small>{{lang 'common.required' }}</small>
                 </label>
                 <input aria-labelledby="account_firstname_id" aria-live="polite" autocomplete="given-name" type="text" class="form-input" name="account_firstname" id="account_firstname" value="{{forms.edit_account.first_name}}">
             </div>
             <div class="form-field" id="account_lastname_id">
                 <label class="form-label" for="account_lastname">
-                    {{lang 'account.settings.last_name' }}
+                    {{#if (lang 'account.settings.last_name') '!==' 'Last Name'}}
+                        {{lang 'account.settings.last_name'}}
+                    {{else}}
+                        {{forms.edit_account.last_name_label}}
+                    {{/if}}
                     <small>{{lang 'common.required' }}</small>
                 </label>
                 <input aria-labelledby="account_lastname_id" aria-live="polite" autocomplete="family-name" type="text" class="form-input" name="account_lastname" id="account_lastname" value="{{forms.edit_account.last_name}}">
             </div>
             <div class="form-field" id="account_companyname_id">
                 <label class="form-label" for="account_companyname">
-                    {{lang 'account.settings.company' }}
+                    {{#if (lang 'account.settings.company') '!==' 'Company'}}
+                        {{lang 'account.settings.company'}}
+                    {{else}}
+                        {{forms.edit_account.company_label}}
+                    {{/if}}
                 </label>
                 <input aria-labelledby="account_companyname_id" aria-live="polite" autocomplete="organization" type="text" class="form-input" name="account_companyname" id="account_companyname" value="{{forms.edit_account.company_name}}">
             </div>
             <div class="form-field" id="account_phone_id">
                 <label class="form-label" for="account_phone">
-                    {{lang 'account.settings.phone' }}
+                    {{#if (lang 'account.settings.phone') '!==' 'Phone Number'}}
+                        {{lang 'account.settings.phone'}}
+                    {{else}}
+                        {{forms.edit_account.phone_label}}
+                    {{/if}}
                 </label>
                 <input aria-labelledby="account_phone_id" aria-live="polite" autocomplete="tel" type="text" class="form-input" name="account_phone" id="account_phone" value="{{forms.edit_account.phone}}">
             </div>