@adlfe/campaign-management-library 2.10.2 → 2.10.4

package/projects/adl-campaign-management-library-internal/src/lib/campaign-management/modules/new-campaign/components/general-information-wa/general-information-wa.component.ts

@@ -1,732 +0,0 @@
-import { MapsAPILoader } from '@agm/core';
-import {
-    Component,
-    ElementRef,
-    EventEmitter,
-    Input,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    ViewChild,
-} from '@angular/core';
-import { FormArray, FormControl, FormGroup, Validators } from '@angular/forms';
-import { ToastrService } from 'ngx-toastr';
-import { Subscription } from 'rxjs';
-import {
-    GeneralInformationWAMessageValidationConst,
-    MediaTypeOptionConst,
-    MsgTypeWAOptionConst,
-} from '../../../../../core/const';
-import { ProductCategoryEnum } from '../../../../../core/enums';
-import { BaseOptionModel } from '../../../../../core/models';
-import { Parameter } from '../../../../../core/models/util/api-adapter-service-models';
-import { AppResponse } from '../../../../../core/models/util/api-dto/response-models';
-import { ApiAdapterServiceService } from '../../../../../core/services';
-import { generateEnumOption } from '../../../../../core/util';
-import { TemplateWAModel, WhatsAppAccountDto } from '../../../../models';
-import { EnumData } from '../../../../util/enums';
-
-interface IMaps {
-    zoom: number;
-    latitude: number;
-    longitude: number;
-    isDraggable: boolean;
-    isDoubleClickZoom: boolean;
-}
-
-@Component({
-    selector: 'lib-general-information-wa',
-    templateUrl: './general-information-wa.component.html',
-    styleUrls: ['./general-information-wa.component.scss'],
-})
-export class GeneralInformationWAComponent implements OnInit, OnDestroy {
-    @Output()
-    public updateGeneralInformationForm: EventEmitter<FormGroup>;
-
-    public form: FormGroup;
-    public msgTypeWAOption: any[] = [];
-    public mediaTypeOption: any[] = [];
-    public categoryOption: BaseOptionModel[];
-    public accountOption: WhatsAppAccountDto[] = [];
-    public isHaveNextAccountOption: boolean = true;
-    public isLoadingAccountOption: boolean = false;
-    public templateOption: TemplateWAModel[] = [];
-    public isHaveNextTemplateOption: boolean = true;
-    public isLoadingTemplateOption: boolean = false;
-    public isHaveTemplateParam: boolean = false;
-    public isShowParameter: boolean = false;
-    public validationMessages: any;
-    public extFileAccepted: string = 'image/*';
-    public maps: IMaps;
-
-    private pageNoAccountOption: number = 1;
-    private pageNoTemplateOption: number = 1;
-    private subscribers: Subscription[] = [];
-    private geoCoder: any;
-
-    @Input() public isReadOnlyMode: boolean;
-
-    @Input()
-    set isTouchedForm(status: boolean) {
-        if (!this.updateGeneralInformationForm) {
-            return;
-        }
-
-        setTimeout(() => {
-            this.updateGeneralInformationForm.emit(this.form);
-        });
-    }
-
-    @ViewChild('mapSearch') mapSearchRef: ElementRef;
-
-    constructor(
-        private ngZone: NgZone,
-        private mapsAPILoader: MapsAPILoader,
-        private apiAdapterService: ApiAdapterServiceService,
-        private toastr: ToastrService
-    ) {
-        this.updateGeneralInformationForm = new EventEmitter();
-    }
-
-    ngOnInit(): void {
-        this.msgTypeWAOption = MsgTypeWAOptionConst;
-        this.mediaTypeOption = MediaTypeOptionConst;
-        this.categoryOption = generateEnumOption(ProductCategoryEnum);
-        this.validationMessages = GeneralInformationWAMessageValidationConst;
-        this.maps = {
-            zoom: 15,
-            latitude: null,
-            longitude: null,
-            isDraggable: true,
-            isDoubleClickZoom: true,
-        };
-
-        this.initForm();
-        this.initDisable();
-        this.initEdit();
-        this.initValidation();
-        this.getAccountOptionService(
-            this.getCampaignStorage?.generalInformation?.form?.medium === 'WA'
-                ? this.getCampaignStorage?.generalInformation?.form?.from?.name
-                : ''
-        );
-        /* this.setCurrentLocation(); */
-    }
-
-    get getCampaignStorage(): any {
-        return localStorage.getItem('telin.campaign')
-            ? JSON.parse(localStorage.getItem('telin.campaign'))
-            : {};
-    }
-
-    private initForm(): void {
-        this.form = new FormGroup({
-            channel: new FormControl(null, Validators.required),
-            media: new FormControl(null),
-            from: new FormControl(null),
-            text: new FormControl(null),
-            fileName: new FormControl(null),
-            targetURL: new FormControl(null),
-            fileType: new FormControl(null),
-            file: new FormControl(null),
-            latitude: new FormControl(null),
-            longitude: new FormControl(null),
-            template: new FormControl(null),
-            paramHeader: new FormArray([], Validators.required),
-            paramBody: new FormArray([], Validators.required),
-            paramButton: new FormArray([], Validators.required),
-            otpValue: new FormControl(''),
-            isUpload: new FormControl(false),
-            fileId: new FormControl(''),
-            category: new FormControl(null),
-            product: new FormControl(null),
-            catalogue: new FormControl(null),
-            body: new FormControl(null),
-        });
-
-        this.form.valueChanges.subscribe(() => {
-            setTimeout(() => {
-                this.updateGeneralInformationForm.emit(this.form);
-            });
-        });
-    }
-
-    private initDisable(): void {
-        if (!this.isReadOnlyMode) {
-            return;
-        }
-
-        this.form.disable();
-    }
-
-    private initEdit(): void {
-        if (
-            Object.entries(this.getCampaignStorage).length === 0 ||
-            this.getCampaignStorage?.generalInformation?.form?.medium !== 'WA'
-        )
-            return;
-
-        this.form
-            .get('channel')
-            .setValue(this.getCampaignStorage?.generalInformation?.form.channel);
-        this.form.get('media').setValue(this.getCampaignStorage?.generalInformation?.form.media);
-        this.form.get('from').setValue(this.getCampaignStorage?.generalInformation?.form.from);
-        this.form.get('text').setValue(this.getCampaignStorage?.generalInformation?.form.text);
-        this.form
-            .get('targetURL')
-            .setValue(this.getCampaignStorage?.generalInformation?.form.targetURL);
-        this.form
-            .get('fileName')
-            .setValue(
-                this.getCampaignStorage?.generalInformation?.form.fileName ??
-                    this.form.get('targetURL').value
-            );
-        this.form
-            .get('template')
-            .setValue(this.getCampaignStorage?.generalInformation?.form.template);
-        this.form
-            .get('isUpload')
-            .setValue(this.getCampaignStorage?.generalInformation?.form.isUpload);
-        this.form.get('fileId').setValue(this.getCampaignStorage?.generalInformation?.form.fileId);
-        this.form
-            .get('otpValue')
-            .setValue(this.getCampaignStorage?.generalInformation?.form.otpValue);
-
-        this.isHaveTemplateParam = this.form.get('isUpload').value;
-        this.getTemplateOptionService(null, this.form.get('template').value?.name);
-    }
-
-    private initValidation(): void {
-        for (const key in this.form.controls) {
-            this.form.controls[key].clearValidators();
-            this.form.controls[key].updateValueAndValidity();
-        }
-
-        this.form.get('channel').setValidators(Validators.required);
-
-        if (this.getIsText) {
-            this.form.get('from').setValidators(Validators.required);
-            this.form.get('text').setValidators(Validators.required);
-            this.form.get('from').updateValueAndValidity();
-            this.form.get('text').updateValueAndValidity();
-        } else if (this.getIsMedia) {
-            this.form.get('media').setValidators(Validators.required);
-            this.form.get('from').setValidators(Validators.required);
-            this.form.get('fileName').setValidators(Validators.required);
-            this.form.get('media').updateValueAndValidity();
-            this.form.get('from').updateValueAndValidity();
-            this.form.get('fileName').updateValueAndValidity();
-        } else if (this.getIsTemplate) {
-            this.form.get('from').setValidators(Validators.required);
-            this.form.get('template').setValidators(Validators.required);
-            this.form.get('paramHeader').setValidators(Validators.required);
-            this.form.get('paramBody').setValidators(Validators.required);
-            this.form.get('paramButton').setValidators(Validators.required);
-            this.form.get('from').updateValueAndValidity();
-            this.form.get('template').updateValueAndValidity();
-            this.form.get('paramHeader').updateValueAndValidity();
-            this.form.get('paramBody').updateValueAndValidity();
-            this.form.get('paramButton').updateValueAndValidity();
-        } else if (this.getIsCatalogue) {
-            this.form.get('from').setValidators(Validators.required);
-            this.form.get('category').setValidators(Validators.required);
-            this.form.get('catalogue').setValidators(Validators.required);
-            this.form.get('product').setValidators(Validators.required);
-            this.form.get('body').setValidators(Validators.maxLength(100));
-            this.form.get('from').updateValueAndValidity();
-            this.form.get('category').updateValueAndValidity();
-            this.form.get('catalogue').updateValueAndValidity();
-            this.form.get('product').updateValueAndValidity();
-            this.form.get('body').updateValueAndValidity();
-        } else {
-            this.form.get('from').setValidators(Validators.required);
-            this.form.get('text').setValidators(Validators.required);
-            this.form.get('from').updateValueAndValidity();
-            this.form.get('text').updateValueAndValidity();
-        }
-    }
-
-    public formReset(_isMediaType: boolean = false): void {
-        if (!_isMediaType) {
-            this.form.get('media').reset();
-            this.form.get('from').reset();
-        }
-
-        this.form.get('text').reset();
-        this.form.get('fileName').reset();
-        this.form.get('targetURL').reset();
-        this.form.get('fileType').reset();
-        this.form.get('file').reset();
-        this.form.get('latitude').reset();
-        this.form.get('longitude').reset();
-        this.form.get('template').reset();
-        this.form.get('category').reset();
-        this.form.get('product').reset();
-        this.form.get('catalogue').reset();
-        this.form.get('body').reset();
-        this.form.get('otpValue').reset();
-        (this.form.get('paramHeader') as FormArray).controls = [];
-        (this.form.get('paramHeader') as FormArray).reset();
-        (this.form.get('paramBody') as FormArray).controls = [];
-        (this.form.get('paramBody') as FormArray).reset();
-        (this.form.get('paramButton') as FormArray).controls = [];
-        (this.form.get('paramButton') as FormArray).reset();
-
-        this.initValidation();
-    }
-
-    private initParam(_name: string, _value: any, _type: string): Parameter {
-        return {
-            name: _name,
-            value: _value,
-            in: 'query',
-            type: _type,
-        };
-    }
-
-    private getAccountOptionService(filter: string = '', isInfinite: boolean = false): void {
-        this.isLoadingAccountOption = true;
-
-        const parameterList: Array<Parameter> = [
-            this.initParam('pageNo', this.pageNoAccountOption, 'number'),
-            this.initParam('rowPerPage', 20, 'number'),
-            this.initParam('platform', 'WA', 'string'),
-            this.initParam('status', 'APPROVED', 'string'),
-            this.initParam('filter', filter, 'string'),
-        ];
-
-        const subs = this.apiAdapterService
-            .executeApiRequest(parameterList, '/admin/account', 'GET')
-            .subscribe((resp: AppResponse<WhatsAppAccountDto[]>) => {
-                if (!resp.data) return;
-
-                this.accountOption = isInfinite ? [...this.accountOption, ...resp.data] : resp.data;
-                this.isHaveNextAccountOption = resp.haveNext;
-                this.isLoadingAccountOption = false;
-            });
-
-        this.subscribers.push(subs);
-    }
-
-    public getTemplateOptionService(
-        event: string = null,
-        filter: string = '',
-        isInfinite: boolean = false
-    ): void {
-        this.isLoadingTemplateOption = true;
-
-        const parameterList: Array<Parameter> = [
-            this.initParam('pageNo', this.pageNoTemplateOption, 'number'),
-            this.initParam('rowPerPage', 20, 'number'),
-            this.initParam('platform', 'WA', 'string'),
-            this.initParam('filter', filter, 'string'),
-            this.initParam('status', 'APPROVED', 'string'),
-            this.initParam('clientId', this.form.get('from').value?.clientId, 'string'),
-            this.initParam('wabaId', this.form.get('from').value?.wabaId ?? '', 'string'),
-        ];
-
-        if (this.isReadOnlyMode) parameterList.push(this.initParam('summary', true, 'string'));
-
-        const subs = this.apiAdapterService
-            .executeApiRequest(parameterList, '/message/template', 'GET')
-            .subscribe((resp: AppResponse<TemplateWAModel[]>) => {
-                this.templateOption = isInfinite
-                    ? [...this.templateOption, ...resp.data]
-                    : resp.data;
-                this.isHaveNextTemplateOption = resp.haveNext;
-                this.isLoadingTemplateOption = false;
-
-                const template = this.templateOption?.find(
-                    (t) => t.ID === this.form.get('template').value?.ID
-                );
-
-                if (template) {
-                    this.form.get('template').setValue(template);
-
-                    if (this.form.get('isUpload').value)
-                        return this.updateDownloadCSV(this.form.get('isUpload').value);
-                }
-                this.updateTemplate(this.form.get('template').value);
-            });
-
-        this.subscribers.push(subs);
-    }
-
-    private initParameter(isButton: boolean = false, value: string = ''): FormGroup {
-        const form = isButton
-            ? new FormGroup({
-                  name: new FormArray([], Validators.required),
-              })
-            : new FormGroup({
-                  name: new FormControl(
-                      {
-                          value: value,
-                          disabled: this.isReadOnlyMode || ['$UnsubscribeAccount'].includes(value),
-                      },
-                      Validators.required
-                  ),
-              });
-
-        return form;
-    }
-
-    get getParamHeader(): FormGroup[] {
-        return (this.form.get('paramHeader') as FormArray).controls as FormGroup[];
-    }
-
-    public addParamHeader(value: string = ''): void {
-        const form = this.initParameter(false, value);
-        (this.form.get('paramHeader') as FormArray).push(form);
-    }
-
-    get getParamBody(): FormGroup[] {
-        return (this.form.get('paramBody') as FormArray).controls as FormGroup[];
-    }
-
-    public addParamBody(value: string = ''): void {
-        const form = this.initParameter(false, value);
-        (this.form.get('paramBody') as FormArray).push(form);
-    }
-
-    get getButton(): FormGroup[] {
-        return (this.form.get('paramButton') as FormArray).controls as FormGroup[];
-    }
-
-    public getParamButton(index: number): FormGroup[] {
-        const form = (this.form.get('paramButton') as FormArray).controls as FormGroup[];
-        return (form[index].get('name') as FormArray).controls as FormGroup[];
-    }
-
-    public addParamButton(): void {
-        const form = this.initParameter(true);
-        (this.form.get('paramButton') as FormArray).push(form);
-    }
-
-    get getIsText(): boolean {
-        return (
-            this.form.get('channel').value &&
-            this.form.get('channel').value?.toLowerCase() === 'text'
-        );
-    }
-
-    get getIsMedia(): boolean {
-        return (
-            this.form.get('channel').value &&
-            this.form.get('channel').value?.toLowerCase() === 'media'
-        );
-    }
-
-    get getIsTemplate(): boolean {
-        return (
-            this.form.get('channel').value &&
-            this.form.get('channel').value?.toLowerCase() === 'template'
-        );
-    }
-
-    get getIsCatalogue(): boolean {
-        return (
-            this.form.get('channel').value &&
-            this.form.get('channel').value?.toLowerCase() === 'catalogue'
-        );
-    }
-
-    public getNextAccountBatch() {
-        if (!this.isHaveNextAccountOption) return;
-
-        this.pageNoAccountOption += 1;
-        this.getAccountOptionService('', true);
-    }
-
-    public accountSelectedDisplay(
-        attribute1: WhatsAppAccountDto,
-        attribute2: WhatsAppAccountDto
-    ): string {
-        return attribute1 && attribute2 && attribute1.id == attribute2.id
-            ? `${attribute1.name} (${attribute1.accountNo})`
-            : '';
-    }
-
-    public getNextTemplateBatch() {
-        if (!this.isHaveNextTemplateOption) return;
-
-        this.pageNoTemplateOption += 1;
-        this.getTemplateOptionService(null, '', true);
-    }
-
-    public templateSelectedDisplay(
-        attribute1: TemplateWAModel,
-        attribute2: TemplateWAModel
-    ): string {
-        return attribute1 && attribute2 && attribute1.name == attribute2.name
-            ? `${attribute1.name}`
-            : '';
-    }
-
-    public onFileSelected(event: Event) {
-        const file: FileList = (event.target as HTMLInputElement).files;
-        const accept = this.extFileAccepted.split('/');
-        let matchType = accept[0];
-
-        if (file.length === 0) return;
-
-        if (this.extFileAccepted === 'application/pdf') matchType = accept[1];
-
-        if (!file[0].type.includes(matchType)) {
-            this.toastr.error('Sorry, the file you are uploading is not allowed');
-            return;
-        }
-
-        if (file[0].size > 10000000) {
-            this.toastr.error('Upload media failed, max size 10mb');
-            return;
-        }
-
-        this.form.get('file').setValue(file[0]);
-        this.form.get('fileType').setValue('image');
-        this.form.get('fileName').setValue(file[0].name);
-        this.form.get('targetURL').setValidators(Validators.required);
-        this.form.get('targetURL').updateValueAndValidity();
-
-        if (file[0].type.indexOf('video') > -1) this.form.get('fileType').setValue('video');
-
-        this.uploadMediaService();
-    }
-
-    private uploadMediaService(): void {
-        const parameterList: Array<Parameter> = [
-            {
-                name: 'file',
-                value: this.form.get('file').value,
-                in: 'formData',
-                type: 'object',
-            },
-        ];
-
-        const subs = this.apiAdapterService
-            .executeApiRequest(parameterList, '/message/media', 'POST')
-            .subscribe((resp: AppResponse<any>) => {
-                this.form.get('targetURL').clearValidators();
-                this.form.get('targetURL').updateValueAndValidity();
-                this.form.get('targetURL').setValue(resp.data.targetURL);
-                this.form.get('file').reset();
-
-                this.toastr.success('Upload media success');
-            });
-
-        this.subscribers.push(subs);
-    }
-
-    public updateTemplate(template: TemplateWAModel): void {
-        this.isShowParameter = false;
-
-        if (!template) return;
-
-        this.isHaveTemplateParam =
-            template.header.examples?.length > 0 ||
-            template.body.examples?.length > 0 ||
-            template.buttons?.length > 0;
-
-        if (['image', 'video', 'document'].includes(template?.header?.type?.toLowerCase())) {
-            this.form
-                .get('fileName')
-                .setValue(
-                    this.getCampaignStorage?.generalInformation?.form.fileName ??
-                        this.getCampaignStorage?.generalInformation?.form.targetURL ??
-                        template.header.url
-                );
-            this.form
-                .get('targetURL')
-                .setValue(
-                    this.getCampaignStorage?.generalInformation?.form.targetURL ??
-                        template.header.url
-                );
-
-            this.fileTypeChange(template?.header?.type?.toLowerCase());
-        }
-
-        template.header.examples?.length > 0
-            ? this.form.get('paramHeader').setValidators(Validators.required)
-            : this.form.get('paramHeader').clearValidators();
-
-        template.body.examples?.length > 0
-            ? this.form.get('paramBody').setValidators(Validators.required)
-            : this.form.get('paramBody').clearValidators();
-
-        template.buttons?.length > 0
-            ? this.form.get('paramButton').setValidators(Validators.required)
-            : this.form.get('paramButton').clearValidators();
-
-        (this.form.get('paramHeader') as FormArray).controls = [];
-        (this.form.get('paramHeader') as FormArray).reset();
-        this.form.get('paramHeader').updateValueAndValidity();
-        (this.form.get('paramBody') as FormArray).controls = [];
-        (this.form.get('paramBody') as FormArray).reset();
-        this.form.get('paramBody').updateValueAndValidity();
-        (this.form.get('paramButton') as FormArray).controls = [];
-        (this.form.get('paramButton') as FormArray).reset();
-        this.form.get('paramButton').updateValueAndValidity();
-        this.form.get('otpValue').setValue('');
-        this.form.get('otpValue').clearValidators();
-        this.form.get('otpValue').updateValueAndValidity();
-
-        const formStorage = this.getCampaignStorage?.generalInformation?.form;
-
-        if (template.category === 'AUTHENTICATION') {
-            this.form
-                .get('otpValue')
-                .setValue(
-                    formStorage?.otpValue ??
-                        [...(formStorage?.template?.body?.examples ?? [])]?.pop() ??
-                        ''
-                );
-            this.form.get('otpValue').setValidators(Validators.required);
-            this.form.get('otpValue').updateValueAndValidity();
-        }
-
-        template.header.examples?.forEach((each, index) => {
-            this.addParamHeader(
-                formStorage?.paramHeader?.[index]?.name ?? formStorage?.paramHeader?.[index] ?? ''
-            );
-        });
-
-        template.body.examples?.forEach((each, index) => {
-            let paramValue =
-                formStorage?.paramBody?.[index]?.name ?? formStorage?.paramBody?.[index] ?? '';
-
-            if (['$UnsubscribeAccount'].includes(each)) paramValue = each;
-
-            this.addParamBody(paramValue);
-        });
-
-        template.buttons?.forEach((each, index) => {
-            this.addParamButton();
-            const button = this.getButton;
-
-            if (each.examples?.length > 0) {
-                each.examples.forEach((_, paramIndex) => {
-                    let form = null;
-
-                    if (each.type === 'FLOW') {
-                        form = this.initParameter(false, each.flow_id);
-                    } else {
-                        this.isShowParameter = true;
-                        form = this.initParameter(
-                            false,
-                            formStorage?.paramButton?.[index]?.name?.[paramIndex]?.name ??
-                                formStorage?.paramButton?.[index]?.name?.[paramIndex] ??
-                                formStorage?.paramButton?.[index]?.[paramIndex] ??
-                                ''
-                        );
-                    }
-
-                    (button[button.length - 1].get('name') as FormArray).push(form);
-                });
-            } else {
-                button[button.length - 1].get('name').clearValidators();
-                button[button.length - 1].get('name').updateValueAndValidity();
-            }
-        });
-    }
-
-    public updateMediaType(_mediaType: string): void {
-        if (_mediaType === EnumData.MEDIA_TYPE_LOCATION) this.initMaps;
-
-        this.formReset(true);
-        this.fileTypeChange(_mediaType.toLowerCase());
-    }
-
-    private fileTypeChange(type: string): void {
-        this.extFileAccepted = 'image/*';
-
-        if (type === EnumData.MEDIA_TYPE_VIDEO.toLowerCase()) {
-            this.extFileAccepted = 'video/*';
-        } else if (type === EnumData.MEDIA_TYPE_DOCUMENT.toLowerCase()) {
-            this.extFileAccepted = 'application/pdf';
-        }
-    }
-
-    public updateSearch(searchValue: string): void {
-        this.pageNoTemplateOption = 1;
-        this.getTemplateOptionService(null, searchValue);
-    }
-
-    public updateSearchAccount(searchValue: string): void {
-        this.pageNoAccountOption = 1;
-        this.getAccountOptionService(searchValue);
-    }
-
-    private initMaps(): void {
-        this.mapsAPILoader.load().then(() => {
-            this.setCurrentLocation();
-
-            this.geoCoder = new google.maps.Geocoder();
-            const autocomplete = new google.maps.places.Autocomplete(
-                this.mapSearchRef.nativeElement
-            );
-            autocomplete.addListener('place_changed', () => {
-                this.ngZone.run(() => {
-                    const place: google.maps.places.PlaceResult = autocomplete.getPlace();
-
-                    if (!place.geometry) return;
-
-                    this.maps.latitude = place.geometry.location.lat();
-                    this.maps.longitude = place.geometry.location.lng();
-                    this.form.get('latitude').setValue(this.maps.latitude);
-                    this.form.get('longitude').setValue(this.maps.longitude);
-                });
-            });
-        });
-    }
-
-    private setCurrentLocation() {
-        if ('geolocation' in navigator) {
-            navigator.geolocation.getCurrentPosition((position) => {
-                if (!this.form.get('longitude').value && !this.form.get('latitude').value) {
-                    this.maps.latitude = position.coords.latitude;
-                    this.maps.longitude = position.coords.longitude;
-                    this.form.get('latitude').setValue(this.maps.latitude);
-                    this.form.get('longitude').setValue(this.maps.longitude);
-                }
-            });
-        }
-    }
-
-    public markerDragEnd(event: google.maps.MouseEvent) {
-        if (event.latLng) {
-            this.maps.latitude = event.latLng.lat();
-            this.maps.longitude = event.latLng.lng();
-            this.form.get('latitude').setValue(this.maps.latitude);
-            this.form.get('longitude').setValue(this.maps.longitude);
-        }
-    }
-
-    public updateDownloadCSV(isChecked: boolean): void {
-        this.form.get('isUpload').setValue(isChecked);
-
-        if (isChecked) {
-            (this.form.get('paramHeader') as FormArray).controls = [];
-            (this.form.get('paramHeader') as FormArray).reset();
-            (this.form.get('paramBody') as FormArray).controls = [];
-            (this.form.get('paramBody') as FormArray).reset();
-            (this.form.get('paramButton') as FormArray).controls = [];
-            (this.form.get('paramButton') as FormArray).reset();
-            this.form.get('paramHeader').clearValidators();
-            this.form.get('paramBody').clearValidators();
-            this.form.get('paramButton').clearValidators();
-            this.form.get('paramHeader').updateValueAndValidity();
-            this.form.get('paramBody').updateValueAndValidity();
-            this.form.get('paramButton').updateValueAndValidity();
-            this.form.get('otpValue').reset();
-            this.form.get('otpValue').clearValidators();
-            this.form.get('otpValue').updateValueAndValidity();
-            return;
-        }
-
-        this.updateTemplate(this.form.get('template').value);
-    }
-
-    ngOnDestroy(): void {
-        this.subscribers.forEach((each) => each.unsubscribe());
-    }
-}