From e29b6a5ea661ae76ec89dcd9419a004051d4263f Mon Sep 17 00:00:00 2001
From: Nilesh Pant <58652823+NileshPant1999@users.noreply.github.com>
Date: Thu, 12 Dec 2024 11:27:39 +0530
Subject: [PATCH] fix: dynamic content for xero customize settings (#1112)

---
 src/app/branding/c1-contents-config.ts                      | 5 ++++-
 src/app/branding/fyle-contents-config.ts                    | 1 +
 src/app/core/models/branding/content-configuration.model.ts | 3 +++
 .../xero-advanced-settings.component.html                   | 6 +++---
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/app/branding/c1-contents-config.ts b/src/app/branding/c1-contents-config.ts
index a9d9ddb30..b24efc370 100644
--- a/src/app/branding/c1-contents-config.ts
+++ b/src/app/branding/c1-contents-config.ts
@@ -254,7 +254,10 @@ export const c1Contents = {
                 accountingPeriodSubLabel: 'If the accounting period is closed, the expenses will be exported with a date stamp for the first day of the current open accounting period.',
                 autoCreateVendorsSubLabel: 'Automatically create a new contact in Xero if an added merchant doesn\'t have a corresponding match.',
                 customPreferencesLabel: 'Other preferences',
-                customPreferencesSubLabel: 'Create new records in Xero if no contacts found or the accounting period is closed.'
+                customPreferencesSubLabel: 'Create new records in Xero if no contacts found or the accounting period is closed.',
+                memoStructureLabel: 'Set the line-item description field in Xero',
+                memoStructureSubLabel: 'Choose from a list of available data points that you\'d like to export to the description field in Xero.',
+                customizeSectionSubLabel: 'Customize the data that you\'d like to export from Expense Management to Xero by choosing which data points need to be exported.'
             }
         }
     },
diff --git a/src/app/branding/fyle-contents-config.ts b/src/app/branding/fyle-contents-config.ts
index 53b3f8f46..16d1977ca 100644
--- a/src/app/branding/fyle-contents-config.ts
+++ b/src/app/branding/fyle-contents-config.ts
@@ -250,6 +250,7 @@ export const fyleContents = {
                 topLevelMemoStructureSubLabel: 'Select the datapoints you\'d like to export to Xero’s top-level memo field when exporting expenses from Fyle.',
                 memoStructureLabel: 'Customize the Line-Item Level Memo Field',
                 memoStructureSubLabel: 'Select the datapoints you\'d like to export to Xero\’s line-item level memo field when exporting expenses from Fyle.',
+                customizeSectionSubLabel: 'In this section, you can customize the data that you\'d like to export from ' + brandingConfig.brandName + ' to Xero. You can choose what data points need to be exported and what shouldn\'t be.',
                 frequencySubLabel: 'Set a frequency based on how often you want your expenses in Fyle to be exported to Xero.',
                 customPreferencesLabel: 'Other Preferences',
                 customPreferencesSubLabel: 'Based on your preference, you can choose whether you want to create any new records in Xero from ' + brandingConfig.brandName + '. (when there is no employee record found, or when the accounting period is closed)',
diff --git a/src/app/core/models/branding/content-configuration.model.ts b/src/app/core/models/branding/content-configuration.model.ts
index 88af007c8..0d109e4bf 100644
--- a/src/app/core/models/branding/content-configuration.model.ts
+++ b/src/app/core/models/branding/content-configuration.model.ts
@@ -248,6 +248,9 @@ export type ContentConfiguration = {
                     scheduleSubLabel: string;
                     accountingPeriodSubLabel: string;
                     autoCreateVendorsSubLabel: string;
+                    memoStructureLabel: string;
+                    memoStructureSubLabel: string;
+                    customizeSectionSubLabel: string;
                     frequencySubLabel: string;
                 }
             },
diff --git a/src/app/integrations/xero/xero-shared/xero-advanced-settings/xero-advanced-settings.component.html b/src/app/integrations/xero/xero-shared/xero-advanced-settings/xero-advanced-settings.component.html
index 08c523c4f..9aad805b2 100644
--- a/src/app/integrations/xero/xero-shared/xero-advanced-settings/xero-advanced-settings.component.html
+++ b/src/app/integrations/xero/xero-shared/xero-advanced-settings/xero-advanced-settings.component.html
@@ -103,7 +103,7 @@
             <div class="tw-mb-16-px">
                 <app-configuration-step-sub-header
                     [label]="'Customization'"
-                    [subLabel]="'In this section, you can customize the data that you\'d like to export from ' + brandingConfig.brandName + ' to Xero. You can choose what data points need to be exported and what shouldn\'t be.'">
+                    [subLabel]="brandingContent.customizeSectionSubLAbel">
                 </app-configuration-step-sub-header>
             </div>
             <div class="tw-rounded-12-px tw-border-separator tw-border tw-bg-white tw-mb-16-px">
@@ -111,8 +111,8 @@
                     [form]="advancedSettingForm"
                     [isFieldMandatory]="false"
                     [mandatoryErrorListName]="'Item level description'"
-                    [label]="'Set the line item-level Description Field in Xero'"
-                    [subLabel]="'You can choose from a list of available data points that you\'d like to export to the description field in Xero.'"
+                    [label]="brandingContent.memoStructureLabel"
+                    [subLabel]="brandingContent.memoStructureSubLabel"
                     [options]="defaultMemoFields"
                     [iconPath]="'list'"
                     [placeholder]="'Set description'"