@adlfe/campaign-management-library 2.10.0 → 2.10.2

package/projects/adl-campaign-management-library-internal/src/lib/adl-campaign-management-library-internal.component.spec.ts

@@ -0,0 +1,26 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdlCampaignManagementLibraryInternalComponent } from './adl-campaign-management-library-internal.component';
+
+describe('AdlCampaignManagementLibraryInternalComponent', () => {
+	let component: AdlCampaignManagementLibraryInternalComponent;
+	let fixture: ComponentFixture<AdlCampaignManagementLibraryInternalComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [AdlCampaignManagementLibraryInternalComponent],
+		}).compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(
+			AdlCampaignManagementLibraryInternalComponent
+		);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

package/projects/adl-campaign-management-library-internal/src/lib/adl-campaign-management-library-internal.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'lib-adl-campaign-management-library-internal',
+	template: `
+		<p>
+			<lib-campaign-management></lib-campaign-management>
+		</p>
+	`,
+})
+export class AdlCampaignManagementLibraryInternalComponent {}

package/projects/adl-campaign-management-library-internal/src/lib/adl-campaign-management-library-internal.module.ts

@@ -0,0 +1,30 @@
+import { AgmCoreModule } from '@agm/core';
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import { NgxEchartsModule } from 'ngx-echarts';
+import { ToastrModule } from 'ngx-toastr';
+import { AdlCampaignManagementLibraryInternalComponent } from './adl-campaign-management-library-internal.component';
+import { CampaignManagementModule } from './campaign-management/campaign-management.module';
+import { CustomPaginator } from './core/util';
+
+@NgModule({
+	declarations: [AdlCampaignManagementLibraryInternalComponent],
+	imports: [
+		CommonModule,
+		AgmCoreModule.forRoot({
+			apiKey: 'AIzaSyCHReBe_RpzAgLTrUC5QIDyeKttQ817wRY',
+			libraries: ['places'],
+		}),
+		CampaignManagementModule,
+		NgxEchartsModule,
+		MatCardModule,
+		HttpClientModule,
+		ToastrModule.forRoot(),
+	],
+	exports: [AdlCampaignManagementLibraryInternalComponent],
+	providers: [{ provide: MatPaginatorIntl, useClass: CustomPaginator }],
+})
+export class AdlCampaignManagementLibraryInternalModule {}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/campaign-management.component.html

@@ -0,0 +1,10 @@
+<lib-dashboard *ngIf="currentView === currentViews.Dashboard"
+	(currentView)="onChangeMainArea($event)"></lib-dashboard>
+
+<lib-campaign-index *ngIf="currentView === currentViews.CampaignIndex"
+	(currentView)="onChangeMainArea($event)">
+</lib-campaign-index>
+
+<lib-new-campaign *ngIf="currentView === currentViews.NewCampaign"
+	(currentView)="onChangeMainArea($event)">
+</lib-new-campaign>

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/campaign-management.component.ts

@@ -0,0 +1,39 @@
+import { Component } from '@angular/core';
+import { MainArea } from '../core/enums/main-area.enum';
+
+@Component({
+	selector: 'lib-campaign-management',
+	templateUrl: './campaign-management.component.html',
+	styleUrls: [],
+})
+export class CampaignManagementComponent {
+	public currentView: MainArea = MainArea.CampaignIndex;
+	public currentViews = MainArea;
+
+	constructor() {
+		/* Init Localstorage (Local Only) */
+		/* const data = {
+			'telin.accessToken':
+				'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJjbGllbnRJZCI6IlBST1ZJREVSIiwiZXhwIjoxNzA4MDAyNzI4LCJpYXQiOjE3MDc5Nzg3MjgsIm5iZiI6MTcwNzk3ODcyOCwic2Vzc2lvbklkIjoiMDFIUE5RRTk5N0E3SkZLNjk1QTgyWEtTWkEiLCJ1c2VySWQiOiJhZG1pbiJ9.JWn1gRtlU6SYHa3KkP2FLhje9tvhxsD005dtxmTT5z4-lc65ekiClS5r7Wg8vamUappN_9uQINTJeZCjEU1IwYf6InUddxX6XsDWtCwixuePNq4JZMPrCUl_N4DBewPwL30RRrodoo0dxUstHLbTg9BUZ3qPq1QK6pLyd1HhKtN_jkRJ11VP2hEl6ef364ofmZvByDTKO56ah0GYzpxZ1uxvNV9PsyiuQk_drxE6x7PI7n-yH_H00zauMF6FYhTgv0SbqIRGQr-O8MKl1mbmk3efSdEr3gx6Q-bztG8p_jgOPWjVf4ol_6gfqtMOrlxTe2UJeR23fhWXCbp0ld20HpjgeIlkawoqpj8_TsjsnsPYk5epC2h5YVXrCuozWw5GnxYg7LDSx0CGQhe2JNRSy92b3hSvSahTQ0rKbmVDyvCIcRVhk2RO4Ilc-ddx4HhB8fcvbSVTAPBnI0A9NkPKSYKXA5SwiIlcPqex15BBG4zBbEX7D4JWr4925t2--WXkUIjsKvteOx0u9OhcBTbajahVepTNByNyqdKrJzdShWTBXw4mRNprL57ZZ3qFdCA6-11FcmeRkpDRqUX7kAXloFKBtcOECNjUpLNkf4FmT687-gt1R0xGIJsTatLSsc2K4Xr1TpTiuC7D3xledvsGTC07UuDgVQBb7AkN1Kch3Mg',
+			'telin.clientId': 'PROVIDER',
+			'telin.clientName': 'Provider',
+			'telin.email': 'admin@bsp.com',
+			'telin.id': 'admin',
+			'telin.name': 'admin',
+			'telin.roleCode': 'admin',
+			'telin.roleId': 'admin',
+			'telin.roleName': 'Administrator',
+			'telin.roles':
+				'[{"isClientRole":false,"name":"Administrator","code":"admin","id":"admin"}]',
+		};
+
+		Object.keys(data).forEach(function (k) {
+			localStorage.setItem(k, data[k]);
+		}); */
+		/* Init Localstorage (Local Only) */
+	}
+
+	onChangeMainArea(area: MainArea): void {
+		this.currentView = area;
+	}
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/campaign-management.module.ts

@@ -0,0 +1,113 @@
+import { AgmCoreModule } from '@agm/core';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { CommonModule, DatePipe } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSortModule } from '@angular/material/sort';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { PickerModule } from '@ctrl/ngx-emoji-mart';
+import { AngularEditorModule } from '@kolkov/angular-editor';
+import {
+	NgbDropdownModule,
+	NgbPaginationModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import * as echarts from 'echarts';
+import { NgxEchartsModule } from 'ngx-echarts';
+import { SearchModule } from '../global/search/search.module';
+import { CampaignManagementComponent } from './campaign-management.component';
+import { CampaignIndexModule } from './modules/campaign-index/campaign-index.module';
+import { PendingApprovalDialogViewComponent } from './modules/campaign-index/dialog/pending-approval-dialog-view';
+import { DashboardModule } from './modules/dashboard/dashboard.module';
+import { NewCampaignComponent } from './modules/new-campaign';
+import { GeneralInformationEmailComponent } from './modules/new-campaign/components/general-information-email';
+import { GeneralInformationLineComponent } from './modules/new-campaign/components/general-information-line';
+import { GeneralInformationSMSComponent } from './modules/new-campaign/components/general-information-sms';
+import { GeneralInformationWAComponent } from './modules/new-campaign/components/general-information-wa';
+import { FailoverMechanismComponent } from './modules/new-campaign/failover-mechanism';
+import { GeneralInformationComponent } from './modules/new-campaign/general-information';
+import { NewNumberBasesComponent } from './modules/new-campaign/new-number-bases';
+import { SchedulerComponent } from './modules/new-campaign/scheduler';
+import { SummaryComponent } from './modules/new-campaign/summary';
+import { WizardComponent } from './modules/wizard';
+
+@NgModule({
+	declarations: [
+		CampaignManagementComponent,
+		WizardComponent,
+		NewCampaignComponent,
+		GeneralInformationComponent,
+		SchedulerComponent,
+		SummaryComponent,
+		NewNumberBasesComponent,
+		GeneralInformationLineComponent,
+		GeneralInformationWAComponent,
+		GeneralInformationSMSComponent,
+		GeneralInformationEmailComponent,
+		PendingApprovalDialogViewComponent,
+		FailoverMechanismComponent,
+	],
+	imports: [
+		CommonModule,
+		AgmCoreModule.forRoot({
+			apiKey: 'AIzaSyCHReBe_RpzAgLTrUC5QIDyeKttQ817wRY',
+			libraries: ['places'],
+		}),
+		DashboardModule,
+		MatAutocompleteModule,
+		FormsModule,
+		ReactiveFormsModule,
+		MatFormFieldModule,
+		MatInputModule,
+		MatSelectModule,
+		MatRadioModule,
+		MatListModule,
+		MatButtonModule,
+		NgxEchartsModule.forRoot({
+			echarts,
+		}),
+		MatIconModule,
+		PickerModule,
+		AngularEditorModule,
+		MatDialogModule,
+		MatTabsModule,
+		MatBadgeModule,
+		NgbDropdownModule,
+		NgbPaginationModule,
+		MatCardModule,
+		MatTableModule,
+		MatCheckboxModule,
+		MatPaginatorModule,
+		MatGridListModule,
+		MatDatepickerModule,
+		MatSortModule,
+		SearchModule,
+		MatDividerModule,
+		MatProgressSpinnerModule,
+		MatSlideToggleModule,
+		DragDropModule,
+		CampaignIndexModule,
+	],
+	exports: [CampaignManagementComponent, SummaryComponent],
+	entryComponents: [PendingApprovalDialogViewComponent],
+	providers: [DatePipe],
+})
+export class CampaignManagementModule {}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/campaign-count-final-response-dto.model.ts

@@ -0,0 +1,11 @@
+export interface CampaignTotalDto {
+	live: number;
+	pending: number;
+	total: number;
+}
+export interface CampaignCountFinalResponseDtoExternal {
+	totalCampaign: number;
+	totalCampaignPercent: number;
+	totalLive: number;
+	totalPending: number;
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/contact-category-dto.model.ts

@@ -0,0 +1,7 @@
+export interface ContactCategoryModel {
+	name: string;
+	id: string;
+	clientName: string;
+	clientId: string;
+	totalMembers: number;
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/failover-req.model.ts

@@ -0,0 +1,63 @@
+export class FailoverReqModel {
+	public active: boolean;
+	public type: string;
+	public interval: number;
+	public accounts: FailoverAccountReqModel[];
+
+	constructor() {}
+
+	public clone(source: any): FailoverReqModel {
+		this.active = source.active;
+		this.interval = source.interval ?? 0;
+		this.type = source.type ?? '';
+
+		if (source.accounts) {
+			this.accounts = source.accounts.reduce((result, each) => {
+				result.push(new FailoverAccountReqModel().clone(each));
+				return result;
+			}, []);
+		}
+
+		return this;
+	}
+
+	public convert(): any {
+		return {
+			failover: this,
+		};
+	}
+}
+
+class FailoverAccountReqModel {
+	public accountId: string;
+	public accountName: string;
+	public subject: string;
+	public platform: string;
+	public template: {
+		id: string;
+		name: string;
+		lang: string;
+		data: string[];
+	};
+
+	constructor() {}
+
+	public clone(source: any): FailoverAccountReqModel {
+		this.accountId = source.accountId?.id ?? '';
+		this.accountName = source.accountName ?? '';
+		this.subject = source.subject ?? '';
+		this.platform = source.platform ?? '';
+		this.template = {
+			id: source.template?.ID ?? '',
+			name: source.template?.name ?? source.template ?? '',
+			lang: source.template?.lang ?? '',
+			data: source.paramBody?.map((t: any) => t.name) ?? [],
+		};
+
+		return this;
+	}
+
+	public convert(): any {
+		return this;
+	}
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/general-information-wa-req.model.ts

@@ -0,0 +1,120 @@
+export class GeneralInformationWAReqModel {
+	public name: string;
+	public accountId: string;
+	public type: string;
+	public text: string;
+	public subject: string;
+	public image: {
+		url: string;
+	};
+	public video: {
+		url: string;
+	};
+	public document: {
+		url: string;
+		fileName: string;
+	};
+	public template: {
+		id?: string;
+		name: string;
+		lang: string;
+		headerUrl?: string;
+		header: any;
+		data: any[];
+		button: any;
+	};
+	public list: {
+		button: string;
+		sections: {
+			title: string;
+			items: {
+				id: string;
+				title: string;
+				description: string;
+			}[];
+		}[];
+	};
+	public buttons: {
+		type: string;
+		id: string;
+		title: string;
+	}[];
+
+	public clone(source: any): GeneralInformationWAReqModel {
+		/* Source Mapping */
+		if (
+			source?.media === 'IMAGE' ||
+			source?.media === 'VIDEO' ||
+			source?.media === 'DOCUMENT'
+		) {
+			source.channel = source.media;
+		}
+		/* ./ Source Mapping */
+
+		if (source.campaignName) {
+			this.name = source.campaignName;
+		}
+		if (source.medium === 'EMAIL') {
+			this.subject = source.campaignName;
+		}
+		if (source.from?.id) {
+			this.accountId = source.from.id;
+		}
+		if (source.channel) {
+			this.type = source.channel?.toLowerCase();
+		}
+		if (source.text) {
+			this.text = source.text;
+		}
+		if (this.type === 'image' && source.fileName) {
+			this.image = {
+				url: source.targetURL,
+			};
+		}
+		if (this.type === 'video' && source.fileName) {
+			this.video = {
+				url: source.targetURL,
+			};
+		}
+		if (this.type === 'document' && source.fileName) {
+			this.document = {
+				url: source.targetURL,
+				fileName: source.fileName,
+			};
+		}
+		if (source.template) {
+			this.template = {
+				id: source.template.ID,
+				name: source.template.name,
+				lang: source.template.lang,
+				headerUrl: source.targetURL,
+				header: source.paramHeader?.map((t: any) => t.name) ?? [],
+				data: source.paramBody?.map((t: any) => t.name) ?? [],
+				button: source.paramButton?.reduce(
+					(result: any[], each: any) => {
+						result.push(each.name.map((t: any) => t.name) ?? []);
+						return result;
+					},
+					[]
+				),
+			};
+
+			if (source.template.category === 'AUTHENTICATION')
+				this.template = {
+					name: source.template.name,
+					lang: source.template.lang,
+					header: null,
+					data: [source.otpValue],
+					button: [[source.otpValue]],
+				};
+
+			if (source.template.ID) this.template.id = source.template.ID;
+		}
+
+		return this;
+	}
+
+	public convert(): any {
+		return this;
+	}
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/number-response-dto.ts

@@ -0,0 +1,6 @@
+export interface NumberResponseDto {
+	id?: string;
+	name?: string;
+	contactNo?: string;
+	categories?: string[];
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/paging-response-dto.model.ts

@@ -0,0 +1,5 @@
+export interface PagingResponseDto {
+  page_number: number,
+  page_size: number,
+  total_records: number,
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/product-dto.model.ts

@@ -0,0 +1,6 @@
+
+export interface ProductDto {
+    name: string;
+    retailerId: string;
+    imageUrl: string;
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/scheduler-req.model.ts

@@ -0,0 +1,39 @@
+import { DatePipe } from '@angular/common';
+
+export class SchedulerReqModel {
+	public type: string;
+	public startTime: string;
+	public repeat: boolean;
+	public tz: string;
+	private datePipe: DatePipe;
+
+	constructor() {
+		this.datePipe = new DatePipe('en-US');
+	}
+
+	public clone(source: any): SchedulerReqModel {
+		if (source.schedulerType) {
+			this.type = source.delivery ? 'MULTI' : source.schedulerType;
+		}
+		if (source.startDate) {
+			this.startTime = `${this.datePipe.transform(
+				source.startDate,
+				'yyyy-MM-dd'
+			)} ${source.startTime}`;
+		}
+		if (source.delivery) {
+			this.repeat = source.delivery.toUpperCase();
+		}
+
+		return this;
+	}
+
+	public convert(): any {
+		return {
+			type: this.type,
+			startTime: this.startTime,
+			repeat: this.repeat,
+			tz: Intl.DateTimeFormat().resolvedOptions().timeZone,
+		};
+	}
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/template-wa.model.ts

@@ -0,0 +1,41 @@
+export interface TemplateWAModel {
+	ID: string;
+	ClientId: string;
+	ClientName: string;
+	Status: string;
+	CreatedAt: Date;
+	updated_at: Date;
+	waba: string;
+	category: string;
+	name: string;
+	lang: string;
+	platform: string;
+	expired: number;
+	footer: string;
+	body: {
+		text: string;
+		examples: string[];
+	};
+	header: {
+		type: string;
+		text?: string;
+		examples?: string[];
+		url?: string;
+	};
+	buttons: TemplateButtonModel[];
+	carousel: any;
+}
+
+interface TemplateButtonModel {
+	type: string;
+	text: string;
+	phoneNo: string;
+	url: string;
+	otpType: string;
+	packageName: string;
+	hash: string;
+	flow_id: string;
+	flow_action: string;
+	navigate_screen: string;
+	examples: string[];
+}

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/models/whatsapp-account.ts

@@ -0,0 +1,20 @@
+export interface WhatsAppAccountDto {
+	platform: string;
+	clientId: string;
+	name: string;
+	accountNo: string;
+	tier: string;
+	cert: string;
+	registerType: string;
+	wabaId: string;
+	phoneId: string;
+	CreatedAt: string;
+	UpdatedAt: string;
+	id: string;
+	webhookMode: string;
+	webhookTarget: string;
+	webhookURL: string;
+	webhookMethod: string;
+	clientName: string;
+	status: string;
+}