From d3c722a2e162f78982b7fbc0868d362d410c83ec Mon Sep 17 00:00:00 2001
From: Dhaarani <55541808+DhaaraniCIT@users.noreply.github.com>
Date: Fri, 11 Oct 2024 14:52:49 +0530
Subject: [PATCH] fix: intacct css fix (#1015)

* fix: intacct css fix

* QBO auto create vendor condition and content fix
---
 src/app/branding/c1-contents-config.ts                          | 2 +-
 src/app/branding/fyle-contents-config.ts                        | 2 +-
 .../intacct-advanced-settings.component.html                    | 2 +-
 .../qbo-advanced-settings/qbo-advanced-settings.component.ts    | 2 +-
 src/styles.scss                                                 | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/branding/c1-contents-config.ts b/src/app/branding/c1-contents-config.ts
index faac3dffa..b2543956c 100644
--- a/src/app/branding/c1-contents-config.ts
+++ b/src/app/branding/c1-contents-config.ts
@@ -288,7 +288,7 @@ export const c1Contents = {
         advancedSettings: {
             stepName: 'Advanced settings',
             contentText: 'Customize the integration based on your accounting requirements. ',
-            autoCreateVendorsLabel: 'Auto-create vendors',
+            autoCreateVendorsLabel: 'Auto-create employee as vendor',
             paymentSyncLabel: 'Auto sync payment status for reimbursable expenses',
             customizationSubLabel: 'you can choose what data points need to be exported and what shouldn\'t be.',
             autoCreateMerchantsAsVendorsLabel: 'Auto-create merchants as vendors',
diff --git a/src/app/branding/fyle-contents-config.ts b/src/app/branding/fyle-contents-config.ts
index 98b73c303..2d423b3d3 100644
--- a/src/app/branding/fyle-contents-config.ts
+++ b/src/app/branding/fyle-contents-config.ts
@@ -288,7 +288,7 @@ export const fyleContents = {
         advancedSettings: {
             stepName: 'Advanced Settings',
             contentText: 'In this section, you can customize the integration based on your accounting requirements. ',
-            autoCreateVendorsLabel: 'Auto-Create Vendors',
+            autoCreateVendorsLabel: 'Auto-create employee as vendor',
             paymentSyncLabel: 'Auto Sync payment status for reimbursable expenses',
             customizationSubLabel: 'You can choose what data points need to be exported and what shouldn\'t be.',
             autoCreateMerchantsAsVendorsLabel: 'Auto-create Merchants as Vendors',
diff --git a/src/app/integrations/intacct/intacct-shared/intacct-advanced-settings/intacct-advanced-settings.component.html b/src/app/integrations/intacct/intacct-shared/intacct-advanced-settings/intacct-advanced-settings.component.html
index 950f288c1..1fbf10281 100644
--- a/src/app/integrations/intacct/intacct-shared/intacct-advanced-settings/intacct-advanced-settings.component.html
+++ b/src/app/integrations/intacct/intacct-shared/intacct-advanced-settings/intacct-advanced-settings.component.html
@@ -83,7 +83,7 @@
                 [subLabel]="'When matching ' + getEmployeeField() +' record is not found for an employee in ' + brandingConfig.brandName + ', the integration will auto-create a new record in Sage Intacct.'"
                 [formControllerName]="'autoCreateEmployeeVendor'"></app-configuration-toggle-field>
             </div>
-            <div *ngIf="isAutoCreateMerchantsFieldVisible() && brandingFeatureConfig.featureFlags.advancedSettings.autoCreateMerchants">
+            <div *ngIf="isAutoCreateMerchantsFieldVisible() && brandingFeatureConfig.featureFlags.advancedSettings.autoCreateMerchants" class="tw-mt-16-px tw-bg-white tw-border tw-border-solid tw-border-separator tw-rounded-12-px">
             <app-configuration-toggle-field
                 [form]="advancedSettingsForm"
                 [label]="brandingContent.intacct.configuration.advancedSettings.autoCreateMerchantsAsVendorsLabel"
diff --git a/src/app/integrations/qbo/qbo-shared/qbo-advanced-settings/qbo-advanced-settings.component.ts b/src/app/integrations/qbo/qbo-shared/qbo-advanced-settings/qbo-advanced-settings.component.ts
index f7e566227..a2813f025 100644
--- a/src/app/integrations/qbo/qbo-shared/qbo-advanced-settings/qbo-advanced-settings.component.ts
+++ b/src/app/integrations/qbo/qbo-shared/qbo-advanced-settings/qbo-advanced-settings.component.ts
@@ -155,7 +155,7 @@ export class QboAdvancedSettingsComponent implements OnInit {
   }
 
   isAutoCreateVendorsFieldVisible(): boolean {
-    return this.workspaceGeneralSettings.employee_field_mapping === EmployeeFieldMapping.VENDOR && this.workspaceGeneralSettings.auto_map_employees !== null && this.workspaceGeneralSettings.auto_map_employees !== AutoMapEmployeeOptions.EMPLOYEE_CODE;
+    return this.workspaceGeneralSettings.employee_field_mapping === EmployeeFieldMapping.VENDOR && this.workspaceGeneralSettings.auto_map_employees !== null && this.workspaceGeneralSettings.auto_map_employees !== AutoMapEmployeeOptions.EMPLOYEE_CODE && (this.workspaceGeneralSettings.reimbursable_expenses_object === QBOReimbursableExpensesObject.BILL || this.workspaceGeneralSettings.reimbursable_expenses_object === QBOReimbursableExpensesObject.EXPENSE);
   }
 
   isPaymentSyncFieldVisible(): boolean {
diff --git a/src/styles.scss b/src/styles.scss
index d5dce4b1a..32dd3357b 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -324,7 +324,7 @@ p {
 }
 
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight).p-focus {
-    @apply tw-text-slightly-normal-text-color tw-bg-white tw-rounded-none tw-min-h-dropdown-option-height tw-flex tw-items-center tw-py-8-px tw-pl-14-px tw-text-14-px #{!important};
+    @apply tw-text-slightly-normal-text-color tw-bg-white tw-rounded-none tw-min-h-dropdown-option-height tw-flex tw-items-center tw-py-8-px tw-px-12-px tw-text-14-px #{!important};
 }
 
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover, .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight).p-focus:hover{