fix: Qbd direct dashboard error section fix and video update (#1135)

* fix: Qbd direct dashboard error section fix and video update * fix: Qbd direct dashboard error section fix and video update
fylein · Dec 20, 2024 · e009fbe · e009fbe
1 parent a7b8b20
commit e009fbe
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 8 deletions.
diff --git a/src/app/branding/fyle-branding-config.ts b/src/app/branding/fyle-branding-config.ts
@@ -145,6 +145,6 @@ export const fyleDemoVideoLinks: DemoVideo[string] = {
         TRAVELPERK: 'https://www.youtube.com/embed/2oYdc8KcQnk',
         XERO: 'https://www.youtube.com/embed/IplJd7tGWBk',
         NETSUITE: 'https://www.youtube.com/embed/wQXQYTLsVH8',
-        QBD_DIRECT: 'https://www.youtube.com/embed/b63lS2DG5j4'
+        QBD_DIRECT: 'https://www.youtube.com/embed/rKxbQWETnlo'
     }
 };
diff --git a/...direct/qbd-direct-shared/qbd-direct-download-file/qbd-direct-download-file.component.html b/...direct/qbd-direct-shared/qbd-direct-download-file/qbd-direct-download-file.component.html
@@ -43,7 +43,7 @@ <h4 class="tw-text-16-px tw-pb-4-px tw-font-500 tw-text-text-tertiary">Enter com
             <div class="tw-w-[40%]">
                 <div class="tw-shadow-md tw-rounded-border-radius-2xl">
                     <div class="tw-flex tw-justify-center tw-overflow-hidden">
-                        <iframe class="tw-rounded-tl-border-radius-2xl tw-rounded-tr-border-radius-2xl tw-w-[100%] tw-h-240-px" src="https://www.youtube.com/embed/2oYdc8KcQnk" frameborder="0"></iframe>
+                        <iframe class="tw-rounded-tl-border-radius-2xl tw-rounded-tr-border-radius-2xl tw-w-[100%] tw-h-240-px" src="https://www.youtube.com/embed/HHm1ASm20j0" frameborder="0"></iframe>
                     </div>
                     <div class="tw-p-16-px">
                         <p class="tw-text-14-px tw-font-500 tw-text-text-tertiary">Where to find company file path?</p>

diff --git a/.../qbd-direct-shared/qbd-direct-setup-connection/qbd-direct-setup-connection.component.html b/.../qbd-direct-shared/qbd-direct-setup-connection/qbd-direct-setup-connection.component.html
@@ -75,7 +75,7 @@ <h4 class="tw-text-14-px tw-text-text-tertiary tw-font-500 tw-pb-4-px">Click on
             </div>
             <div class="tw-w-[40%]">
                 <div class="tw-flex tw-justify-center tw-shadow-sm">
-                    <iframe class="tw-rounded-border-radius-2xl tw-w-[100%]" height="260" src="https://www.youtube.com/embed/2oYdc8KcQnk" frameborder="0"></iframe>
+                    <iframe class="tw-rounded-border-radius-2xl tw-w-[100%]" height="260" src="https://www.youtube.com/embed/jfPPb8wYcQ4" frameborder="0"></iframe>
                 </div>
             </div>
         </div>

diff --git a/.../shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.ts b/.../shared/components/dashboard/dashboard-error-section/dashboard-error-section.component.ts
@@ -1,10 +1,9 @@
 import { Component, Input, OnInit } from '@angular/core';
-import { Observable, filter, forkJoin } from 'rxjs';
 import { brandingConfig, brandingContent, brandingFeatureConfig } from 'src/app/branding/branding-config';
 import { DestinationFieldMap } from 'src/app/core/models/db/dashboard.model';
-import { DestinationAttribute, GroupedDestinationAttribute } from 'src/app/core/models/db/destination-attribute.model';
+import { DestinationAttribute } from 'src/app/core/models/db/destination-attribute.model';
 import { Error, AccountingGroupedErrors, AccountingGroupedErrorStat, ErrorModel, ErrorResponse } from 'src/app/core/models/db/error.model';
-import { ExtendedGenericMapping, GenericMappingResponse } from 'src/app/core/models/db/extended-generic-mapping.model';
+import { ExtendedGenericMapping } from 'src/app/core/models/db/extended-generic-mapping.model';
 import { AccountingDisplayName, AccountingErrorType, AccountingField, AppName, AppUrl, ExportErrorSourceType, FyleField, MappingState } from 'src/app/core/models/enum/enum.model';
 import { ResolveMappingErrorProperty, trackingAppMap } from 'src/app/core/models/misc/tracking.model';
 import { Expense } from 'src/app/core/models/intacct/db/expense.model';
@@ -175,7 +174,11 @@ export class DashboardErrorSectionComponent implements OnInit {
     this.groupedError = groupedError;
     this.sourceField = sourceField;
     this.destinationField = this.destinationFieldMap[this.sourceField];
-    this.isMultiLineOption = this.importCodeFields?.includes(this.destinationField);
+    if ([AppName.QBD_DIRECT, AppName.QBO].includes(this.appName)) {
+      this.isMultiLineOption = this.sourceField === ExportErrorSourceType.CATEGORY && brandingConfig.brandId !== 'co' ? true : false;
+    } else {
+      this.isMultiLineOption = this.importCodeFields?.includes(this.destinationField) && brandingConfig.brandId !== 'co' ? true : false;
+    }
 
     if (this.destinationOptionsVersion === 'v1') {
       this.getDestinationOptionsV1(errorType);

diff --git a/...ared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html b/...ared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html
@@ -29,7 +29,9 @@
                     [emptyFilterMessage]="isSearching ? 'Searching...' : 'No results found'"
                     (onFilter)="searchOptions($event)">
                     <ng-template let-value pTemplate="selectedItem">
-                        <div *ngIf="value">
+                        <div *ngIf="value" #textElement
+                        [ngStyle]="{'white-space': 'nowrap', 'overflow': 'hidden', 'text-overflow': 'ellipsis', 'max-width': '16rem'}"
+                        [pTooltip]="isOverflowing(textElement, value)" tooltipPosition="top">
                             <p>
                                 <span *ngIf="value?.code && isMultiLineOption && brandingFeatureConfig.featureFlags.importSettings.allowImportCode">{{ value?.code }}: </span>
                                 {{ value?.value }}