@adlfe/campaign-management-library 2.10.2 → 2.10.4

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

@@ -1,160 +0,0 @@
-<h3 class="font-20px font-PoppinsBold mb-4"
-	[ngClass]="{ 'asterix--after': !isReadOnlyMode }">
-	Scheduler
-</h3>
-
-<form [formGroup]="form"
-	autocomplete="off"
-	class="scheduler">
-	<div class="d-flex gap-4">
-		<mat-card class="grid-cards pointer"
-			[ngClass]="{
-        active: form.get('schedulerType').value === 'NOW',
-        'd-none': form.get('schedulerType').value !== 'NOW' && isReadOnlyMode
-      }"
-			(click)="updateSchedulerType('NOW')">
-			<mat-card-title>
-				<div class="d-flex justify-content-between align-items-center">
-					<div class="font-16px font-PoppinsBold">Broadcast Now</div>
-
-					<mat-radio-button *ngIf="!isReadOnlyMode"
-						class="scheduler-type"
-						[checked]="form.get('schedulerType').value === 'NOW'"
-						(click)="updateSchedulerType('NOW')">
-					</mat-radio-button>
-				</div>
-			</mat-card-title>
-			<mat-card-content class="mb-0">
-				<img src="../../../../../assets/svg/broadcast-now.svg" />
-			</mat-card-content>
-			<mat-card-actions>
-				<p class="px-2 py-3 mb-0">
-					Broadcast now to ensure the message is delivered directly to the customer!
-				</p>
-			</mat-card-actions>
-		</mat-card>
-
-		<mat-card class="grid-cards pointer"
-			[ngClass]="{
-        active: form.get('schedulerType').value === 'ONE_TIME',
-        'd-none': form.get('schedulerType').value !== 'ONE_TIME' && isReadOnlyMode
-      }"
-			(click)="updateSchedulerType('ONE_TIME')">
-			<mat-card-title>
-				<div class="d-flex justify-content-between align-items-center">
-					<div class="font-16px font-PoppinsBold">Frequently Scheduler</div>
-
-					<mat-radio-button *ngIf="!isReadOnlyMode"
-						class="scheduler-type"
-						[checked]="form.get('schedulerType').value === 'ONE_TIME'"
-						(click)="updateSchedulerType('ONE_TIME')">
-					</mat-radio-button>
-				</div>
-			</mat-card-title>
-			<mat-card-content class="mb-0">
-				<img src="../../../../../assets/svg/broadcast-schedule.svg" />
-			</mat-card-content>
-			<mat-card-actions>
-				<p class="px-2 py-3 mb-0">
-					Create a broadcast schedule and organize it based on your needs, with a date range.
-				</p>
-			</mat-card-actions>
-		</mat-card>
-	</div>
-
-	<ng-container *ngIf="form.get('schedulerType').value === 'ONE_TIME'">
-		<p class="font-14px font-PoppinsBold asterix--after py-3 mb-0">Select Date and Time</p>
-
-		<div class="row mb-3">
-			<div class="col-md-3 col-12">
-				<mat-form-field appearance="outline"
-					floatLabel="always"
-					class="w-100">
-					<input matInput
-						class="mat-datepicker-input"
-						placeholder="Select Date"
-						formControlName="startDate"
-						[min]="minDate"
-						[matDatepicker]="startDatePicker"
-						(dateChange)="updateTime()" />
-
-					<mat-datepicker-toggle class="scheduler-date-toggle"
-						matSuffix
-						[for]="startDatePicker">
-						<mat-icon class="d-flex"
-							svgIcon="icon-date-grey"
-							matDatepickerToggleIcon></mat-icon>
-					</mat-datepicker-toggle>
-					<mat-datepicker #startDatePicker></mat-datepicker>
-				</mat-form-field>
-
-				<mat-error align="end"
-					*ngFor="let validation of validationMessages.startDate">
-					<p class="font-12px mb-0"
-						*ngIf="form.get('startDate').touched && form.get('startDate').hasError(validation.type)">
-						{{ validation.message }}
-					</p>
-				</mat-error>
-			</div>
-
-			<div class="col-md-3 col-12">
-				<mat-form-field appearance="outline"
-					floatLabel="always"
-					class="scheduler-time">
-					<input matInput
-						type="time"
-						step="1"
-						min="00:00"
-						max="23:59"
-						formControlName="startTime"
-						class="scheduler-time-input"
-						placeholder="Select Time"
-						(change)="updateTime()" />
-				</mat-form-field>
-
-				<mat-error align="end"
-					*ngFor="let validation of validationMessages.startTime">
-					<p class="font-12px mb-0"
-						*ngIf="form.get('startTime').touched && form.get('startTime').hasError(validation.type)">
-						{{ validation.message }}
-					</p>
-				</mat-error>
-			</div>
-		</div>
-
-		<mat-slide-toggle class="repeat-broadcast mb-3"
-			formControlName="isRepeat"
-			(change)="updateRepeat($event.checked)">
-			<p class="font-14px font-PoppinsBold mb-0">Repeat Broadcast</p>
-		</mat-slide-toggle>
-
-		<ng-container *ngIf="form.get('isRepeat').value">
-			<p class="font-14px">The broadcast will be repeat based on the date and time you select</p>
-
-			<div class="row">
-				<div class="col-12">
-					<div class="d-flex gap-2">
-						<ng-container *ngFor="let item of ['Daily', 'Weekly', 'Monthly']">
-							<button *ngIf="form.get('delivery').value !== item"
-								mat-stroked-button
-								style="min-width: 80px"
-								[disabled]="isReadOnlyMode"
-								(click)="form.get('delivery').setValue(item)">
-								{{ item }}
-							</button>
-
-							<button *ngIf="form.get('delivery').value === item"
-								mat-flat-button
-								color="primary-telin-blue2"
-								style="min-width: 80px"
-								[disabled]="isReadOnlyMode"
-								(click)="form.get('delivery').setValue(item)">
-								{{ item }}
-							</button>
-						</ng-container>
-					</div>
-				</div>
-			</div>
-		</ng-container>
-	</ng-container>
-</form>

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/modules/new-campaign/scheduler/scheduler.component.scss

@@ -1,100 +0,0 @@
-@import '../../../../../../src/styles/abstracts/variables';
-
-.scheduler {
-	.grid-cards {
-		width: 280px;
-		padding: 1em;
-		border: 1px solid #e2e2e2;
-		border-radius: 10px;
-		box-shadow: none;
-		&.active {
-			background-color: #f8fbff;
-			border: 1px solid $color-telin-blue2;
-		}
-	}
-	.alert-primary {
-		height: 52px;
-		display: flex;
-		align-items: center;
-		background-color: #f3f7fd;
-		border-color: #1369eb;
-		border-radius: 8px;
-		color: #231f20;
-	}
-	.scheduler-time-input::-webkit-calendar-picker-indicator {
-		width: 24px;
-		height: 24px;
-		margin-top: -5px;
-		filter: invert(43%) sepia(6%) saturate(188%) hue-rotate(187deg)
-			brightness(97%) contrast(93%);
-	}
-}
-
-.asterix--after:after {
-	content: '*';
-	color: red;
-}
-
-::ng-deep .mat-radio-button {
-	&.scheduler-type {
-		&.mat-radio-checked {
-			.mat-radio-outer-circle {
-				border-color: $color-telin-blue2;
-			}
-			.mat-radio-inner-circle {
-				background-color: $color-telin-blue2;
-			}
-		}
-	}
-}
-
-::ng-deep .mat-datepicker-toggle {
-	&.scheduler-date-toggle {
-		.mat-icon-button {
-			display: flex !important;
-			.mat-icon {
-				height: 100%;
-			}
-		}
-	}
-}
-
-::ng-deep .mat-form-field {
-	&.scheduler-time {
-		.mat-form-field-infix {
-			padding: 0.8em 0 0.8em 0;
-		}
-	}
-}
-
-::ng-deep .mat-slide-toggle {
-	&.repeat-broadcast {
-		.mat-slide-toggle-bar {
-			width: 40px;
-			height: 20px;
-			border-radius: 13px;
-		}
-		.mat-slide-toggle-thumb-container {
-			width: 18px;
-			height: 18px;
-			top: 1px;
-			left: 1px;
-		}
-		.mat-slide-toggle-thumb {
-			width: 18px;
-			height: 18px;
-			border-radius: 50%;
-		}
-		&.mat-checked {
-			.mat-slide-toggle-bar {
-				background-color: #2bca3b;
-			}
-			.mat-slide-toggle-thumb-container {
-				left: 4px;
-			}
-			.mat-slide-toggle-thumb {
-				background-color: white;
-			}
-		}
-	}
-}

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

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

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

@@ -1,143 +0,0 @@
-import { DatePipe } from '@angular/common';
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
-import { ToastrService } from 'ngx-toastr';
-import { SchedulerMessageValidationConst } from '../../../../core/const';
-
-@Component({
-	selector: 'lib-new-campaign-scheduler',
-	templateUrl: './scheduler.component.html',
-	styleUrls: ['./scheduler.component.scss'],
-})
-export class SchedulerComponent implements OnInit {
-	@Output()
-	public scheduler: EventEmitter<FormGroup>;
-
-	public form: FormGroup;
-	public minDate: Date;
-	public validationMessages: any;
-
-	private datePipe: DatePipe;
-
-	@Input() public isReadOnlyMode: boolean;
-
-	constructor(private toastr: ToastrService) {
-		this.datePipe = new DatePipe('en-US');
-		this.scheduler = new EventEmitter();
-	}
-
-	ngOnInit(): void {
-		this.validationMessages = SchedulerMessageValidationConst;
-		this.minDate = new Date();
-
-		this.initForm();
-		this.initEdit();
-		this.initDisable();
-	}
-
-	private initForm(): void {
-		this.form = new FormGroup({
-			schedulerType: new FormControl(null, Validators.required),
-			startDate: new FormControl(null),
-			startTime: new FormControl(null),
-			isRepeat: new FormControl(false),
-			delivery: new FormControl(null),
-		});
-
-		this.form.valueChanges.subscribe(() => {
-			this.scheduler.emit(this.form);
-		});
-	}
-
-	private initDisable(): void {
-		if (!this.isReadOnlyMode) {
-			return;
-		}
-
-		this.form.disable();
-	}
-
-	private initEdit(isEdit: boolean = true): void {
-		const campaign = localStorage.getItem('telin.campaign')
-			? JSON.parse(localStorage.getItem('telin.campaign'))
-			: {};
-
-		if (Object.entries(campaign).length === 0) return;
-
-		if (isEdit)
-			this.form
-				.get('schedulerType')
-				.setValue(campaign?.scheduler?.schedulerType);
-
-		this.form.get('startDate').setValue(campaign?.scheduler?.startDate);
-		this.form.get('startTime').setValue(campaign?.scheduler?.startTime);
-		this.form.get('isRepeat').setValue(campaign?.scheduler?.isRepeat);
-		this.form
-			.get('delivery')
-			.setValue(
-				this.capitalizeFirstLetter(campaign?.scheduler?.delivery)
-			);
-	}
-
-	private capitalizeFirstLetter(value: string): string {
-		if (!value) return '';
-
-		return (
-			value?.charAt(0).toUpperCase() + value?.slice(1).toLowerCase() ?? ''
-		);
-	}
-
-	public updateSchedulerType(type: string): void {
-		this.form.get('schedulerType').setValue(type);
-
-		if (this.form.get('schedulerType').value === 'NOW') {
-			this.form.get('startDate').setValue(null);
-			this.form.get('startDate').clearValidators();
-			this.form.get('startDate').updateValueAndValidity();
-			this.form.get('startTime').setValue(null);
-			this.form.get('startTime').clearValidators();
-			this.form.get('startTime').updateValueAndValidity();
-			this.form.get('delivery').setValue(null);
-			this.form.get('delivery').clearValidators();
-			this.form.get('delivery').updateValueAndValidity();
-			this.form.get('isRepeat').setValue(false);
-			return;
-		}
-
-		this.form.get('startDate').setValidators(Validators.required);
-		this.form.get('startDate').updateValueAndValidity();
-		this.form.get('startTime').setValidators(Validators.required);
-		this.form.get('startTime').updateValueAndValidity();
-		this.initEdit(false);
-	}
-
-	public updateTime(): void {
-		if (!this.form.get('startDate').value) return;
-
-		const dateNow = new Date().getTime();
-		const startDate = new Date(
-			`${this.datePipe.transform(
-				this.form.get('startDate').value,
-				'yyyy-MM-dd'
-			)} ${this.form.get('startTime').value}`
-		).getTime();
-
-		if (dateNow > startDate) {
-			this.form.get('startTime').setValue(null);
-			this.toastr.error('Selected time has been surpassed');
-		}
-	}
-
-	public updateRepeat(isChecked: boolean): void {
-		if (isChecked) {
-			this.form.get('delivery').setValidators(Validators.required);
-			this.form.get('delivery').updateValueAndValidity();
-			return;
-		}
-
-		this.form.get('isRepeat').setValue(null);
-		this.form.get('delivery').setValue(null);
-		this.form.get('delivery').clearValidators();
-		this.form.get('delivery').updateValueAndValidity();
-	}
-}

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

@@ -1,13 +0,0 @@
-<h3 *ngIf="!isShowLabel"
-	class="font-20px font-PoppinsBold asterix--after mb-4">Summary</h3>
-
-<div class="mb-4">
-	<lib-new-campaign-general-information [isReadOnlyMode]="true">
-	</lib-new-campaign-general-information>
-</div>
-
-<div class="mb-4">
-	<lib-new-number-bases [isReadOnlyMode]="true"></lib-new-number-bases>
-</div>
-
-<lib-new-campaign-scheduler [isReadOnlyMode]="true"></lib-new-campaign-scheduler>

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

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

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

@@ -1,10 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-	selector: 'lib-new-campaign-summary',
-	templateUrl: './summary.component.html',
-	styleUrls: ['./summary.component.scss'],
-})
-export class SummaryComponent {
-	@Input() public isShowLabel: boolean;
-}

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

@@ -1,33 +0,0 @@
-<div *ngFor="let name of dataWizard; let i = index;"
-	style="flex-direction: row; display: flex;">
-	<div [ngClass]="{
-				'circle-active': positionWizard === i + 1,
-				'circle-success': positionWizard > i + 1,
-				'circle-inactive': positionWizard < i + 1
-			}">
-		<span [ngClass]="{
-				'number-active': positionWizard === i + 1,
-				'number-success': positionWizard > i + 1,
-				'number-inactive': positionWizard < i + 1
-			}">
-			{{ i + 1 }}
-		</span>
-	</div>
-	<div style="align-self: center;"
-		class="ml-2">
-		<span [ngClass]="{
-				'active-text': positionWizard === i + 1,
-				'success-text': positionWizard > i + 1,
-				'inactive-text': positionWizard < i + 1
-			}">
-			{{ name }}
-		</span>
-	</div>
-	<div *ngIf="i + 1 !== dataWizard.length"
-		[ngClass]="{
-			'line': positionWizard < i + 2,
-			'line-active': positionWizard === i + 2,
-			'line-complete': positionWizard > i + 2,
-			'w-50px': dataWizard.length === 5
-		}"></div>
-</div>

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/modules/wizard/wizard.component.scss

@@ -1,69 +0,0 @@
-.active-text {
-	font-family: 'Poppins';
-	font-style: normal;
-	font-weight: 500;
-}
-.success-text {
-	font-family: 'Poppins';
-	font-style: normal;
-}
-.inactive-text {
-	color: #848484;
-}
-.circle-active {
-	padding: 9px 16px;
-	border-radius: 50%;
-	background-color: #ed1c24;
-}
-.circle-success {
-	padding: 9px 16px;
-	border-radius: 50%;
-	background-color: #2bca3b;
-}
-.circle-inactive {
-	padding: 9px 16px;
-	border-radius: 50%;
-	background-color: #dde0e2;
-}
-.number-inactive {
-	color: #848484;
-}
-.number-success {
-	color: #ffffff;
-}
-.number-active {
-	color: #ffffff;
-	font-family: 'PoppinsBold';
-}
-
-.line {
-	border-bottom: 1px solid #e2e2e2;
-	width: 120px;
-	position: relative;
-	bottom: 20px;
-	margin: 0px 20px;
-	&.w-50px {
-		width: 50px;
-	}
-}
-.line-complete {
-	border-bottom: 1px solid #2bca3b;
-	width: 120px;
-	position: relative;
-	bottom: 20px;
-	margin: 0px 20px;
-}
-.line-active {
-	border-bottom: 1px solid #ed1c24;
-	width: 120px;
-	position: relative;
-	bottom: 20px;
-	margin: 0px 20px;
-}
-.line-section {
-	border-bottom: 1px solid #dbdfeb;
-	display: flex;
-	position: relative;
-	width: 103.2%;
-	right: 1.6%;
-}

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

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

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

@@ -1,15 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-
-@Component({
-	selector: 'lib-wizard',
-	templateUrl: './wizard.component.html',
-	styleUrls: ['./wizard.component.scss'],
-})
-export class WizardComponent implements OnInit {
-	@Input() positionWizard: number = 1;
-	@Input() dataWizard: string[] = [];
-
-	constructor() {}
-
-	ngOnInit(): void {}
-}

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

@@ -1,17 +0,0 @@
-export enum EnumData {
-	GOOGLE_MAP_API_KEY = 'AIzaSyCHReBe_RpzAgLTrUC5QIDyeKttQ817wRY',
-
-	// MEDIUM TYPES
-	MEDIUM_TYPE_WHATSAPP = 'WHATSAPP',
-
-	// MEDIA TYPE
-	MEDIA_TYPE_IMAGE = 'IMAGE',
-	MEDIA_TYPE_VIDEO = 'VIDEO',
-	MEDIA_TYPE_DOCUMENT = 'DOCUMENT',
-	MEDIA_TYPE_LOCATION = 'LOCATION',
-
-	// SCHEDULER TYPES
-	SCHEDULER_TYPE_NOW = 'NOW',
-	SCHEDULER_TYPE_SINGLE = 'SINGLE',
-	SCHEDULER_TYPE_MULTIPLE = 'MULTIPLE',
-}

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

@@ -1,5 +0,0 @@
-import { environment } from "../../../environments/environment";
-
-const listServicePath = '/billing-management';
-
-export const BillingServicePathConst = `${environment.api}${listServicePath}`;

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

@@ -1,17 +0,0 @@
-export const BillingListTableLabelConst = [
-	'select',
-	'Plan Name',
-	'Monthly Rental',
-	'Entitled Conversation Message (Per Month)',
-	'Entitled Notification Message (Per Month)',
-	'Action',
-];
-
-export const BillingListTableColumnConst = [
-	'select',
-	'name',
-	'monthlyRental',
-	'monthlyConversation',
-	'monthlyNotification',
-	'action',
-];