feat: Expose QBD connector app conditionally (#1100)

* feat: Expose QBD connector app conditionally

* fix test

Author: ashwin1111

src/app/branding/expose-app-config.ts

@@ -36,7 +36,7 @@ export const exposeAppConfig: AllowedAppsConfiguration = {
             NETSUITE: true,
             QBD: true,
             BAMBOO: true,
-            QBD_DIRECT: false
+            QBD_DIRECT: true
         }
     },
     co: {

src/app/core/models/enum/enum.model.ts

@@ -38,7 +38,8 @@ export enum InAppIntegration {
   SAGE300 = 'Sage 300 CRE',
   BUSINESS_CENTRAL = 'Dynamics 365 Business Central',
   NETSUITE = 'NetSuite',
-  XERO = 'Xero'
+  XERO = 'Xero',
+  QBD_DIRECT = 'QuickBooks Connector'
 }
 
 export enum ToastSeverity {

src/app/core/models/integrations/integrations.model.ts

@@ -31,6 +31,7 @@ export type InAppIntegrationUrlMap = {
     [InAppIntegration.BUSINESS_CENTRAL]: string,
     [InAppIntegration.NETSUITE]: string,
     [InAppIntegration.XERO]: string
+    [InAppIntegration.QBD_DIRECT]: string
 }
 
 export type AppUrlMap = {

src/app/core/models/org/org.model.ts

@@ -10,6 +10,7 @@ export type Org = {
     is_sendgrid_connected: boolean;
     allow_travelperk: boolean;
     allow_dynamics: boolean;
+    allow_qbd_direct_integration: boolean;
     created_at: Date;
     updated_at: Date;
 }

src/app/core/services/org/org.fixture.ts

@@ -13,7 +13,8 @@ export const orgMockData: Org = {
     allow_travelperk: true,
     created_at: new Date(),
     updated_at: new Date(),
-    allow_dynamics: true
+    allow_dynamics: true,
+    allow_qbd_direct_integration: true
 };
 
 export const generateTokenData = {

src/app/integrations/landing/landing.component.html

@@ -40,12 +40,21 @@
                             NetSuite
                         </span>
                     </div>
-                    <div *ngIf="exposeApps.QBD" class="landing--accounting-app tw-mr-20-px tw-mt-20-px" [ngClass]="{'tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}" (click)="openInAppIntegration(InAppIntegration.QBD)">
+                    <!-- IIF -->
+                    <div *ngIf="!(exposeApps.QBD_DIRECT && org.allow_qbd_direct_integration) && exposeApps.QBD" class="landing--accounting-app tw-mr-20-px 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" class="tw-mt-[-20px]" width="120px" height="60px" />
                         <span class="landing--accounting-app-name">
                             QuickBooks Desktop
                         </span>
                     </div>
+                    <!-- Direct -->
+                    <div *ngIf="exposeApps.QBD_DIRECT && org.allow_qbd_direct_integration" class="landing--accounting-app tw-mr-20-px tw-mt-20-px" [ngClass]="{'tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}" (click)="openInAppIntegration(InAppIntegration.QBD_DIRECT)">
+                        <img src="assets/logos/quickbooks-logo.png" class="tw-mt-[-20px]" width="120px" height="60px" />
+                        <span class="landing--accounting-app-name tw-gap-2 tw-px-4 tw-flex tw-items-center">
+                            QuickBooks Desktop
+                            <app-badge [theme]="ThemeOption.DARK" text="Beta"></app-badge>
+                        </span>
+                    </div>
                 </div>
                 <div>
                     <div *ngIf="exposeApps.INTACCT" class="landing--accounting-app tw-mr-20-px" [ngClass]="{'tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}" (click)="openAccountingIntegrationApp(AccountingIntegrationApp.SAGE_INTACCT)">

src/app/integrations/landing/landing.component.ts

@@ -66,7 +66,8 @@ export class LandingComponent implements OnInit {
     [InAppIntegration.SAGE300]: '/integrations/sage300',
     [InAppIntegration.BUSINESS_CENTRAL]: '/integrations/business_central',
     [InAppIntegration.NETSUITE]: '/integrations/netsuite',
-    [InAppIntegration.XERO]: '/integrations/xero'
+    [InAppIntegration.XERO]: '/integrations/xero',
+    [InAppIntegration.QBD_DIRECT]: '/integrations/qbd_direct'
   };
 
   readonly brandingConfig = brandingConfig;