From 5bf389c8ab57a15a655abb20a06a0adc614c1a2e Mon Sep 17 00:00:00 2001
From: Hrishabh Tiwari <74908943+Hrishabh17@users.noreply.github.com>
Date: Fri, 17 Jan 2025 16:34:44 +0530
Subject: [PATCH] feat: hide qbd iif from landing, disable export cta (#1153)

* feat: hide qbd iif from landing, disable export cta

* fix lint
---
 src/app/core/models/qbd/db/qbd-workspace.model.ts          | 1 +
 src/app/integrations/landing/landing.component.html        | 2 +-
 src/app/integrations/landing/landing.component.ts          | 2 ++
 .../qbd-main/qbd-dashboard/qbd-dashboard.component.html    | 2 +-
 .../qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.ts  | 7 ++++++-
 src/app/integrations/qbd/qbd.component.ts                  | 1 +
 6 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/core/models/qbd/db/qbd-workspace.model.ts b/src/app/core/models/qbd/db/qbd-workspace.model.ts
index 4a3b07052..496ec6fba 100644
--- a/src/app/core/models/qbd/db/qbd-workspace.model.ts
+++ b/src/app/core/models/qbd/db/qbd-workspace.model.ts
@@ -5,4 +5,5 @@ export interface QBDWorkspace extends Workspace {
   reimbursable_last_synced_at: Date | null;
   ccc_last_synced_at: Date | null;
   onboarding_state: QBDOnboardingState;
+  migrated_to_qbd_direct: boolean;
 }
\ No newline at end of file
diff --git a/src/app/integrations/landing/landing.component.html b/src/app/integrations/landing/landing.component.html
index 8a3454eda..41bbc9e15 100644
--- a/src/app/integrations/landing/landing.component.html
+++ b/src/app/integrations/landing/landing.component.html
@@ -59,7 +59,7 @@
                         Xero
                     </span>
                 </div>
-                <div *ngIf="exposeApps.QBD" class="landing--accounting-app tw-mt-20-px" [ngClass]="{'tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}" (click)="openInAppIntegration(InAppIntegration.QBD)">
+                <div *ngIf="exposeApps.QBD && showQBDIIFIntegration" class="landing--accounting-app tw-mt-20-px" [ngClass]="{'tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}" (click)="openInAppIntegration(InAppIntegration.QBD)">
                     <img src="assets/logos/quickbooks-logo.png" width="120px" height="60px" />
                     <span class="landing--accounting-app-name">
                         QuickBooks Desktop (IIF)
diff --git a/src/app/integrations/landing/landing.component.ts b/src/app/integrations/landing/landing.component.ts
index 13ce762e4..78e6eb627 100644
--- a/src/app/integrations/landing/landing.component.ts
+++ b/src/app/integrations/landing/landing.component.ts
@@ -88,6 +88,8 @@ export class LandingComponent implements OnInit {
     'orRuH2BEKRnW'
   ];
 
+  readonly showQBDIIFIntegration = new Date(this.org.created_at) < new Date('2025-01-17T00:00:00Z');
+
   readonly ThemeOption = ThemeOption;
 
   constructor(
diff --git a/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.html b/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.html
index 9ef24fe8e..e8e639cc3 100644
--- a/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.html
+++ b/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.html
@@ -15,7 +15,7 @@ <h5 class="tw-text-14-px tw-font-400 tw-text-slightly-normal-text-color tw-pt-2-
                 </div>
                 <div class="tw-flex tw-items-end tw-justify-end">
                     <div>
-                        <button type="button" class="export-btn tw-float-right tw-flex tw-justify-end tw-items-center tw-text-white tw-text-500 tw-px-24-px tw-py-12-px tw-bg-mandatory-field-color tw-rounded-4-px" (click)="triggerExports()" [disabled]="exportInProgress" >
+                        <button type="button" class="export-btn tw-float-right tw-flex tw-justify-end tw-items-center tw-text-white tw-text-500 tw-px-24-px tw-py-12-px tw-bg-mandatory-field-color tw-rounded-4-px" (click)="triggerExports()" [disabled]="exportInProgress || disableQBDExportButton" >
                             <p class="tw-flex tw-text-14-px tw-font-400 tw-pl-5px" *ngIf="!exportInProgress">Export IIF file
                                 <app-svg-icon *ngIf="brandingFeatureConfig.isIconsInsideButtonAllowed" [svgSource]="'arrow-tail-right-medium'" [width]="'18px'" [height]="'18px'" [styleClasses]="'tw-pl-10-px tw-pt-2-px !tw-text-12-px'"></app-svg-icon>
                             </p>
diff --git a/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.ts b/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.ts
index 244d34192..361686966 100644
--- a/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.ts
+++ b/src/app/integrations/qbd/qbd-main/qbd-dashboard/qbd-dashboard.component.ts
@@ -11,6 +11,7 @@ import { IntegrationsToastService } from 'src/app/core/services/common/integrati
 import { TrackingService } from 'src/app/core/services/integration/tracking.service';
 import { brandingConfig, brandingFeatureConfig } from 'src/app/branding/branding-config';
 import { AccountingExportModel } from 'src/app/core/models/db/accounting-export.model';
+import { StorageService } from 'src/app/core/services/common/storage.service';
 
 @Component({
   selector: 'app-qbd-dashboard',
@@ -69,12 +70,15 @@ export class QbdDashboardComponent implements OnInit {
 
   hideCalendar: boolean;
 
+  disableQBDExportButton: boolean = false;
+
   constructor(
     private iifLogsService: QbdIifLogsService,
     @Inject(FormBuilder) private formBuilder: FormBuilder,
     private advancedSettingService: QbdAdvancedSettingService,
     private toastService: IntegrationsToastService,
-    private trackingService: TrackingService
+    private trackingService: TrackingService,
+    private storageService: StorageService
   ) { }
 
   showCalendar(event: Event) {
@@ -226,6 +230,7 @@ export class QbdDashboardComponent implements OnInit {
 
   setUpDashboard(): void {
     this.isLoading = true;
+    this.disableQBDExportButton = this.storageService.get('disableQBDExportButton');
     this.exportLogForm = this.formBuilder.group({
       searchOption: [''],
       dateRange: [null],
diff --git a/src/app/integrations/qbd/qbd.component.ts b/src/app/integrations/qbd/qbd.component.ts
index a89f86352..4ca45f5fe 100644
--- a/src/app/integrations/qbd/qbd.component.ts
+++ b/src/app/integrations/qbd/qbd.component.ts
@@ -66,6 +66,7 @@ export class QbdComponent implements OnInit {
     this.workspace = workspace;
     this.storageService.set('workspaceId', this.workspace.id);
     this.storageService.set('QBDOnboardingState', this.workspace.onboarding_state);
+    this.storageService.set('disableQBDExportButton', this.workspace.migrated_to_qbd_direct);
     this.workspaceService.syncFyleDimensions().subscribe();
     this.isLoading = false;
     this.navigate();