fix: QBD app name references (#1106)

ashwin1111 · ashwin1111 · commit 4f73b406909e · 2024-12-10T19:23:19.000+05:30
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
diff --git a/src/app/shared/components/configuration/configuration-import-field/configuration-import-field.component.ts b/src/app/shared/components/configuration/configuration-import-field/configuration-import-field.component.ts
@@ -59,6 +59,8 @@ export class ConfigurationImportFieldComponent implements OnInit {
 
   isXeroProjectMapped: boolean;
 
+  uiExposedAppName: string;
+
   importCodeSelectorOptions: Record<string, { label: string; value: boolean; subLabel: string; }[]> = {
     "ACCOUNT": [
       {
@@ -308,6 +310,7 @@ export class ConfigurationImportFieldComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;
     if (this.form.controls?.dependentFieldImportToggle?.value) {
       this.form.controls?.dependentFieldImportToggle.disable();
     }
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
@@ -9,7 +9,7 @@
                 <h5 class="tw-text-text-secondary tw-text-14-px !tw-font-500">{{ label | snakeCaseToSpaceCase}}<app-mandatory-field *ngIf="isFieldMandatory"></app-mandatory-field></h5>
                 <h5 *ngIf="!(exportConfigurationIconPath && appName === AppName.TRAVELPERK ) && (subLabel !== undefined|| (formControllerName !== 'reimbursableExportType' && formControllerName!=='cccExportType' && formControllerName !== 'creditCardExportType'))" class="!tw-text-text-muted tw-text-14-px !tw-font-400 !tw-leading-4 tw-max-w-600-px tw-text-pretty" [ngClass]="{'tw-pt-4-px': brandingConfig.brandId === 'co', 'tw-pt-8-px': brandingConfig.brandId !== 'co'}" [innerHTML]="subLabel"></h5>
                 <h5 *ngIf="(formControllerName === 'reimbursableExportType' || formControllerName === 'cccExportType' || formControllerName === 'creditCardExportType') && appName !== AppName.QBO && subLabel === undefined && !(formControllerName === 'cccExportType' && brandingConfig.brandId === 'co' && exportConfigurationIconPath && appName === AppName.INTACCT)" 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'}">
-                    Choose the type of transaction record that you would like to create in {{ appName }} while exporting expenses from {{brandingConfig.brandName}}. <span *ngIf="exportConfigurationIconPath && appName === AppName.INTACCT">Click<a (click)="showExportTable()" class="tw-cursor-pointer tw-text-link-primary"> here</a> for more details.</span>
+                    Choose the type of transaction record that you would like to create in {{ uiExposedAppName }} while exporting expenses from {{brandingConfig.brandName}}. <span *ngIf="exportConfigurationIconPath && appName === AppName.INTACCT">Click<a (click)="showExportTable()" class="tw-cursor-pointer tw-text-link-primary"> here</a> for more details.</span>
                 </h5>
                 <h5 *ngIf="subLabel && (exportConfigurationIconPath && appName === AppName.TRAVELPERK)" class="!tw-text-text-muted tw-text-14-px tw-pt-8-px !tw-font-400 !tw-leading-4 tw-max-w-600-px tw-text-pretty" >{{subLabel}}<span class="tw-pl-4-px">Click<a (click)="showExportTable()" class="tw-cursor-pointer tw-text-link-primary"> here</a> for Preview</span></h5>
                 <h5 *ngIf="formControllerName === 'cccExportType' && brandingConfig.brandId === 'co' && exportConfigurationIconPath && appName === AppName.INTACCT" class="!tw-text-text-muted tw-text-14-px tw-pt-8-px !tw-font-400 !tw-leading-4 tw-max-w-600-px tw-text-pretty" >Select the type of Sage Intacct transaction to export your expenses.<span class="tw-pl-4-px">Learn<a (click)="showExportTable()" class="tw-cursor-pointer tw-text-link-primary"> more</a> about exporting.</span></h5>
@@ -93,8 +93,8 @@ <h5 *ngIf="formControllerName === 'cccExportType' && brandingConfig.brandId ===
                 </p-dropdown>                
                     <div *ngIf="showExportPreview && form.controls[formControllerName].value" class="sub-text tw-text-pretty tw-pt-3-px">
                         <a class="tw-text-link-primary !tw-cursor-pointer" (click)="showExportPreviewDialog(form.controls[formControllerName].value)">Preview</a>
-                        <span *ngIf="brandingConfig.brandId !== 'co'"> how it looks on {{appName}}</span>
-                        <span *ngIf="brandingConfig.brandId === 'co'"> in {{appName}}</span>
+                        <span *ngIf="brandingConfig.brandId !== 'co'"> how it looks on {{uiExposedAppName}}</span>
+                        <span *ngIf="brandingConfig.brandId === 'co'"> in {{uiExposedAppName}}</span>
                     </div>
                     <div *ngIf="!showExportPreview && isDisabled && isDisableTextRequired" class="sub-text tw-text-pretty">
                         <span>Auto-selected based on your export module</span>
diff --git a/src/app/shared/components/configuration/configuration-select-field/configuration-select-field.component.ts b/src/app/shared/components/configuration/configuration-select-field/configuration-select-field.component.ts
@@ -81,6 +81,8 @@ export class ConfigurationSelectFieldComponent implements OnInit, OnChanges {
 
   exportTypeIconPath: string;
 
+  uiExposedAppName: string;
+
   meridiemOption: string[] = ['AM', 'PM'];
 
   timeOption: string[] = ['01:00', '01:30', '02:00', '02:30', '03:00', '03:30', '04:00', '04:30', '05:00', '05:30', '06:00', '06:30', '07:00', '07:30', '08:00', '08:30', '09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30'];
@@ -159,6 +161,7 @@ export class ConfigurationSelectFieldComponent implements OnInit, OnChanges {
   }
 
   ngOnInit(): void {
+    this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;
     this.isOnboarding = this.router.url.includes('onboarding');
     if (this.destinationAttributes) {
       this.optionsCopy = this.destinationAttributes.slice();
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
@@ -21,7 +21,7 @@ <h4 class="tw-text-14-px !tw-font-500 tw-text-text-secondary">{{brandingConfig.b
                             <h5 *ngIf="groupedErrorStat.EMPLOYEE_MAPPING" class="tw-text-text-muted tw-text-12-px">{{ groupedErrorStat.EMPLOYEE_MAPPING.resolvedCount }}/{{ groupedErrorStat.EMPLOYEE_MAPPING.totalCount }} {{groupedErrorStat.EMPLOYEE_MAPPING.totalCount > 1 ? 'errors' : 'error'}} resolved</h5>
                             <div class="flex-wrapper">
                                 <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leading-4">
-                                    <p>Map employees in {{brandingConfig.brandName}} to their corresponding records in {{appName}}.</p>
+                                    <p>Map employees in {{brandingConfig.brandName}} to their corresponding records in {{uiExposedAppName}}.</p>
                                 </h5>
                                 <div *ngIf="!groupedErrorStat.EMPLOYEE_MAPPING || (groupedErrorStat.EMPLOYEE_MAPPING && groupedErrorStat.EMPLOYEE_MAPPING.resolvedCount !== groupedErrorStat.EMPLOYEE_MAPPING.totalCount)">
                                     <span type="button" (click)="showMappingResolve(ErrorType.EMPLOYEE_MAPPING, errors.EMPLOYEE_MAPPING, ExportErrorSourceType.EMPLOYEE)" [ngClass]="[brandingConfig.brandId==='co' ? 'p-button primary-outline': 'p-button secondary-sm']">
@@ -45,7 +45,7 @@ <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leadin
                             <h4 class="tw-text-14-px !tw-font-500 tw-text-text-secondary">{{brandingConfig.brandId === 'co' ? (brandingContent.categoryMappingErrorText | sentenceCase) : brandingContent.categoryMappingErrorText}}</h4>
                             <h5 *ngIf="groupedErrorStat.CATEGORY_MAPPING" class="tw-pt-4-px tw-text-text-muted tw-text-12-px">{{ groupedErrorStat.CATEGORY_MAPPING.resolvedCount }}/{{ groupedErrorStat.CATEGORY_MAPPING.totalCount }} {{groupedErrorStat.CATEGORY_MAPPING.totalCount > 1 ? 'errors' : 'error'}} resolved</h5>
                             <div class="flex-wrapper">
-                                <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leading-4"><p>Map categories in {{brandingConfig.brandName}} to their corresponding records in {{appName}}.</p>
+                                <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leading-4"><p>Map categories in {{brandingConfig.brandName}} to their corresponding records in {{uiExposedAppName}}.</p>
                                 </h5>
                                 <div *ngIf="!groupedErrorStat.CATEGORY_MAPPING || (groupedErrorStat.CATEGORY_MAPPING && groupedErrorStat.CATEGORY_MAPPING.resolvedCount !== groupedErrorStat.CATEGORY_MAPPING.totalCount)">
                                     <span type="button" (click)="showMappingResolve(ErrorType.CATEGORY_MAPPING, errors.CATEGORY_MAPPING, ExportErrorSourceType.CATEGORY)" [ngClass]="[brandingConfig.brandId==='co' ? 'p-button primary-outline': 'p-button secondary-sm']">
@@ -66,8 +66,8 @@ <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leadin
                 <div *ngIf="errors?.ACCOUNTING_ERROR?.length" class="tw-pl-24-px tw-pr-24-px tw-pt-16-px">
                     <div class="container">
                         <div class="sub-text-container">
-                            <h4 class="tw-text-16-px !tw-font-500 tw-text-text-primary">{{appName}} {{brandingContent.qboErrorText}}</h4>
-                            <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leading-4">Resolve these errors on your {{appName}} account before trying to export them again.</h5>
+                            <h4 class="tw-text-16-px !tw-font-500 tw-text-text-primary">{{uiExposedAppName}} {{brandingContent.qboErrorText}}</h4>
+                            <h5 class="!tw-text-text-muted tw-text-14-px tw-pt-10-px !tw-font-400 !tw-leading-4">Resolve these errors on your {{uiExposedAppName}} account before trying to export them again.</h5>
                         </div>
                     </div>
                 </div>
@@ -106,7 +106,7 @@ <h5 class="!tw-text-text-muted tw-text-12-px tw-pt-10-px !tw-font-400 !tw-leadin
 <div *ngIf="isAccountingErrorDialogVisible">
     <p-dialog [dismissableMask]="true" [modal]="true" [(visible)]="isAccountingErrorDialogVisible" [position]="'topright'" [style]="{ width: 'fit-content', height: '100vh' }" [maximizable]="false" [draggable]="false" [resizable]="false" [breakpoints]="{ '960px': '75vw' }">
         <p-header>
-            <p class="tw-text-text-primary tw-text-20-px tw-line-height-20">{{appName}} {{brandingContent.qboErrorDialogHeaderText}}</p>
+            <p class="tw-text-text-primary tw-text-20-px tw-line-height-20">{{uiExposedAppName}} {{brandingContent.qboErrorDialogHeaderText}}</p>
             <h3 class="dialog-sub-header">
                 <p>{{ errorDetail }}.
                     <a *ngIf="errorArticle && brandingFeatureConfig.allowIntacctHelperDoc" class=" tw-pr-4-px tw-text-link-primary tw-w-fit tw-cursor-pointer tw-inline-flex tw-items-center"
@@ -133,7 +133,7 @@ <h3 class="dialog-sub-header">
     <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="dialog-sub-header">Resolve the following mapping errors to export your failed expenses successfully to {{appName}}</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"></app-generic-mapping-table>
     </p-dialog>
diff --git a/src/app/shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.ts b/src/app/shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.ts
@@ -54,6 +54,8 @@ export class DashboardErrorSectionComponent implements OnInit {
 
   @Input() chartOfAccounts: string[];
 
+  uiExposedAppName: string;
+
   filteredMappings: ExtendedGenericMapping[];
 
   destinationOptions: DestinationAttribute[];
@@ -238,6 +240,7 @@ export class DashboardErrorSectionComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;
     this.employeeFieldMapping = this.destinationFieldMap.EMPLOYEE as unknown as FyleField;
   }
 
diff --git a/src/app/shared/components/dashboard/dashboard-export-section/dashboard-export-section.component.html b/src/app/shared/components/dashboard/dashboard-export-section/dashboard-export-section.component.html
@@ -8,7 +8,7 @@
                         <app-svg-icon [styleClasses]="'tw-flex tw-mt-1-px tw-pr-8-px'" *ngIf="brandingFeatureConfig.illustrationsAllowed && !isExportInProgress && !exportableAccountingExportIds.length" [svgSource]="'check'" [height]="'24px'" [width]="'24px'"></app-svg-icon>
                         <app-svg-icon [styleClasses]="'tw-flex tw-mt-1-px tw-pr-8-px tw-text-icon-secondary'" *ngIf="brandingFeatureConfig.illustrationsAllowed && ((!isExportInProgress && exportableAccountingExportIds.length) || (isExportInProgress))" [svgSource]="'arrow-tail-up'" [height]="'24px'" [width]="'24px'"></app-svg-icon>
                         <h3 class="tw-text-20-px tw-font-500 tw-text-text-primary" *ngIf="!isExportInProgress && !exportableAccountingExportIds.length && !accountingExportSummary">{{brandingContent.exportHeaderFirstTimeZeroStateText}}</h3>
-                        <h3 class="tw-text-20-px tw-font-500 tw-text-text-primary" *ngIf="isExportInProgress"> Exporting {{ processedCount }} of {{ exportableAccountingExportIds.length }} expense{{exportableAccountingExportIds.length > 1 ? 's' : ''}} to your {{appName}} account</h3>
+                        <h3 class="tw-text-20-px tw-font-500 tw-text-text-primary" *ngIf="isExportInProgress"> Exporting {{ processedCount }} of {{ exportableAccountingExportIds.length }} expense{{exportableAccountingExportIds.length > 1 ? 's' : ''}} to your {{uiExposedAppName}} account</h3>
                         <h3 class="tw-text-20-px tw-font-500 tw-text-text-primary" *ngIf="!isExportInProgress && exportableAccountingExportIds.length"> {{ exportableAccountingExportIds.length }} expense{{exportableAccountingExportIds.length > 1 ? 's' : ''}} ready to export</h3>
                         <h3 class="tw-text-20-px tw-font-500 tw-text-text-primary" *ngIf="!isExportInProgress && !exportableAccountingExportIds.length && accountingExportSummary?.successful_accounting_export_count">{{brandingContent.exportHeaderZeroStateText}}</h3>
                         <app-svg-icon *ngIf="brandingConfig.brandId !== 'co'" [svgSource]="'info-circle-fill'" [width]="'16px'" [height]="'16px'" [styleClasses]="'tw-flex tw-text-info tw-ml-4-px'" [tooltipText]="'All expenses that have reached your export state in ' + brandingConfig.brandName + ' will be automatically imported and kept ready for export.'" [tooltipPosition]="'top'"></app-svg-icon>
diff --git a/src/app/shared/components/dashboard/dashboard-export-section/dashboard-export-section.component.ts b/src/app/shared/components/dashboard/dashboard-export-section/dashboard-export-section.component.ts
@@ -40,6 +40,8 @@ export class DashboardExportSectionComponent implements OnInit {
 
   readonly brandingContent = brandingContent.dashboard;
 
+  uiExposedAppName: string;
+
   importStates: string;
 
   constructor() { }
@@ -74,6 +76,7 @@ export class DashboardExportSectionComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;
     this.constructImportStates();
   }
 
diff --git a/src/app/shared/components/helper/app-landing-page-header/app-landing-page-header.component.html b/src/app/shared/components/helper/app-landing-page-header/app-landing-page-header.component.html
@@ -9,7 +9,7 @@
                 </div>
                 <div class="tw-pl-16-px tw-flex tw-flex-col">
                     <div class="tw-flex tw-items-center tw-pt-6-px">
-                        <p class="tw-text-20-px tw-font-500 tw-text-text-primary">{{ appName }}</p>
+                        <p class="tw-text-20-px tw-font-500 tw-text-text-primary">{{ uiExposedAppName }}</p>
                         <div>
                             <app-svg-icon *ngIf="isIntegrationConnected && !isLoading && !hideRefreshIcon" [tooltipText]="'Sync Data'" [tooltipPosition]="'right'" [svgSource]="'arrow-rotate-sync'" [width]="'14px'" [height]="'14px'" [styleClasses]="'tw-cursor-pointer tw-ml-10-px tw-text-faded-text-color'" (iconClick)="syncData()"></app-svg-icon>
                         </div>
@@ -27,7 +27,7 @@
                     </p>
                     <div *ngIf="isIntegrationSetupInProgress" class="tw-flex tw-text-slightly-normal-text-color tw-text-14-px tw-pt-10-px tw-pb-18-px">
                         <app-loader [styleClass]="'spinner-16 tw-top-2-px'"></app-loader>
-                        <p class="tw-pl-10-px">We are syncing your data between your {{brandingConfig.brandName}} - {{ appName }} account and this may take a few seconds</p>
+                        <p class="tw-pl-10-px">We are syncing your data between your {{brandingConfig.brandName}} - {{ uiExposedAppName }} account and this may take a few seconds</p>
                     </div>
                 </div>
             </div>
diff --git a/src/app/shared/components/helper/app-landing-page-header/app-landing-page-header.component.ts b/src/app/shared/components/helper/app-landing-page-header/app-landing-page-header.component.ts
@@ -59,6 +59,8 @@ export class AppLandingPageHeaderComponent implements OnInit {
 
   @Input() logoSectionStyleClasses: string = 'tw-rounded-4-px tw-border-1-px tw-border-bg-secondary tw-bg-white tw-w-176-px';
 
+  uiExposedAppName: string;
+
   qboConnectButtonSource: string = 'assets/buttons/connect-to-qbo.svg';
 
   xeroConnectButtonSource: string = 'assets/buttons/connect-to-xero.svg';
@@ -104,6 +106,7 @@ export class AppLandingPageHeaderComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;
   }
 
 }
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
@@ -2,7 +2,7 @@
     <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 {{appName}}</th>
+        <th>{{helper.sentenseCaseConversion(destinationField | snakeCaseToSpaceCase | titlecase)}} in {{uiExposedAppName}}</th>
         <th *ngIf="!isDashboardMappingResolve">Status</th>
         </tr>
     </ng-template>
diff --git a/src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.ts b/src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.ts
@@ -58,6 +58,8 @@ export class GenericMappingTableComponent implements OnInit {
 
   isSearchFocused: boolean;
 
+  uiExposedAppName: string;
+
   readonly brandingFeatureConfig = brandingFeatureConfig;
 
   readonly brandingConfig = brandingConfig;
@@ -247,6 +249,7 @@ export class GenericMappingTableComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;
     this.constructDestinationOptions();
     this.optionSearchWatcher();
   }

Original file line number	Diff line number	Diff line change
`@@ -59,6 +59,8 @@ export class ConfigurationImportFieldComponent implements OnInit {`
`59`	`59`
`60`	`60`	`isXeroProjectMapped: boolean;`
`61`	`61`
	`62`	`+ uiExposedAppName: string;`
	`63`	`+`
`62`	`64`	`importCodeSelectorOptions: Record<string, { label: string; value: boolean; subLabel: string; }[]> = {`
`63`	`65`	`"ACCOUNT": [`
`64`	`66`	`{`
`@@ -308,6 +310,7 @@ export class ConfigurationImportFieldComponent implements OnInit {`
`308`	`310`	`}`
`309`	`311`
`310`	`312`	`ngOnInit(): void {`
	`313`	`+ this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;`
`311`	`314`	`if (this.form.controls?.dependentFieldImportToggle?.value) {`
`312`	`315`	`this.form.controls?.dependentFieldImportToggle.disable();`
`313`	`316`	`}`
Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,8 @@ export class DashboardErrorSectionComponent implements OnInit {`
`54`	`54`
`55`	`55`	`@Input() chartOfAccounts: string[];`
`56`	`56`
	`57`	`+ uiExposedAppName: string;`
	`58`	`+`
`57`	`59`	`filteredMappings: ExtendedGenericMapping[];`
`58`	`60`
`59`	`61`	`destinationOptions: DestinationAttribute[];`
`@@ -238,6 +240,7 @@ export class DashboardErrorSectionComponent implements OnInit {`
`238`	`240`	`}`
`239`	`241`
`240`	`242`	`ngOnInit(): void {`
	`243`	`+ this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;`
`241`	`244`	`this.employeeFieldMapping = this.destinationFieldMap.EMPLOYEE as unknown as FyleField;`
`242`	`245`	`}`
`243`	`246`
Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,8 @@ export class DashboardExportSectionComponent implements OnInit {`
`40`	`40`
`41`	`41`	`readonly brandingContent = brandingContent.dashboard;`
`42`	`42`
	`43`	`+ uiExposedAppName: string;`
	`44`	`+`
`43`	`45`	`importStates: string;`
`44`	`46`
`45`	`47`	`constructor() { }`
`@@ -74,6 +76,7 @@ export class DashboardExportSectionComponent implements OnInit {`
`74`	`76`	`}`
`75`	`77`
`76`	`78`	`ngOnInit(): void {`
	`79`	`+ this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;`
`77`	`80`	`this.constructImportStates();`
`78`	`81`	`}`
`79`	`82`
Original file line number	Diff line number	Diff line change
`@@ -59,6 +59,8 @@ export class AppLandingPageHeaderComponent implements OnInit {`
`59`	`59`
`60`	`60`	`@Input() logoSectionStyleClasses: string = 'tw-rounded-4-px tw-border-1-px tw-border-bg-secondary tw-bg-white tw-w-176-px';`
`61`	`61`
	`62`	`+ uiExposedAppName: string;`
	`63`	`+`
`62`	`64`	`qboConnectButtonSource: string = 'assets/buttons/connect-to-qbo.svg';`
`63`	`65`
`64`	`66`	`xeroConnectButtonSource: string = 'assets/buttons/connect-to-xero.svg';`
`@@ -104,6 +106,7 @@ export class AppLandingPageHeaderComponent implements OnInit {`
`104`	`106`	`}`
`105`	`107`
`106`	`108`	`ngOnInit(): void {`
	`109`	`+ this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;`
`107`	`110`	`}`
`108`	`111`
`109`	`112`	`}`
Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,8 @@ export class GenericMappingTableComponent implements OnInit {`
`58`	`58`
`59`	`59`	`isSearchFocused: boolean;`
`60`	`60`
	`61`	`+ uiExposedAppName: string;`
	`62`	`+`
`61`	`63`	`readonly brandingFeatureConfig = brandingFeatureConfig;`
`62`	`64`
`63`	`65`	`readonly brandingConfig = brandingConfig;`
`@@ -247,6 +249,7 @@ export class GenericMappingTableComponent implements OnInit {`
`247`	`249`	`}`
`248`	`250`
`249`	`251`	`ngOnInit(): void {`
	`252`	`+ this.uiExposedAppName = this.appName === AppName.QBD_DIRECT ? AppName.QBD : this.appName;`
`250`	`253`	`this.constructDestinationOptions();`
`251`	`254`	`this.optionSearchWatcher();`
`252`	`255`	`}`