From 57bdb39e47ced49c6d0eaac2630fc91c4d13e730 Mon Sep 17 00:00:00 2001
From: DhaaraniCIT <dhaaranieaswari@gmail.com>
Date: Thu, 6 Feb 2025 14:06:07 +0530
Subject: [PATCH] branding based content changes fix

---
 .../intacct-c1-import-settings.component.html |  2 +-
 .../intacct-import-settings.component.html    |  2 +-
 .../netsuite-export-settings.component.html   |  8 ++++----
 .../qbd-direct-data-sync.component.html       |  2 +-
 .../qbd-direct-export-settings.component.html | 10 +++++-----
 .../qbo-clone-settings.component.html         | 16 +++++++--------
 .../qbo-export-settings.component.html        | 20 +++++++++----------
 .../xero-clone-settings.component.html        |  6 +++---
 .../xero-export-settings.component.html       |  6 +++---
 .../configuration-import-field.component.html | 18 ++++++++---------
 ...onfiguration-mapping-fields.component.html |  2 +-
 .../configuration-select-field.component.html |  8 ++++----
 .../configuration-skip-export.component.html  |  8 ++++----
 .../dashboard-error-section.component.html    |  4 ++--
 .../export-log-table.component.html           |  2 +-
 .../generic-mapping-table.component.html      |  4 ++--
 .../generic-mapping-v2.component.html         |  4 ++--
 .../qbd-mapping-table.component.html          |  2 +-
 .../intacct-location-entity.component.html    |  4 ++--
 .../dashboard-mapping-resolve.component.html  |  2 +-
 .../skip-export/skip-export.component.html    |  8 ++++----
 21 files changed, 69 insertions(+), 69 deletions(-)

diff --git a/src/app/integrations/intacct/intacct-shared/intacct-c1-import-settings/intacct-c1-import-settings.component.html b/src/app/integrations/intacct/intacct-shared/intacct-c1-import-settings/intacct-c1-import-settings.component.html
index 50e43646b..875e729dd 100644
--- a/src/app/integrations/intacct/intacct-shared/intacct-c1-import-settings/intacct-c1-import-settings.component.html
+++ b/src/app/integrations/intacct/intacct-shared/intacct-c1-import-settings/intacct-c1-import-settings.component.html
@@ -4,7 +4,7 @@
 <div *ngIf="!isLoading" class="configuration--contents tw-border-border-tertiary tw-mt-6" [ngClass]="{'tw-mx-120-px tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-mx-60-px tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}">
     <div>
         <app-configuration-step-header [headerText]="'Import settings'"
-            [contentText]="brandingConfig.brandId === 'co' ? 'Choose the required import fields from Sage Intacct to Expense Management.' : 'Select the field information to import from Sage Intacct to ' + brandingConfig.brandName + '. '"
+            [contentText]="'Choose the required import fields from Sage Intacct to Expense Management.'"
             [redirectLink]="supportArticleLink" [showSyncButton]="isOnboarding" [appName]="appName"
             (refreshDimension)="refreshDimensions()">
         </app-configuration-step-header>
diff --git a/src/app/integrations/intacct/intacct-shared/intacct-import-settings/intacct-import-settings.component.html b/src/app/integrations/intacct/intacct-shared/intacct-import-settings/intacct-import-settings.component.html
index 700fac3ba..c5e4ad726 100644
--- a/src/app/integrations/intacct/intacct-shared/intacct-import-settings/intacct-import-settings.component.html
+++ b/src/app/integrations/intacct/intacct-shared/intacct-import-settings/intacct-import-settings.component.html
@@ -34,7 +34,7 @@ <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-8-px !tw-font-400 !tw-leading
         </div>
         <div class="tw-flex tw-pt-18-px">
             <div class="tw-pl-48-px">
-                <input type="text" class="tw-text-14-px tw-text-slightly-normal-text-color !tw-font-500 tw-w-300-px !tw-px-14-px !tw-py-10-px tw-border tw-border-solid !tw-border-separator tw-rounded-4-px" value="{{(intacctCategoryDestination | snakeCaseToSpaceCase | titlecase).replace('Gl ', 'GL ')}}" disabled>
+                <input type="text" class="tw-text-14-px tw-text-slightly-normal-text-color !tw-font-500 tw-w-300-px !tw-px-14-px !tw-py-10-px tw-border tw-border-solid !tw-border-separator tw-rounded-4-px" value="{{(intacctCategoryDestination | snakeCaseToSpaceCase | sentenceCase).replace('Gl ', 'GL ')}}" disabled>
             </div>
             <div class="tw-pt-16-px ">
                 <app-svg-icon [isTextColorAllowed]="true" [svgSource]="'arrow-line'" [height]="'30px'" [width]="'100px'" [styleClasses]="'!tw-ml-0 tw-text-box-color'"></app-svg-icon>
diff --git a/src/app/integrations/netsuite/netsuite-shared/netsuite-export-settings/netsuite-export-settings.component.html b/src/app/integrations/netsuite/netsuite-shared/netsuite-export-settings/netsuite-export-settings.component.html
index bea10dbbf..ed5df0819 100644
--- a/src/app/integrations/netsuite/netsuite-shared/netsuite-export-settings/netsuite-export-settings.component.html
+++ b/src/app/integrations/netsuite/netsuite-shared/netsuite-export-settings/netsuite-export-settings.component.html
@@ -136,11 +136,11 @@
                                 [form]="exportSettingForm"
                                 [isFieldMandatory]="true"
                                 [mandatoryErrorListName]="'export date'"
-                                [label]="'Set the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' date as'"
+                                [label]="'Set the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' date as'"
                                 [subLabel]="'The selected type of date will reflect in the expenses exported from ' + brandingConfig.brandName + ' to NetSuite.'"
                                 [options]="reimbursableExpenseGroupingDateOptions"
                                 [iconPath]="'calendar'"
-                                [placeholder]="'Select the date of the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase)"
+                                [placeholder]="'Select the date of the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase)"
                                 [formControllerName]="'reimbursableExportDate'">
                             </app-configuration-select-field>
                         </div>
@@ -306,11 +306,11 @@
                             [form]="exportSettingForm"
                             [isFieldMandatory]="true"
                             [mandatoryErrorListName]="'export date'"
-                            [label]=" 'Set the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.get('creditCardExportType')?.value | lowercase))  + ' date as'"
+                            [label]=" 'Set the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase)  + ' date as'"
                             [subLabel]="'The selected date will reflect in the corporate card expenses exported to NetSuite.'"
                             [options]="cccExpenseGroupingDateOptions"
                             [iconPath]="'calendar'"
-                            [placeholder]="'Select the date of the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase))"
+                            [placeholder]="'Select the date of the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase)"
                             [formControllerName]="'creditCardExportDate'">
                         </app-configuration-select-field>
                     </div>
diff --git a/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-data-sync/qbd-direct-data-sync.component.html b/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-data-sync/qbd-direct-data-sync.component.html
index eb2955373..62c8e6a71 100644
--- a/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-data-sync/qbd-direct-data-sync.component.html
+++ b/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-data-sync/qbd-direct-data-sync.component.html
@@ -14,7 +14,7 @@
             <div *ngFor="let field of qbdFields; let i = index" [ngClass]=" i !== qbdFields.length-1 ? 'tw-border-b tw-border-b-divider-border-color' : '' ">
                 <div class="tw-flex tw-items-center tw-justify-between tw-px-12-px tw-py-20-px">
                     <div>
-                        <span class="tw-text-text-tertiary tw-font-400 tw-text-14-px">{{field.attribute_type | snakeCaseToSpaceCase | titlecase}}</span>
+                        <span class="tw-text-text-tertiary tw-font-400 tw-text-14-px">{{field.attribute_type | snakeCaseToSpaceCase | sentenceCase}}</span>
                     </div>
                     <div>
                         <span *ngIf="field.count !== null" class="tw-text-text-tertiary tw-font-400 tw-text-14-px">{{field.count}}</span>
diff --git a/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-export-settings/qbd-direct-export-settings.component.html b/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-export-settings/qbd-direct-export-settings.component.html
index 4084c0bbc..fec4f3404 100644
--- a/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-export-settings/qbd-direct-export-settings.component.html
+++ b/src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-export-settings/qbd-direct-export-settings.component.html
@@ -65,8 +65,8 @@
                                 [optionLabel]="'value'"
                                 [isFieldMandatory]="true"
                                 [mandatoryErrorListName]="'accounts payable'"
-                                [label]="brandingContent.reimbursable.defaultReimbursableAccountPayableLabel + (exportSettingsForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase)"
-                                [subLabel]="brandingContent.reimbursable.defaultReimbursableAccountPayableSubLabel + (exportSettingsForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' ,while debit lines will reflect the category chosen by the employee for each respective expense'"
+                                [label]="brandingContent.reimbursable.defaultReimbursableAccountPayableLabel + (exportSettingsForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase)"
+                                [subLabel]="brandingContent.reimbursable.defaultReimbursableAccountPayableSubLabel + (exportSettingsForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' ,while debit lines will reflect the category chosen by the employee for each respective expense'"
                                 [iconPath]="'list'"
                                 [placeholder]="'Select accounts payable'"
                                 [isMultiLineOption]="true"
@@ -205,8 +205,8 @@
                                 [optionLabel]="'value'"
                                 [isFieldMandatory]="true"
                                 [mandatoryErrorListName]="'a default credit account'"
-                                [label]="brandingContent.corporateCard.defaultCCCAccountPayableLabel + (exportSettingsForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase)"
-                                [subLabel]="brandingContent.corporateCard.defaultCCCAccountPayableSubLabel + (exportSettingsForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' ,while debit lines will reflect the category chosen by the employee for each respective expense'"
+                                [label]="brandingContent.corporateCard.defaultCCCAccountPayableLabel + (exportSettingsForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase)"
+                                [subLabel]="brandingContent.corporateCard.defaultCCCAccountPayableSubLabel + (exportSettingsForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' ,while debit lines will reflect the category chosen by the employee for each respective expense'"
                                 [iconPath]="'list'"
                                 [placeholder]="'Select default account'"
                                 [isMultiLineOption]="true"
@@ -253,7 +253,7 @@
                         [form]="exportSettingsForm"
                         [isFieldMandatory]="true"
                         [mandatoryErrorListName]="'export date'"
-                        [label]=" brandingContent.corporateCard.creditCardExpenseDateLabel + (brandingConfig.brandId === 'fyle' ? (exportSettingsForm.value.creditCardExportType | snakeCaseToSpaceCase | lowercase) : (exportSettingsForm.value.creditCardExportType | lowercase))  + ' date as'"
+                        [label]=" brandingContent.corporateCard.creditCardExpenseDateLabel + (exportSettingsForm.value.creditCardExportType | snakeCaseToSpaceCase | lowercase)  + ' date as'"
                         [subLabel]="brandingContent.corporateCard.creditCardExpenseDateSubLabel"
                         [options]="cccExpenseGroupingDateOptions"
                         [iconPath]="'calendar'"
diff --git a/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.html b/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.html
index 4c4cbbe76..95f425421 100644
--- a/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.html
+++ b/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.html
@@ -66,7 +66,7 @@
     
                 <div class="clone-setting--dependent-field" *ngIf="exportSettingForm.get('reimbursableExportType')?.value">
                     <app-clone-setting-field *ngIf="helperService.isFieldRequired(exportSettingForm, 'bankAccount')"
-                        [label]="'To which Bank Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                        [label]="'To which Bank Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                         [options]="bankAccounts"
                         [placeholder]="'Select bank account'"
                         [form]="exportSettingForm"
@@ -77,7 +77,7 @@
                     </app-clone-setting-field>
     
                     <app-clone-setting-field *ngIf="helperService.isFieldRequired(exportSettingForm, 'qboExpenseAccount')"
-                        [label]="'To which Expense Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                        [label]="'To which Expense Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                         [options]="expenseAccounts"
                         [placeholder]="'Select Expense account'"
                         [form]="exportSettingForm"
@@ -88,14 +88,14 @@
                     </app-clone-setting-field>
     
                     <app-clone-setting-field *ngIf="(exportSettingForm.controls.reimbursableExportType.value === QBOReimbursableExpensesObject.BILL || (exportSettingForm.controls.reimbursableExportType.value === QBOReimbursableExpensesObject.JOURNAL_ENTRY && exportSettingForm.get('employeeMapping')?.value === EmployeeFieldMapping.VENDOR))"
-                        [label]="'To which Accounts Payable account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                        [label]="'To which Accounts Payable account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                         [options]="accountsPayables"
                         [placeholder]="'Select accounts payable'"
                         [form]="exportSettingForm"
                         [isFieldMandatory]="true"
                         [formControllerName]="'accountsPayable'"
                         [dropdownDisplayKey]="'name'"
-                        [tooltipText]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' to the selected Accounts Payable Account.'">
+                        [tooltipText]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' to the selected Accounts Payable Account.'">
                     </app-clone-setting-field>
                 </div>
             </div>
@@ -131,7 +131,7 @@
             <div class="clone-setting--field" *ngIf="exportSettingForm.get('reimbursableExportType')?.value">
                 <app-clone-setting-field
                     [iconSource]="'calendar'"
-                    [label]="'Set the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' date as'"
+                    [label]="'Set the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' date as'"
                     [options]="reimbursableExpenseGroupingDateOptions"
                     [placeholder]="'Select export date'"
                     [form]="exportSettingForm"
@@ -216,14 +216,14 @@
     
                     <div [ngClass]="{'clone-setting--dependent-field': helperService.isFieldRequired(exportSettingForm, 'defaultCreditCardVendor')}">
                         <app-clone-setting-field *ngIf="(exportSettingForm.get('creditCardExportType')?.value === QBOCorporateCreditCardExpensesObject.BILL) && !((exportSettingForm.controls.reimbursableExportType.value === QBOReimbursableExpensesObject.BILL || (exportSettingForm.controls.reimbursableExportType.value === QBOReimbursableExpensesObject.JOURNAL_ENTRY && exportSettingForm.get('employeeMapping')?.value === EmployeeFieldMapping.VENDOR)))"
-                            [label]="'To which Accounts Payable account should the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                            [label]="'To which Accounts Payable account should the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                             [options]="accountsPayables"
                             [placeholder]="'Select accounts payable'"
                             [form]="exportSettingForm"
                             [isFieldMandatory]="true"
                             [formControllerName]="'accountsPayable'"
                             [dropdownDisplayKey]="'name'"
-                            [tooltipText]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' to the selected Accounts Payable Account.'">
+                            [tooltipText]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' to the selected Accounts Payable Account.'">
                         </app-clone-setting-field>
                     </div>
                 </div>
@@ -273,7 +273,7 @@
             <div class="clone-setting--field" *ngIf="exportSettingForm.get('creditCardExportType')?.value">
                 <app-clone-setting-field
                     [iconSource]="'calendar'"
-                    [label]="'Set the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' date as'"
+                    [label]="'Set the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' date as'"
                     [options]="cccExpenseGroupingDateOptions"
                     [placeholder]="'Select export date'"
                     [form]="exportSettingForm"
diff --git a/src/app/integrations/qbo/qbo-shared/qbo-export-settings/qbo-export-settings.component.html b/src/app/integrations/qbo/qbo-shared/qbo-export-settings/qbo-export-settings.component.html
index 27ed9e73f..974f8a525 100644
--- a/src/app/integrations/qbo/qbo-shared/qbo-export-settings/qbo-export-settings.component.html
+++ b/src/app/integrations/qbo/qbo-shared/qbo-export-settings/qbo-export-settings.component.html
@@ -46,7 +46,7 @@
                                     [form]="exportSettingForm"
                                     [isFieldMandatory]="true"
                                     [mandatoryErrorListName]="'bank account'"
-                                    [label]="'To which Bank Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                                    [label]="'To which Bank Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                                     [subLabel]="'All the offset entry in the Journal will be posted to the selected Bank account.'"
                                     [destinationAttributes]="bankAccounts"
                                     [destinationOptionKey]="QboExportSettingDestinationOptionKey.BANK_ACCOUNT"
@@ -66,7 +66,7 @@
                                     [form]="exportSettingForm"
                                     [isFieldMandatory]="true"
                                     [mandatoryErrorListName]="'expense account'"
-                                    [label]="'To which Expense Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                                    [label]="'To which Expense Account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                                     [subLabel]="'The expenses exported will be added to the selected Expense Payment Account.'"
                                     [destinationAttributes]="expenseAccounts"
                                     [destinationOptionKey]="QboExportSettingDestinationOptionKey.EXPENSE_ACCOUNT"
@@ -92,8 +92,8 @@
                                     [optionLabel]="'name'"
                                     [isFieldMandatory]="true"
                                     [mandatoryErrorListName]="'accounts payable'"
-                                    [label]="'To which Accounts Payable account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
-                                    [subLabel]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' to the selected accounts payable account.'"
+                                    [label]="'To which Accounts Payable account should the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
+                                    [subLabel]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' to the selected accounts payable account.'"
                                     [iconPath]="'list'"
                                     [placeholder]="'Select accounts payable'"
                                     [isMultiLineOption]="isMultilineOption"
@@ -165,10 +165,10 @@
                                 [form]="exportSettingForm"
                                 [isFieldMandatory]="true"
                                 [mandatoryErrorListName]="'export date'"
-                                [label]="'Set the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' date as'"
+                                [label]="'Set the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' date as'"
                                 [subLabel]="'The selected type of date will reflect in the expenses exported from ' + brandingConfig.brandName + ' to QuickBooks Online.'"
                                 [options]="reimbursableExpenseGroupingDateOptions"
-                                [placeholder]="'Select the date of the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase))"
+                                [placeholder]="'Select the date of the ' + (exportSettingForm.get('reimbursableExportType')?.value | snakeCaseToSpaceCase | lowercase)"
                                 [iconPath]="'calendar'"
                                 [formControllerName]="'reimbursableExportDate'">
                             </app-configuration-select-field>
@@ -289,8 +289,8 @@
                               [iconPath]="'list'"
                               [isFieldMandatory]="true"
                               [mandatoryErrorListName]="'accounts payable'"
-                              [label]="brandingContent.corporateCard.accountsPayableLabel + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
-                              [subLabel]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) + brandingContent.corporateCard.accountsPayableSubLabel"
+                              [label]="brandingContent.corporateCard.accountsPayableLabel + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
+                              [subLabel]="'The integration will post the offset credit entry in ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase) + brandingContent.corporateCard.accountsPayableSubLabel"
                               [placeholder]="'Select accounts payable'"
                               [isMultiLineOption]="isMultilineOption"
                               [formControllerName]="'accountsPayable'">
@@ -332,11 +332,11 @@
                             [form]="exportSettingForm"
                             [isFieldMandatory]="true"
                             [mandatoryErrorListName]="'export date'"
-                            [label]=" 'Set the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.get('creditCardExportType')?.value | lowercase))  + ' date as'"
+                            [label]=" 'Set the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase)  + ' date as'"
                             [subLabel]="'The selected date will reflect in the corporate card expenses exported to QuickBooks Online.'"
                             [options]="cccExpenseGroupingDateOptions"
                             [iconPath]="'calendar'"
-                            [placeholder]="'Select the date of the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase))"
+                            [placeholder]="'Select the date of the ' + (exportSettingForm.get('creditCardExportType')?.value | snakeCaseToSpaceCase | lowercase)"
                             [formControllerName]="'creditCardExportDate'">
                         </app-configuration-select-field>
 
diff --git a/src/app/integrations/xero/xero-onboarding/xero-clone-settings/xero-clone-settings.component.html b/src/app/integrations/xero/xero-onboarding/xero-clone-settings/xero-clone-settings.component.html
index dc9690418..a215e8ae4 100644
--- a/src/app/integrations/xero/xero-onboarding/xero-clone-settings/xero-clone-settings.component.html
+++ b/src/app/integrations/xero/xero-onboarding/xero-clone-settings/xero-clone-settings.component.html
@@ -82,7 +82,7 @@
             <div class="clone-setting--field" *ngIf="exportSettingForm.controls.reimbursableExportType.value">
                 <app-clone-setting-field
                     [iconSource]="'calendar'"
-                    [label]="'Set the ' + (exportSettingForm.controls.reimbursableExportType.value | snakeCaseToSpaceCase | titlecase) + ' date as'"
+                    [label]="'Set the ' + (exportSettingForm.controls.reimbursableExportType.value | snakeCaseToSpaceCase | lowercase) + ' date as'"
                     [options]="reimbursableExpenseGroupingDateOptions"
                     [placeholder]="'Select export date'"
                     [form]="exportSettingForm"
@@ -124,7 +124,7 @@
 
                     <div class="clone-setting--dependent-field" *ngIf="exportSettingForm.controls.creditCardExportType.value">
                         <app-clone-setting-field
-                            [label]="'To which Bank Account should the ' + (exportSettingForm.controls.reimbursableExportType.value | snakeCaseToSpaceCase | titlecase) + ' be posted to?'"
+                            [label]="'To which Bank Account should the ' + (exportSettingForm.controls.reimbursableExportType.value | snakeCaseToSpaceCase | lowercase) + ' be posted to?'"
                             [options]="bankAccounts"
                             [placeholder]="'Select bank account'"
                             [form]="exportSettingForm"
@@ -168,7 +168,7 @@
                 <div class="clone-setting--field" *ngIf="exportSettingForm.controls.creditCardExportType.value">
                     <app-clone-setting-field
                         [iconSource]="'calendar'"
-                        [label]="'Set the ' + (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | titlecase) + ' date as'"
+                        [label]="'Set the ' + (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | lowercase) + ' date as'"
                         [options]="cccExpenseGroupingDateOptions"
                         [placeholder]="'Select export date'"
                         [form]="exportSettingForm"
diff --git a/src/app/integrations/xero/xero-shared/xero-export-settings/xero-export-settings.component.html b/src/app/integrations/xero/xero-shared/xero-export-settings/xero-export-settings.component.html
index b6fb9d100..12e4d4b39 100644
--- a/src/app/integrations/xero/xero-shared/xero-export-settings/xero-export-settings.component.html
+++ b/src/app/integrations/xero/xero-shared/xero-export-settings/xero-export-settings.component.html
@@ -91,7 +91,7 @@ <h5>
                                 [isFieldMandatory]="true"
                                 [mandatoryErrorListName]="'export date'"
                                 [placeholder]="'Select export date'"
-                                [label]="'Set the ' + (exportSettingForm.controls.reimbursableExportType.value| snakeCaseToSpaceCase | titlecase) + ' date as'"
+                                [label]="'Set the ' + (exportSettingForm.controls.reimbursableExportType.value| snakeCaseToSpaceCase | lowercase) + ' date as'"
                                 [subLabel]="'The selected type of date will reflect in the expenses exported from ' + brandingConfig.brandName + ' to Xero.'"
                                 [options]="reimbursableExpenseGroupingDateOptions"
                                 [iconPath]="'calendar'"
@@ -182,11 +182,11 @@ <h5>
                             [form]="exportSettingForm"
                             [isFieldMandatory]="true"
                             [mandatoryErrorListName]="'export date'"
-                            [label]=" 'Set the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.controls.creditCardExportType.value | lowercase))  + ' date as'"
+                            [label]=" 'Set the ' + (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | lowercase)  + ' date as'"
                             [subLabel]="'The selected date will reflect in the corporate card expenses exported to Xero.'"
                             [options]="cccExpenseGroupingDateOptions"
                             [iconPath]="'calendar'"
-                            [placeholder]="'Select the date of the ' + (brandingConfig.brandId === 'fyle' ? (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | titlecase) : (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | lowercase))"
+                            [placeholder]="'Select the date of the ' + (exportSettingForm.controls.creditCardExportType.value | snakeCaseToSpaceCase | lowercase)"
                             [formControllerName]="'creditCardExportDate'">
                         </app-configuration-select-field>
                     </div>
diff --git a/src/app/shared/components/configuration/configuration-import-field/configuration-import-field.component.html b/src/app/shared/components/configuration/configuration-import-field/configuration-import-field.component.html
index 503b34d77..8d910826d 100644
--- a/src/app/shared/components/configuration/configuration-import-field/configuration-import-field.component.html
+++ b/src/app/shared/components/configuration/configuration-import-field/configuration-import-field.component.html
@@ -13,13 +13,13 @@
         <div *ngFor="let defaultField of defaultImportFields">
             <div class="tw-flex tw-pt-18-px">
                 <div>
-                    <input type="text" class="tw-text-14-px tw-text-text-secondary !tw-font-500 tw-w-300-px !tw-px-14-px !tw-py-10-px tw-border tw-border-solid !tw-border-border-tertiary tw-rounded-4-px" value="{{ defaultField.destination_field | snakeCaseToSpaceCase | titlecase }}" disabled>
+                    <input type="text" class="tw-text-14-px tw-text-text-secondary !tw-font-500 tw-w-300-px !tw-px-14-px !tw-py-10-px tw-border tw-border-solid !tw-border-border-tertiary tw-rounded-4-px" value="{{ defaultField.destination_field | snakeCaseToSpaceCase | sentenceCase }}" disabled>
                 </div>
                 <div class="tw-pt-18-px">
                     <app-svg-icon [isTextColorAllowed]="true" [svgSource]="'arrow-line'" [height]="'30px'" [width]="'100px'" [styleClasses]="'!tw-ml-0 tw-self-center tw-text-border-secondary'"></app-svg-icon>
                 </div>
                 <div class="tw-w-30-vw">
-                    <input type="text" class="tw-text-14-px tw-text-text-secondary !tw-font-500 tw-w-300-px !tw-px-14-px !tw-py-10-px tw-border tw-border-solid !tw-border-border-tertiary tw-rounded-4-px" value="{{ defaultField.source_field | snakeCaseToSpaceCase | titlecase }}" disabled>
+                    <input type="text" class="tw-text-14-px tw-text-text-secondary !tw-font-500 tw-w-300-px !tw-px-14-px !tw-py-10-px tw-border tw-border-solid !tw-border-border-tertiary tw-rounded-4-px" value="{{ defaultField.source_field | snakeCaseToSpaceCase | sentenceCase }}" disabled>
                 </div>
                 <div class="input-toggle-section tw-w-10-vw tw-pt-10-px">
                     <p-inputSwitch [formControlName]="defaultField.formController" (onChange)="onImportToFyleToggleChange($event, defaultField.destination_field)"></p-inputSwitch>
@@ -38,11 +38,11 @@
                       </div>
                       <div>
                         <h4 class="tw-font-500 tw-text-14-px tw-text-text-secondary" [ngClass]="isCloneSettingView ? 'tw-py-2-px' : ''">
-                            Import {{ brandingConfig.brandId === 'co' ? (getDestinationField(expenseField.get('destination_field')?.value | snakeCaseToSpaceCase) | titlecase | lowercase ) : (getDestinationField(expenseField.get('destination_field')?.value | snakeCaseToSpaceCase) | titlecase) }} from {{ uiExposedAppName }}
+                            Import {{ (getDestinationField(expenseField.get('destination_field')?.value | snakeCaseToSpaceCase) | lowercase ) }} from {{ uiExposedAppName }}
                             <app-optional-field *ngIf="!isAsterikAllowed"></app-optional-field>
                         </h4>
                         <h5 *ngIf="!isCloneSettingView" class="!tw-text-text-muted tw-text-14-px !tw-font-400 !tw-leading-4" [ngClass]="{'tw-pt-4-px': brandingConfig.brandId === 'co', 'tw-pt-8-px': brandingConfig.brandId !== 'co'}">
-                          The imported {{ brandingConfig.brandId === 'co' ? (getDestinationField(expenseField.get('destination_field')?.value | snakeCaseToSpaceCase) | titlecase | lowercase) : (getDestinationField(expenseField.get('destination_field')?.value | snakeCaseToSpaceCase) | titlecase) }} 
+                          The imported {{ (getDestinationField(expenseField.get('destination_field')?.value | snakeCaseToSpaceCase) | lowercase) }} 
                           <span *ngIf="brandingConfig.brandId !== 'co'">from {{ uiExposedAppName }} will be a selectable field while creating an expense.</span>
                           <span *ngIf="brandingConfig.brandId === 'co'"> will be an available field when creating an expense.</span>
                         </h5>        
@@ -59,13 +59,13 @@ <h5 *ngIf="!isCloneSettingView" class="!tw-text-text-muted tw-text-14-px !tw-fon
                         optionLabel="display_name" optionValue="attribute_type" [ngClass]="{'selectedAccItem !tw-text-text-secondary': isDestinationFixedImport}">
                         <ng-template let-option pTemplate="item">
                             <div>
-                                {{ brandingConfig.brandId === 'co' ? (option.display_name | snakeCaseToSpaceCase | sentenceCase) : option.display_name | snakeCaseToSpaceCase | titlecase }}
+                                {{ (option.display_name | snakeCaseToSpaceCase | sentenceCase) }}
                             </div>
                         </ng-template>
                         <ng-template pTemplate="selectedItem" let-item>
                             <div class="tw-flex tw-justify-between tw-items-center">
                                 <span>
-                                    {{ brandingConfig.brandId === 'co' ? (item.display_name | snakeCaseToSpaceCase | sentenceCase) : item.display_name | snakeCaseToSpaceCase | titlecase }}
+                                    {{ item.display_name | snakeCaseToSpaceCase | sentenceCase }}
                                 </span>
                             </div>
                         </ng-template>
@@ -85,12 +85,12 @@ <h5 *ngIf="!isCloneSettingView" class="!tw-text-text-muted tw-text-14-px !tw-fon
                                 <div *ngIf="brandingFeatureConfig.isIconsInsideButtonAllowed && option.attribute_type === 'custom_field'" class="tw-ml-0 tw-mr-6-px ">
                                     <app-svg-icon [svgSource]="'plus-square-medium'" [width]="'18px'" [height]="'18px'" ></app-svg-icon>
                                 </div>
-                                {{ brandingConfig.brandId === 'co' ? (option.display_name | sentenceCase) : option.display_name }}
+                                {{ (option.display_name | sentenceCase) }}
                             </div>
                             </ng-template>
                             <ng-template pTemplate="selectedItem" let-item class="tw-flex tw-justify-between tw-items-center">
                                 <p>
-                                    {{ brandingConfig.brandId === 'co' ? (item.display_name | sentenceCase) : item.display_name }}
+                                    {{ (item.display_name | sentenceCase) }}
                                 </p>
                                 <app-svg-icon *ngIf="(expenseField.get('source_field')?.value !== 'CATEGORY') && (uiExposedAppName === AppName.XERO ? expenseField.get('destination_field')?.value !== 'CUSTOMER' : true )" [svgSource]="'cross-medium'" [c1SvgSource]="'grv-cross-filled-medium'" (click)="removeFilter(expenseField)" [height]="'18px'" [width]="'18px'" [styleClasses]="'tw-mt-4-px'"></app-svg-icon>
                             </ng-template>
@@ -129,7 +129,7 @@ <h5 *ngIf="!isCloneSettingView" class="!tw-text-text-muted tw-text-14-px !tw-fon
                                 <app-svg-icon [isTextColorAllowed]="true" [svgSource]="'arrow-line'" [height]="'10px'" [width]="'100px'" [styleClasses]="'tw-text-border-secondary'"></app-svg-icon>
                             </div>
                             <div>
-                                <p class="tw-mb-8-px tw-text-form-label-text-color" [ngClass]="{'!tw-font-400 tw-text-14-px': brandingConfig.brandId !== 'co', '!tw-font-600 tw-text-12-px': brandingConfig.brandId === 'co'}">{{brandingConfig.brandName}} {{brandingConfig.brandId === 'co' ? 'field' : 'Field'}} <app-mandatory-field></app-mandatory-field> </p>
+                                <p class="tw-mb-8-px tw-text-form-label-text-color" [ngClass]="{'!tw-font-400 tw-text-14-px': brandingConfig.brandId !== 'co', '!tw-font-600 tw-text-12-px': brandingConfig.brandId === 'co'}">{{brandingConfig.brandName}} field <app-mandatory-field></app-mandatory-field> </p>
                                 <p-dropdown appendTo="body" class="tw-w-28-vw" [formControlName]="dependentField.formController" [options]="dependentField.options" optionLabel="attribute_type" [placeholder]="helper.sentenseCaseConversion('Select Expense Field')" [dropdownIcon]="'pi pi-chevron-down ' + brandingConfig.brandId">
                                     <ng-template let-option pTemplate="item">
                                         <div [ngClass]="{'custom-option': option.attribute_type === 'custom_field'}" class="tw-align-middle">
diff --git a/src/app/shared/components/configuration/configuration-mapping-fields/configuration-mapping-fields.component.html b/src/app/shared/components/configuration/configuration-mapping-fields/configuration-mapping-fields.component.html
index 3b2471945..e97b5b829 100644
--- a/src/app/shared/components/configuration/configuration-mapping-fields/configuration-mapping-fields.component.html
+++ b/src/app/shared/components/configuration/configuration-mapping-fields/configuration-mapping-fields.component.html
@@ -12,7 +12,7 @@
                             <ng-template pTemplate="selectedItem" let-item>
                                 <div class="tw-flex tw-justify-between tw-items-center">
                                     <span>
-                                        {{ item[destinationAttributeNames.label] | snakeCaseToSpaceCase | titlecase }}
+                                        {{ item[destinationAttributeNames.label] | snakeCaseToSpaceCase | sentenceCase }}
                                     </span>
                                 </div>
                             </ng-template>
diff --git a/src/app/shared/components/configuration/configuration-select-field/configuration-select-field.component.html b/src/app/shared/components/configuration/configuration-select-field/configuration-select-field.component.html
index bc2ef2d8c..4deb203b2 100644
--- a/src/app/shared/components/configuration/configuration-select-field/configuration-select-field.component.html
+++ b/src/app/shared/components/configuration/configuration-select-field/configuration-select-field.component.html
@@ -110,7 +110,7 @@ <h5 *ngIf="formControllerName === 'cccExportType' && brandingConfig.brandId ===
                         <p-dropdown appendTo="body" [options]="options" [formControlName]="formControllerName" [placeholder]="placeholder" [ngClass]="[form.controls[formControllerName].invalid && isFieldMandatory && form.controls[formControllerName].touched ? 'error-box' : 'normal-box']">
                             <ng-template let-value pTemplate="selectedItem" >
                                 <div *ngIf="form.get(formControllerName)?.value" class="tw-flex">
-                                    <p>{{ value | titlecase | snakeCaseToSpaceCase }}</p>
+                                    <p>{{ value | snakeCaseToSpaceCase | sentenceCase }}</p>
                                 </div>
                                 <div *ngIf="!form.get(formControllerName)?.value" class="tw-text-placeholder">
                                     {{ placeholder }}
@@ -118,7 +118,7 @@ <h5 *ngIf="formControllerName === 'cccExportType' && brandingConfig.brandId ===
                             </ng-template>
                             <ng-template let-day pTemplate="item">
                                 <div>
-                                    <p class="tw-text-sub-text-color tw-text-14-px">{{ day | titlecase | snakeCaseToSpaceCase }}</p>
+                                    <p class="tw-text-sub-text-color tw-text-14-px">{{ day | snakeCaseToSpaceCase | sentenceCase }}</p>
                                 </div>
                             </ng-template>
                         </p-dropdown>
@@ -140,7 +140,7 @@ <h5 *ngIf="formControllerName === 'cccExportType' && brandingConfig.brandId ===
                 <p-dropdown appendTo="body" [options]="simpleOptions" [formControlName]="formControllerName" [placeholder]="placeholder" [ngClass]="[form.controls[formControllerName].invalid && isFieldMandatory && form.controls[formControllerName].touched ? 'error-box' : 'normal-box']" [disabled]="isDisabled">
                     <ng-template let-value pTemplate="selectedItem" >
                         <div *ngIf="form.get(formControllerName)?.value" class="tw-flex">
-                            <p *ngIf="formControllerName !== 'defaultEmployee'">{{ value | titlecase | snakeCaseToSpaceCase }}</p>
+                            <p *ngIf="formControllerName !== 'defaultEmployee'">{{ value | snakeCaseToSpaceCase | sentenceCase }}</p>
                             <p *ngIf="formControllerName === 'defaultEmployee'">{{ value }}</p>
                         </div>
                         <div *ngIf="!form.get(formControllerName)?.value" class="tw-text-placeholder">
@@ -149,7 +149,7 @@ <h5 *ngIf="formControllerName === 'cccExportType' && brandingConfig.brandId ===
                     </ng-template>
                     <ng-template let-memo pTemplate="item">
                         <div>
-                            <p class="tw-text-sub-text-color tw-text-14-px">{{ memo | titlecase | snakeCaseToSpaceCase }}</p>
+                            <p class="tw-text-sub-text-color tw-text-14-px">{{ memo | snakeCaseToSpaceCase | sentenceCase }}</p>
                         </div>
                     </ng-template>
                 </p-dropdown>
diff --git a/src/app/shared/components/configuration/configuration-skip-export/configuration-skip-export.component.html b/src/app/shared/components/configuration/configuration-skip-export/configuration-skip-export.component.html
index 4cd20fd8a..98e65a19e 100644
--- a/src/app/shared/components/configuration/configuration-skip-export/configuration-skip-export.component.html
+++ b/src/app/shared/components/configuration/configuration-skip-export/configuration-skip-export.component.html
@@ -24,7 +24,7 @@
                   For options
                   <ng-template let-option pTemplate="item">
                     <span *ngIf="option.field_name !== 'claim_number'">
-                      {{ (option.field_name === 'report_title' ? 'report_name' : option.field_name) | snakeCaseToSpaceCase | titlecase }}
+                      {{ (option.field_name === 'report_title' ? 'report_name' : option.field_name) | snakeCaseToSpaceCase | sentenceCase }}
                     </span>
                     <span *ngIf="option.field_name === 'claim_number'">
                       Report Number
@@ -33,7 +33,7 @@
                   For selected option
                   <ng-template let-selectedOption pTemplate="selectedItem">
                     <span *ngIf="selectedOption.field_name !== 'claim_number'">
-                      {{ (selectedOption.field_name === 'report_title' ? 'report_name' : selectedOption.field_name) | snakeCaseToSpaceCase | titlecase }}
+                      {{ (selectedOption.field_name === 'report_title' ? 'report_name' : selectedOption.field_name) | snakeCaseToSpaceCase | sentenceCase }}
                     </span>
                     <span *ngIf="selectedOption.field_name === 'claim_number'">
                       Report Number
@@ -95,7 +95,7 @@
                 For options
                 <ng-template let-option pTemplate="item">
                   <span *ngIf="option.field_name !== 'claim_number'">
-                    {{ option.field_name | snakeCaseToSpaceCase | titlecase }}
+                    {{ option.field_name | snakeCaseToSpaceCase | sentenceCase }}
                   </span>
                   <span *ngIf="option.field_name === 'claim_number'">
                     Report Number
@@ -104,7 +104,7 @@
                 For selected option
                 <ng-template let-selectedOption pTemplate="selectedItem">
                   <span *ngIf="selectedOption.field_name !== 'claim_number'">
-                    {{ selectedOption.field_name | snakeCaseToSpaceCase | titlecase }}
+                    {{ selectedOption.field_name | snakeCaseToSpaceCase | sentenceCase }}
                   </span>
                   <span *ngIf="selectedOption.field_name === 'claim_number'">
                     Report Number
diff --git a/src/app/shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.html b/src/app/shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.html
index 4b5147ac1..2700d70a0 100644
--- a/src/app/shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.html
+++ b/src/app/shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.html
@@ -75,7 +75,7 @@ <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leadin
                 <div *ngFor="let error of errors?.ACCOUNTING_ERROR" class="tw-pl-24-px tw-pr-24-px tw-pt-16-px">
                     <div class="container">
                         <div class="inside-container">
-                            <h4 class="tw-text-14-px !tw-font-500 tw-text-text-secondary tw-w-600-px">{{ error.error_title | snakeCaseToSpaceCase | titlecase }}</h4>
+                            <h4 class="tw-text-14-px !tw-font-500 tw-text-text-secondary tw-w-600-px">{{ error.error_title | snakeCaseToSpaceCase | sentenceCase }}</h4>
                             <div class="flex-wrapper">
                                 <h5 class="!tw-text-text-muted tw-text-12-px tw-pt-10-px !tw-font-400 !tw-leading-4 tw-w-600-px tw-flex tw-items-center tw-justify-start">
                                     <p>{{ error.error_detail }}
@@ -132,7 +132,7 @@ <h3 class="dialog-sub-header">
 <div>
     <p-dialog [dismissableMask]="true" [(visible)]="isMappingResolveVisible" [modal]="true" [position]="'topright'" [style]="{ width: 'fit-content', height: '100vh' }" [maximizable]="false" [draggable]="false" [resizable]="false" [breakpoints]="{ '960px': '75vw' }" (onHide)="handleResolvedMappingStat()">
         <p-header>
-            <p class="tw-text-text-primary tw-text-20-px tw-line-height-20">{{ brandingConfig.brandId === 'co' ? (errorType | snakeCaseToSpaceCase | sentenceCase) : (errorType | snakeCaseToSpaceCase | titlecase) }} {{brandingContentCommon.errors}}</p>
+            <p class="tw-text-text-primary tw-text-20-px tw-line-height-20">{{ brandingConfig.brandId === 'co' ? (errorType | snakeCaseToSpaceCase | sentenceCase) : (errorType | snakeCaseToSpaceCase | lowercase) }} {{brandingContentCommon.errors}}</p>
             <p class="dialog-sub-header">Resolve the following mapping errors to export your failed expenses successfully to {{uiExposedAppName}}</p>
         </p-header>
           <app-generic-mapping-table *ngIf="isMappingResolveVisible && !isLoading" [employeeFieldMapping]="employeeFieldMapping" [isLoading]="isLoading" [appName]="appName" [isDashboardMappingResolve]="true" [destinationField]="destinationField" [filteredMappings]="filteredMappings" [sourceField]="sourceField" [destinationOptions]="destinationOptions" [displayName]="displayName" [isMultiLineOption]="isMultiLineOption" [detailAccountType]="detailAccountType"></app-generic-mapping-table>
diff --git a/src/app/shared/components/export-log/export-log-table/export-log-table.component.html b/src/app/shared/components/export-log/export-log-table/export-log-table.component.html
index 875bfe7e9..60c439aa2 100644
--- a/src/app/shared/components/export-log/export-log-table/export-log-table.component.html
+++ b/src/app/shared/components/export-log/export-log-table/export-log-table.component.html
@@ -37,7 +37,7 @@
                 <span [ngClass]="{'truncate-export-type': rowData.exportedAs?.length > 10 && !isExportLogTable}"
                     [pTooltip]="rowData.exportedAs.length > 10 && !isExportLogTable ? rowData.exportedAs : null"
                     tooltipPosition="top">
-                    {{brandingConfig.brandId === 'co' ? (rowData.exportedAs | snakeCaseToSpaceCase | sentenceCase) : (rowData.exportedAs | snakeCaseToSpaceCase | titlecase)}}
+                    {{ (rowData.exportedAs | snakeCaseToSpaceCase | sentenceCase) }}
                 </span>
             </td>
             <td *ngIf="!isDashboardFailed && appName !== AppName.SAGE300 && appName !== AppName.QBD_DIRECT && appName !== AppName.BUSINESS_CENTRAL">
diff --git a/src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html b/src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html
index 7c00ea4b5..0cd471b41 100644
--- a/src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html
+++ b/src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html
@@ -1,8 +1,8 @@
 <p-table [value]="filteredMappings" [tableStyle]="{ 'min-width': '50rem'}">
     <ng-template pTemplate="header">
         <tr>
-        <th class="!tw-pl-40-px">{{helper.sentenseCaseConversion(sourceField | snakeCaseToSpaceCase | titlecase)}} in {{brandingConfig.brandName}}</th>
-        <th>{{helper.sentenseCaseConversion(destinationField | snakeCaseToSpaceCase | titlecase)}} in {{uiExposedAppName}}</th>
+        <th class="!tw-pl-40-px">{{ (sourceField | snakeCaseToSpaceCase | sentenceCase) }} in {{brandingConfig.brandName}}</th>
+        <th>{{ (destinationField | snakeCaseToSpaceCase | sentenceCase) }} in {{uiExposedAppName}}</th>
         <th *ngIf="!isDashboardMappingResolve">Status</th>
         </tr>
     </ng-template>
diff --git a/src/app/shared/components/helper/mapping/generic-mapping-v2/generic-mapping-v2.component.html b/src/app/shared/components/helper/mapping/generic-mapping-v2/generic-mapping-v2.component.html
index af83a6e01..889fb5365 100644
--- a/src/app/shared/components/helper/mapping/generic-mapping-v2/generic-mapping-v2.component.html
+++ b/src/app/shared/components/helper/mapping/generic-mapping-v2/generic-mapping-v2.component.html
@@ -20,8 +20,8 @@
                 </div>
                 <div *ngIf="!filteredMappingCount">
                     <app-zero-state-with-illustration 
-                    [mainText]="brandingConfig.brandId === 'fyle' ? brandingContent.mappingSearchZeroStateHeaderText : brandingContent.mappingSearchZeroStateHeaderText + (this.sourceField | snakeCaseToSpaceCase | titlecase) + ' mappings.'"
-                    [subText]="brandingConfig.brandId === 'fyle' ? brandingContent.mappingSearchZeroStateSubHeaderText + (this.sourceField | snakeCaseToSpaceCase | titlecase) + ' mappings': brandingContent.mappingSearchZeroStateSubHeaderText">
+                    [mainText]="brandingConfig.brandId === 'fyle' ? brandingContent.mappingSearchZeroStateHeaderText : brandingContent.mappingSearchZeroStateHeaderText + (this.sourceField | snakeCaseToSpaceCase | lowercase) + ' mappings.'"
+                    [subText]="brandingConfig.brandId === 'fyle' ? brandingContent.mappingSearchZeroStateSubHeaderText + (this.sourceField | snakeCaseToSpaceCase | lowercase) + ' mappings': brandingContent.mappingSearchZeroStateSubHeaderText">
                   </app-zero-state-with-illustration>              
                 </div>
             </div>
diff --git a/src/app/shared/components/qbd/mapping/qbd-mapping-table/qbd-mapping-table.component.html b/src/app/shared/components/qbd/mapping/qbd-mapping-table/qbd-mapping-table.component.html
index bfaf868e4..c0d1dc64b 100644
--- a/src/app/shared/components/qbd/mapping/qbd-mapping-table/qbd-mapping-table.component.html
+++ b/src/app/shared/components/qbd/mapping/qbd-mapping-table/qbd-mapping-table.component.html
@@ -2,7 +2,7 @@
     <p-table [value]="mappings" [tableStyle]="{ 'min-width': '50rem' }" [sortField]="'source_value'" [sortOrder]="1">
         <ng-template pTemplate="header">
             <tr>
-                <th class="tw-flex tw-justify-start tw-items-center">{{ fyleHeaderName | snakeCaseToSpaceCase | titlecase }} <i class="tw-ml-6-px pi pi-sort-amount-down"></i></th>
+                <th class="tw-flex tw-justify-start tw-items-center">{{ fyleHeaderName | snakeCaseToSpaceCase | sentenceCase }} <i class="tw-ml-6-px pi pi-sort-amount-down"></i></th>
                 <th>{{ destinationHeaderName }}</th>
                 <th>Status</th>
             </tr>
diff --git a/src/app/shared/components/si/core/intacct-location-entity/intacct-location-entity.component.html b/src/app/shared/components/si/core/intacct-location-entity/intacct-location-entity.component.html
index 9d92b45af..cf8cbd1e2 100644
--- a/src/app/shared/components/si/core/intacct-location-entity/intacct-location-entity.component.html
+++ b/src/app/shared/components/si/core/intacct-location-entity/intacct-location-entity.component.html
@@ -14,7 +14,7 @@
     <div class="tw-flex tw-justify-around tw-items-center tw-h-240-px">
       <div class="tw-w-40-vw tw-h-240-px tw-flex tw-flex-col tw-items-center tw-justify-center">
         <h5 class="tw-text-14-px tw-text-text-tertiary tw-font-500 align-center tw-cursor-default">
-          {{(brandingConfig.brandId==='fyle' ? (brandingConfig.brandName | uppercase) : brandingConfig.brandName | sentenceCase)}}
+          {{(brandingConfig.brandName | sentenceCase)}}
         </h5>
         <h3 [pTooltip]="fyleOrgName" [tooltipDisabled]="fyleOrgName.length < 26" tooltipPosition="left" tooltipStyleClass="left" class="tw-text-18-px tw-pt-18-px tw-whitespace-nowrap tw-cursor-default">
           {{ fyleOrgName | trimCharacter: 26 }}
@@ -28,7 +28,7 @@ <h3 [pTooltip]="fyleOrgName" [tooltipDisabled]="fyleOrgName.length < 26" tooltip
           <div class="tw-whitespace-nowrap">
             <div>
               <h5 class="tw-text-14-px tw-font-500 tw-items-center tw-text-text-tertiary">
-              {{(brandingConfig.brandId==='fyle' ? (appName | uppercase) : appName)}}
+              {{(appName)}}
             </h5>
             </div>
           </div>
diff --git a/src/app/shared/components/si/helper/dashboard-mapping-resolve/dashboard-mapping-resolve.component.html b/src/app/shared/components/si/helper/dashboard-mapping-resolve/dashboard-mapping-resolve.component.html
index 04618eb7d..2c960e792 100644
--- a/src/app/shared/components/si/helper/dashboard-mapping-resolve/dashboard-mapping-resolve.component.html
+++ b/src/app/shared/components/si/helper/dashboard-mapping-resolve/dashboard-mapping-resolve.component.html
@@ -4,7 +4,7 @@
         <ng-template pTemplate="header">
             <tr>
                 <th>Category</th>
-                <th>{{getCategoryDestinationType() | snakeCaseToSpaceCase | titlecase}}</th>
+                <th>{{getCategoryDestinationType() | snakeCaseToSpaceCase | sentenceCase}}</th>
             </tr>
         </ng-template>
         <ng-template pTemplate="body" let-error let-rowIndex="rowIndex">
diff --git a/src/app/shared/components/si/helper/skip-export/skip-export.component.html b/src/app/shared/components/si/helper/skip-export/skip-export.component.html
index 1b709ba3e..3b2dcef2f 100644
--- a/src/app/shared/components/si/helper/skip-export/skip-export.component.html
+++ b/src/app/shared/components/si/helper/skip-export/skip-export.component.html
@@ -23,11 +23,11 @@
                 <p-dropdown appendTo="body" [options]="conditionFieldOptions" formControlName="condition1" placeholder="Select Condition">
                   <!-- For options -->
                   <ng-template let-option pTemplate="item">
-                    {{ (option.field_name === 'report_title' ? 'report_name' : option.field_name) | snakeCaseToSpaceCase | titlecase }}
+                    {{ (option.field_name === 'report_title' ? 'report_name' : option.field_name) | snakeCaseToSpaceCase | sentenceCase }}
                   </ng-template>
                   <!-- For selected option -->
                   <ng-template let-selectedOption pTemplate="selectedItem">
-                    {{ (selectedOption.field_name === 'report_title' ? 'report_name' : selectedOption.field_name) | snakeCaseToSpaceCase | titlecase }}
+                    {{ (selectedOption.field_name === 'report_title' ? 'report_name' : selectedOption.field_name) | snakeCaseToSpaceCase | sentenceCase }}
                   </ng-template>
                 </p-dropdown>                               
                 <app-mandatory-error-message *ngIf="skipExportForm.controls.condition1.touched && !skipExportForm.controls.condition1.valid"
@@ -84,11 +84,11 @@
               <p-dropdown appendTo="body" [options]="conditionFieldOptions" formControlName="condition2" placeholder="Select Condition">
                 <!-- For options -->
                 <ng-template let-option pTemplate="item">
-                  {{ option.field_name | snakeCaseToSpaceCase | titlecase }}
+                  {{ option.field_name | snakeCaseToSpaceCase | sentenceCase }}
                 </ng-template>
                 <!-- For selected option -->
                 <ng-template let-selectedOption pTemplate="selectedItem">
-                  {{ selectedOption.field_name | snakeCaseToSpaceCase | titlecase }}
+                  {{ selectedOption.field_name | snakeCaseToSpaceCase | sentenceCase }}
                 </ng-template>
               </p-dropdown>                            
               <app-mandatory-error-message *ngIf="skipExportForm.controls.condition2.touched && !skipExportForm.controls.condition2.valid"