feat(plugin): add integration Upwork UI package

apps/gauzy/src/app/pages/integrations/integrations.module.ts

@@ -18,21 +18,16 @@ import { IntegrationsComponent } from './integrations.component';
 import { IntegrationLayoutComponent } from './layout/layout.component';
 import { IntegrationListComponent } from './components/integration-list/list.component';
 
-// Nebular Modules
-const NB_MODULES = [
-	NbButtonModule,
-	NbCardModule,
-	NbIconModule,
-	NbInputModule,
-	NbSelectModule,
-	NbSpinnerModule,
-	NbTooltipModule
-];
-
 @NgModule({
 	declarations: [IntegrationLayoutComponent, IntegrationListComponent, IntegrationsComponent],
 	imports: [
-		...NB_MODULES,
+		NbButtonModule,
+		NbCardModule,
+		NbIconModule,
+		NbInputModule,
+		NbSelectModule,
+		NbSpinnerModule,
+		NbTooltipModule,
 		RouterModule.forChild([]),
 		NgxPermissionsModule.forChild(),
 		TranslateModule.forChild(),
@@ -76,7 +71,7 @@ export class IntegrationsModule {
 			// Register the path 'upwork'
 			path: 'upwork',
 			// Register the loadChildren function to load the UpworkModule lazy module
-			loadChildren: () => import('../upwork/upwork.module').then((m) => m.UpworkModule)
+			loadChildren: () => import('@gauzy/plugin-integration-upwork-ui').then((m) => m.IntegrationUpworkUiModule)
 		});
 
 		// Register the routes for hubstaff integration

packages/plugins/integration-hubstaff-ui/src/lib/integration-hubstaff-ui.module.ts

@@ -25,48 +25,38 @@ import { distinctUntilChange } from '@gauzy/ui-core/common';
 import { Store } from '@gauzy/ui-core/core';
 import { HttpLoaderFactory, I18nService } from '@gauzy/ui-core/i18n';
 import { getBrowserLanguage, SmartDataViewLayoutModule, SharedModule } from '@gauzy/ui-core/shared';
-import { IntegrationHubstaffRoutingModule } from './integration-hubstaff-routing.module';
+import { IntegrationHubstaffRoutes } from './integration-hubstaff.routes';
 import { HubstaffComponent } from './components/hubstaff/hubstaff.component';
 import { HubstaffAuthorizeComponent } from './components/hubstaff-authorize/hubstaff-authorize.component';
 import { SettingsDialogComponent } from './components/settings-dialog/settings-dialog.component';
 
-// Nebular Modules
-const NB_MODULES = [
-	NbActionsModule,
-	NbButtonModule,
-	NbCardModule,
-	NbCheckboxModule,
-	NbContextMenuModule,
-	NbDatepickerModule,
-	NbDialogModule.forChild(),
-	NbIconModule,
-	NbInputModule,
-	NbSelectModule,
-	NbSpinnerModule,
-	NbToggleModule,
-	NbTooltipModule
-];
-
-// Third Party Modules
-const THIRD_PARTY_MODULES = [
-	NgSelectModule,
-	NgxPermissionsModule.forRoot(),
-	TranslateModule.forRoot({
-		defaultLanguage: getBrowserLanguage(), // Get the browser language and fall back to a default if needed
-		loader: {
-			provide: TranslateLoader,
-			useFactory: HttpLoaderFactory,
-			deps: [HttpClient]
-		}
-	})
-];
-
 @NgModule({
 	declarations: [HubstaffAuthorizeComponent, HubstaffComponent, SettingsDialogComponent],
 	imports: [
-		...NB_MODULES,
-		...THIRD_PARTY_MODULES,
-		IntegrationHubstaffRoutingModule,
+		NbActionsModule,
+		NbButtonModule,
+		NbCardModule,
+		NbCheckboxModule,
+		NbContextMenuModule,
+		NbDatepickerModule,
+		NbDialogModule.forChild(),
+		NbIconModule,
+		NbInputModule,
+		NbSelectModule,
+		NbSpinnerModule,
+		NbToggleModule,
+		NbTooltipModule,
+		NgSelectModule,
+		NgxPermissionsModule.forRoot(),
+		TranslateModule.forRoot({
+			defaultLanguage: getBrowserLanguage(), // Get the browser language and fall back to a default if needed
+			loader: {
+				provide: TranslateLoader,
+				useFactory: HttpLoaderFactory,
+				deps: [HttpClient]
+			}
+		}),
+		IntegrationHubstaffRoutes,
 		SharedModule,
 		SmartDataViewLayoutModule
 	]

packages/plugins/integration-hubstaff-ui/src/lib/integration-hubstaff-routing.module.ts → packages/plugins/integration-hubstaff-ui/src/lib/integration-hubstaff.routes.ts

@@ -28,4 +28,4 @@ import { HubstaffComponent } from './components/hubstaff/hubstaff.component';
 	],
 	exports: [RouterModule]
 })
-export class IntegrationHubstaffRoutingModule {}
+export class IntegrationHubstaffRoutes {}

packages/plugins/integration-upwork-ui/src/index.ts

@@ -1 +1,7 @@
 export * from './lib/integration-upwork-ui.module';
+export * from './lib/components/upwork/upwork.component';
+export * from './lib/components/upwork-authorize/upwork-authorize.component';
+export * from './lib/components/transactions/transactions.component';
+export * from './lib/components/contracts/contracts.component';
+export * from './lib/components/reports/reports.component';
+export * from './lib/components/sync-data-selection/sync-data-selection.component';

apps/gauzy/src/app/pages/upwork/components/contracts/contracts.component.ts → packages/plugins/integration-upwork-ui/src/lib/components/contracts/contracts.component.ts

@@ -1,8 +1,7 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
 import { TitleCasePipe } from '@angular/common';
-import { Observable, of, EMPTY, firstValueFrom, filter } from 'rxjs';
-import { catchError, tap } from 'rxjs/operators';
+import { ActivatedRoute } from '@angular/router';
+import { Observable, of, EMPTY, firstValueFrom, filter, catchError, tap } from 'rxjs';
 import { NbDialogService } from '@nebular/theme';
 import { TranslateService } from '@ngx-translate/core';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
@@ -22,8 +21,8 @@ import { SyncDataSelectionComponent } from '../sync-data-selection/sync-data-sel
 	providers: [TitleCasePipe]
 })
 export class ContractsComponent extends TranslationBaseComponent implements OnInit, OnDestroy {
+	public smartTableSettings: any;
 	public contracts$: Observable<IEngagement[]> = this._upworkStoreServices.contracts$;
-	public smartTableSettings: object;
 	public selectedContracts: IEngagement[] = [];
 
 	constructor(
@@ -178,8 +177,8 @@ export class ContractsComponent extends TranslationBaseComponent implements OnIn
 					);
 				}),
 				// Handle errors using the _ehs.handleError method and return an EMPTY observable
-				catchError((err) => {
-					this._errorHandlingService.handleError(err);
+				catchError((error) => {
+					this._errorHandlingService.handleError(error);
 					return EMPTY;
 				}),
 				// Automatically unsubscribe when the component is destroyed

apps/gauzy/src/app/pages/upwork/components/reports/reports.component.html → packages/plugins/integration-upwork-ui/src/lib/components/reports/reports.component.html

@@ -9,10 +9,7 @@
 			<div class="ml-1">
 				<input
 					nbInput
-					[placeholder]="
-						'INTEGRATIONS.UPWORK_PAGE.DATE_RANGE_PLACEHOLDER'
-							| translate
-					"
+					[placeholder]="'INTEGRATIONS.UPWORK_PAGE.DATE_RANGE_PLACEHOLDER' | translate"
 					[nbDatepicker]="rangePicker"
 					[value]="displayDate"
 				/>
@@ -21,8 +18,7 @@
 					[range]="defaultDateRange$ | async"
 					[max]="today"
 					(rangeChange)="handleRangeChange($event)"
-				>
-				</nb-rangepicker>
+				></nb-rangepicker>
 			</div>
 			<div class="input-group-append ml-1">
 				<button