@adlfe/campaign-management-library 2.9.21 → 2.10.2

package/projects/adl-campaign-management-library-internal/src/lib/core/const/constants.const.ts

@@ -0,0 +1,215 @@
+export const PlatformOptionConst = [
+	{
+		icon: 'icon_wa',
+		inputSvgIcon: 'icon-wa-gray',
+		image: 'whatsapp.png',
+		label: 'WhatsApp',
+		value: 'WA',
+	},
+	{
+		icon: 'menu_sms',
+		inputSvgIcon: 'icon-sms-gray',
+		image: 'sms.png',
+		label: 'SMS',
+		value: 'SMS',
+	},
+	{
+		icon: 'icon_email',
+		inputSvgIcon: 'icon-email-gray',
+		image: 'email-contact.png',
+		label: 'Email',
+		value: 'EMAIL',
+	},
+	{
+		icon: 'icon_line',
+		inputSvgIcon: 'icon-line-gray',
+		image: 'line.png',
+		label: 'Line',
+		value: 'LINE',
+	},
+];
+
+export const MsgTypeWAOptionConst = [
+	{
+		name: 'Text',
+		code: 'TEXT',
+	},
+	{
+		name: 'Media',
+		code: 'MEDIA',
+	},
+	{
+		name: 'Template',
+		code: 'TEMPLATE',
+	},
+	/* {
+		name: 'Catalogue',
+		code: 'CATALOGUE',
+	}, */
+];
+
+export const MsgTypeEmailOptionConst = [
+	{
+		name: 'Text',
+		code: 'HTML',
+	},
+	{
+		name: 'Template',
+		code: 'TEMPLATE',
+	},
+];
+
+export const MsgTypeLineOptionConst = [
+	{
+		name: 'Text',
+		code: 'TEXT',
+	},
+	{
+		name: 'Template',
+		code: 'TEMPLATE',
+	},
+	/* {
+		name: 'Button',
+		code: 'BUTTON',
+	},
+	{
+		name: 'Confirmation',
+		code: 'CONFIRMATION',
+	},
+	{
+		name: 'Carousel',
+		code: 'CAROUSEL',
+	},
+	{
+		name: 'Image Carousel',
+		code: 'IMAGE_CAROUSEL',
+	},
+	{
+		name: 'Flex Bubble',
+		code: 'FLEX_BUBBLE',
+	},
+	{
+		name: 'Flex Carousel',
+		code: 'FLEX_CAROUSEL',
+	}, */
+];
+
+export const MediaTypeOptionConst = [
+	{
+		name: 'Image',
+		code: 'IMAGE',
+	},
+	{
+		name: 'Video',
+		code: 'VIDEO',
+	},
+	{
+		name: 'Document',
+		code: 'DOCUMENT',
+	},
+	/* {
+		name: 'Location',
+		code: 'LOCATION',
+	}, */
+];
+
+export const WidgetLiveCampaignConst: {
+	title: string;
+	arrow: string;
+	value: number;
+	date: string;
+	icon: string;
+	dateclass: string;
+}[] = [
+	{
+		title: 'Total Campaigns',
+		arrow: '../../../../assets/svg/icon-down-arrow.svg',
+		value: 0,
+		date: '',
+		icon: '../../../../assets/svg/icon-total-campaign.svg',
+		dateclass: 'redpercent',
+	},
+	{
+		title: 'Live Campaigns',
+		arrow: '../../../../assets/svg/icon-down-arrow.svg',
+		value: 0,
+		date: '',
+		icon: '../../../../assets/svg/icon-use-campaign.svg',
+		dateclass: 'redpercent',
+	},
+	{
+		title: 'Pending Approval',
+		arrow: '../../../../assets/svg/icon-down-arrow.svg',
+		value: 0,
+		date: '',
+		icon: '../../../../assets/svg/icon-pending-approval-campaign.svg',
+		dateclass: 'redpercent',
+	},
+];
+
+export const CampaignPerformanceChartConfig = {
+	legend: {
+		icon: 'circle',
+		orient: 'horizontal',
+		x: 'center',
+		y: 'bottom',
+	},
+	tooltip: {},
+	dataset: {
+		source: [['', 'WA Text', 'WA Template', 'WA Media', 'Product Catalog']],
+	},
+	xAxis: { type: 'category' },
+	yAxis: {},
+	series: [
+		{ type: 'bar', color: '#E666DA' },
+		{ type: 'bar', color: '#EB7215' },
+		{ type: 'bar', color: '#F3B435' },
+		{ type: 'bar', color: '#35CDF3' },
+	],
+};
+
+export const ConversationInsightsChartConfig = {
+	tooltip: {
+		trigger: 'axis',
+	},
+	legend: {
+		icon: 'circle',
+		data: [
+			'Delivery Rate of Campaigns',
+			'Total Number of Campaigns',
+			'Cost Distribution',
+		],
+		x: 'center',
+		y: 'bottom',
+	},
+	xAxis: {
+		type: 'category',
+		data: [],
+	},
+	yAxis: {
+		type: 'value',
+	},
+	series: [
+		{
+			name: 'Delivery Rate of Campaigns',
+			data: [],
+			type: 'line',
+			smooth: true,
+			itemStyle: { normal: { color: 'blue' } },
+		},
+		{
+			name: 'Total Number of Campaigns',
+			data: [],
+			type: 'line',
+			smooth: true,
+			itemStyle: { normal: { color: 'green' } },
+		},
+		{
+			name: 'Cost Distribution',
+			data: [],
+			type: 'line',
+			smooth: true,
+			itemStyle: { normal: { color: '#E666DA' } },
+		},
+	],
+};

package/projects/adl-campaign-management-library-internal/src/lib/core/const/create-package-service.const.ts

@@ -0,0 +1,11 @@
+import { environment } from '../../../environments/environment';
+
+const packageServiceServicePath = '/package';
+const countryServiceServicePath = '/appvalue/COUNTRY';
+const editServicePath = "/package/{id}";
+const rateCardServicePath = '/ratecard';
+
+export const PackageServicePathConst = `${environment.api}${packageServiceServicePath}`;
+export const CountryServicePathConst = `${environment.api}${countryServiceServicePath}`;
+export const RateCardServicePathConst = `${environment.api}${rateCardServicePath}`;
+export const EditServicePathConst = `${environment.api}${editServicePath}`;

package/projects/adl-campaign-management-library-internal/src/lib/core/const/failover.const.ts

@@ -0,0 +1,57 @@
+import { WhatsAppAccountDto } from '../../campaign-management/models';
+
+export let isLoadingOption: {
+	WA: boolean;
+	SMS: boolean;
+	LINE: boolean;
+	EMAIL: boolean;
+	VOICE: boolean;
+} = {
+	WA: false,
+	SMS: false,
+	LINE: false,
+	EMAIL: false,
+	VOICE: false,
+};
+
+export let isHaveNextOption: {
+	WA: boolean;
+	SMS: boolean;
+	LINE: boolean;
+	EMAIL: boolean;
+	VOICE: boolean;
+} = {
+	WA: true,
+	SMS: true,
+	LINE: true,
+	EMAIL: true,
+	VOICE: true,
+};
+
+export let pageNoOption: {
+	WA: number;
+	SMS: number;
+	LINE: number;
+	EMAIL: number;
+	VOICE: number;
+} = {
+	WA: 1,
+	SMS: 1,
+	LINE: 1,
+	EMAIL: 1,
+	VOICE: 1,
+};
+
+export let optionList: {
+	WA: WhatsAppAccountDto[];
+	SMS: WhatsAppAccountDto[];
+	LINE: WhatsAppAccountDto[];
+	EMAIL: WhatsAppAccountDto[];
+	VOICE: WhatsAppAccountDto[];
+} = {
+	WA: [],
+	SMS: [],
+	LINE: [],
+	EMAIL: [],
+	VOICE: [],
+};

package/projects/adl-campaign-management-library-internal/src/lib/core/const/form-validators.ts

@@ -0,0 +1,37 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+export function duplicateValidator(
+  compareArray: any[],
+  compareProperty: string,
+  originalValue?: any
+): ValidatorFn {
+  return (control: AbstractControl): ValidationErrors | null => {
+    const inputValue = control.value ? String(control.value).trim() : '';
+
+    if (!inputValue || (!!originalValue && String(originalValue) === inputValue)) {
+      return null;
+    }
+
+    const isDuplicate = compareArray.some(
+      (data) => inputValue === String(data[compareProperty]).trim()
+    );
+
+    return isDuplicate ? { duplicateValue: true } : null;
+  };
+}
+
+export function intervalTimeValidator(): ValidatorFn {
+  return (control: AbstractControl): ValidationErrors | null => {
+    if (!control.value) {
+      return null;
+    }
+
+    const number = Number(control.value);
+
+    if (Number.isNaN(number) || number % 1 !== 0 || number < 1) {
+      return { intervalTime: true };
+    }
+
+    return null;
+  };
+}

package/projects/adl-campaign-management-library-internal/src/lib/core/const/index.ts

@@ -0,0 +1,6 @@
+export * from './constants.const';
+export * from './create-package-service.const';
+export * from './failover.const';
+export * from './rate-card-table-config';
+export * from './validation-message.const';
+

package/projects/adl-campaign-management-library-internal/src/lib/core/const/rate-card-table-config.ts

@@ -0,0 +1,22 @@
+export const RateCardTableLabelConst = [
+	'select',
+	'Country ID',
+	'Country Name',
+	'Currency Code',
+	'Excess Fee Conversation',
+	'Excess Fee Notification',
+	'Setup Fee',
+	'Action',
+];
+
+
+export const RateCardTableColumnConst = [
+	'select',
+	'countryCode',
+	'countryName',
+	'currencyCode',
+	'ovrUsgConversationCost',
+	'ovrUsgNotificationCost',
+	'setupFee',
+	'action',
+];

package/projects/adl-campaign-management-library-internal/src/lib/core/const/validation-message.const.ts

@@ -0,0 +1,61 @@
+export const GeneralInformationMessageValidationConst = {
+  campaignName: [
+    { type: 'required', message: 'General Information is required' },
+    { type: 'maxlength', message: 'Maximum character 100' },
+  ],
+  medium: [{ type: 'required', message: 'Channel is required' }],
+};
+
+export const GeneralInformationWAMessageValidationConst = {
+  channel: [{ type: 'required', message: 'Message Type is required' }],
+  from: [{ type: 'required', message: 'From is required' }],
+  text: [{ type: 'required', message: 'Text is required' }],
+  media: [{ type: 'required', message: 'Media Type is required' }],
+  fileName: [{ type: 'required', message: 'File is required' }],
+  template: [{ type: 'required', message: 'Template is required' }],
+  category: [{ type: 'required', message: 'Category is required' }],
+  catalogue: [{ type: 'required', message: 'Catalog is required' }],
+  product: [{ type: 'required', message: 'Product is required' }],
+  body: [{ type: 'maxlength', message: 'Maximum character 100' }],
+};
+
+export const GeneralInformationEmailMessageValidationConst = {
+  channel: [{ type: 'required', message: 'Message Type is required' }],
+  from: [{ type: 'required', message: 'From is required' }],
+  text: [{ type: 'required', message: 'Text is required' }],
+  template: [{ type: 'required', message: 'Template is required' }],
+};
+
+export const GeneralInformationSMSMessageValidationConst = {
+  channel: [{ type: 'required', message: 'Message Type is required' }],
+  from: [{ type: 'required', message: 'From is required' }],
+  text: [{ type: 'required', message: 'Text is required' }],
+  template: [{ type: 'required', message: 'Template is required' }],
+};
+
+export const GeneralInformationLineMessageValidationConst = {
+  channel: [{ type: 'required', message: 'Message Type is required' }],
+  from: [{ type: 'required', message: 'From is required' }],
+  text: [{ type: 'required', message: 'Text is required' }],
+  template: [{ type: 'required', message: 'Template is required' }],
+};
+
+export const FailoverMechanismValidationConst = {
+  interval: [
+    { type: 'required', message: 'Interval Time is required' },
+    {
+      type: 'intervalTime',
+      message: 'Must be greater than 0 and without decimal',
+    },
+  ],
+  type: [{ type: 'required', message: 'Main Rules is required' }],
+  accountId: [{ type: 'required', message: 'Account is required' }],
+  subject: [{ type: 'required', message: 'Subject is required' }],
+  message: [{ type: 'required', message: 'Message is required' }],
+  templateName: [{ type: 'required', message: 'Template is required' }],
+};
+
+export const SchedulerMessageValidationConst = {
+  startDate: [{ type: 'required', message: 'Select Date is required' }],
+  startTime: [{ type: 'required', message: 'Select Time is required' }],
+};

package/projects/adl-campaign-management-library-internal/src/lib/core/directives/mat-select-infinite-scroll.ts

@@ -0,0 +1,102 @@
+import {
+	AfterViewInit,
+	Directive,
+	EventEmitter,
+	Input,
+	NgZone,
+	OnDestroy,
+	OnInit,
+	Output,
+} from '@angular/core';
+import { MatSelect, SELECT_ITEM_HEIGHT_EM } from '@angular/material/select';
+import { Subject, fromEvent } from 'rxjs';
+import { debounceTime, takeUntil, tap } from 'rxjs/operators';
+
+@Directive({
+	selector: '[matSelectInfiniteScroll]',
+})
+export class MatSelectInfiniteScrollDirective
+	implements OnInit, OnDestroy, AfterViewInit
+{
+	@Input() threshold = '15%';
+	@Input() debounceTime = 150;
+	@Input() complete: boolean;
+	@Output() infiniteScroll = new EventEmitter<void>();
+
+	private panel: Element;
+	private thrPx = 0;
+	private thrPc = 0;
+	private singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
+	private destroyed$ = new Subject<boolean>();
+
+	constructor(private matSelect: MatSelect, private ngZone: NgZone) {}
+
+	ngOnInit() {
+		this.evaluateThreshold();
+	}
+
+	ngAfterViewInit() {
+		this.matSelect.openedChange
+			.pipe(takeUntil(this.destroyed$))
+			.subscribe(opened => {
+				if (opened) {
+					this.panel = this.matSelect.panel.nativeElement;
+					this.singleOptionHeight = this.getSelectItemHeightPx();
+					this.registerScrollListener();
+				}
+			});
+	}
+
+	ngOnDestroy() {
+		this.destroyed$.next(true);
+		this.destroyed$.complete();
+	}
+
+	evaluateThreshold() {
+		if (this.threshold.lastIndexOf('%') > -1) {
+			this.thrPx = 0;
+			this.thrPc = parseFloat(this.threshold) / 100;
+		} else {
+			this.thrPx = parseFloat(this.threshold);
+			this.thrPc = 0;
+		}
+	}
+
+	registerScrollListener() {
+		fromEvent(this.panel, 'scroll')
+			.pipe(
+				takeUntil(this.destroyed$),
+				debounceTime(this.debounceTime),
+				tap(event => {
+					this.handleScrollEvent(event);
+				})
+			)
+			.subscribe();
+	}
+
+	handleScrollEvent(event) {
+		this.ngZone.runOutsideAngular(() => {
+			if (this.complete) return;
+
+			const countOfRenderedOptions = this.matSelect.options.length;
+			const infiniteScrollDistance =
+				this.singleOptionHeight * countOfRenderedOptions;
+			const threshold =
+				this.thrPc !== 0
+					? infiniteScrollDistance * this.thrPc
+					: this.thrPx;
+			const scrolledDistance =
+				this.panel.clientHeight + event.target.scrollTop;
+
+			if (scrolledDistance + threshold >= infiniteScrollDistance)
+				this.ngZone.run(() => this.infiniteScroll.emit());
+		});
+	}
+
+	getSelectItemHeightPx(): number {
+		return (
+			parseFloat(getComputedStyle(this.panel).fontSize) *
+			SELECT_ITEM_HEIGHT_EM
+		);
+	}
+}

package/projects/adl-campaign-management-library-internal/src/lib/core/enums/constant.enum.ts

@@ -0,0 +1,25 @@
+export enum PastTimeEnum {
+	Today = 'today',
+	Yesterday = 'yesterday',
+	CurrentWeek = 'currentWeek',
+	LastWeek = 'last week',
+	CurrentMonth = 'currentMonth',
+	LastMonth = 'last month',
+}
+
+export enum StatusCampaignEnum {
+	Draft = 'DRAFT',
+	WaitingApproval = 'APPROVAL',
+	Rejected = 'REJECTED',
+	Scheduled = 'SCHEDULED',
+	Stopped = 'STOPPED',
+	Deleted = 'DELETED',
+	Completed = 'COMPLETED',
+	Failed = 'FAILED',
+	Paused = 'PAUSED',
+	Processing = 'PROCESS',
+}
+
+export enum ProductCategoryEnum {
+	SingleProduct = 'product',
+}

package/projects/adl-campaign-management-library-internal/src/lib/core/enums/http-request-param-type.enum.ts

@@ -0,0 +1,7 @@
+export enum HttpRequestParamType{
+  path = 1,
+  body = 2,
+  query = 3,
+  formData = 4,
+  header = 5
+}

package/projects/adl-campaign-management-library-internal/src/lib/core/enums/http-verb.enum.ts

@@ -0,0 +1,7 @@
+export enum HttpVerb {
+  get   = 1,
+  post  = 2,
+  put   = 3,
+  delete = 4,
+  patch = 5
+}

package/projects/adl-campaign-management-library-internal/src/lib/core/enums/main-area.enum.ts

@@ -0,0 +1,7 @@
+export enum MainArea {
+  'Dashboard' = 1,
+  'CampaignIndex' = 2,
+  'CreateCampaign' = 3,
+  'NewCampaign' = 4,
+  'UpdateNumberBases' = 5,
+}