@posiwise/smart-crm 0.0.19 → 0.0.21

package/src/lib/private/components/smart-crm-opportunities/smart-crm-opportunities-list/smart-crm-opportunities-details/smart-crm-opportunities-details.component.ts

@@ -0,0 +1,391 @@
+import { Component, Injector, OnDestroy, OnInit } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import { NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import { AppSmartCrm } from '../../../../../shared/models/smart-crm.model';
+import { CrmService } from '@posiwise/smart-crm-shared';
+
+import { User } from '@posiwise/common-utilities';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { HelperService } from '@posiwise/helper-service';
+import {
+    CrmOpportunityData,
+    CrmopportunityContact
+} from 'libs/smart-crm/src/lib/shared/interface/smart-crm-module.interface';
+import { CrmAccount } from 'libs/smart-crm/src/lib/shared/interface/crm-account.interface';
+
+@Component({
+    selector: 'pw-smart-crm-opportunities-details',
+    templateUrl: './smart-crm-opportunities-details.component.html',
+    styleUrls: ['./smart-crm-opportunities-details.component.scss']
+})
+export class SmartCrmOpportunitiesDetailsComponent
+    extends AppBaseComponent
+    implements OnInit, OnDestroy
+{
+    form: UntypedFormGroup;
+
+    user: User;
+
+    id: number;
+
+    onEdit = false;
+
+    data;
+
+    submitted = false;
+    buttonBusy = false;
+    isLoading = true;
+
+    searchText = '';
+
+    subscriptionId: number;
+
+    allContacts: CrmopportunityContact[] = [];
+
+    contactId: number;
+
+    private opportunityData: CrmOpportunityData;
+
+    filteredUsers: CrmopportunityContact[] = [];
+
+    cancelledTrue: boolean;
+
+    winChance = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
+
+    opportunities = [];
+
+    WonField = false;
+
+    LostField = false;
+
+    isContactChange = false;
+    TrialStartField = false;
+
+    accounts = [];
+
+    filteredAccounts: CrmAccount[];
+
+    account_id: number;
+
+    masterStages = [];
+
+    stages = [];
+
+    categories = [];
+    accountValueCount = 0;
+    currentAccountId;
+
+    featureKeys = [];
+
+    /** Function to get form controls */
+    get f() {
+        return this.form.controls;
+    }
+
+    constructor(
+        injector: Injector,
+        private crmService: CrmService
+    ) {
+        super(injector);
+        this.form = AppSmartCrm.getOpportunitiesInfoForm();
+    }
+
+    ngOnInit() {
+        this.toggleStageField();
+        this.contactId = Number(this.route.snapshot.queryParamMap.get('contact_id'));
+        this.route.params.subscribe(data => {
+            this.id = Number(data['id']);
+            if (Number(data['id'])) {
+                this.getAccountContacts(true);
+                this.form.get('crm_account_id').valueChanges.subscribe(value => {
+                    if (this.accountValueCount > 2) {
+                        this.form.get('crm_contact_id').disable();
+                        this.form.get('crm_contact_id').reset();
+                    } else {
+                        this.accountValueCount += 1;
+                    }
+                    if (value) {
+                        this.getAccountContacts(false);
+                    }
+                });
+            } else if (this.contactId) {
+                this.getAccountContacts(false);
+                this.form.get('crm_account_id').valueChanges.subscribe(value => {
+                    if (this.accountValueCount > 1) {
+                        this.form.get('crm_contact_id').disable();
+                        this.form.get('crm_contact_id').reset();
+                    } else {
+                        this.accountValueCount += 1;
+                    }
+                    if (value) {
+                        this.isContactChange = true;
+                        this.getAccountContacts(false);
+                    }
+                });
+                this.isLoading = false;
+            } else {
+                this.isLoading = false;
+                this.form.get('crm_contact_id').disable();
+                this.form.get('crm_account_id').disable();
+
+                this.form.get('crm_account_id').valueChanges.subscribe(value => {
+                    if (value) {
+                        this.getAccountContacts(false);
+                    }
+                    this.form.get('crm_contact_id').disable();
+                    this.form.get('crm_contact_id').reset();
+                });
+            }
+        });
+        this.getUserSubscriptionId().subscribe(response => {
+            this.subscriptionId = response;
+            if (this.subscriptionId) {
+                this.getAvailableOpportunityStages(this.subscriptionId);
+                this.getAllOpportunityCategories();
+            }
+        });
+        this.form.get('crm_contact_id').setValue(null);
+        this.account_id = Number(this.route.snapshot.queryParamMap.get('account_id'));
+        this.getUserInfo();
+        this.getAllAccounts();
+    }
+
+    private getAvailableOpportunityStages(id) {
+        this.crmService.getAvailableOpportunityStages(id).subscribe(res => {
+            this.masterStages = res?.available_crm_opportunity_stages || [];
+            this.stages = res?.available_crm_opportunity_stages || [];
+        });
+    }
+
+    // /** Function to get user info */
+    private getUserInfo() {
+        this.userStore().subscribe(user => {
+            this.user = user;
+        });
+    }
+
+    /** Function to call accounts */
+    private getAllAccounts() {
+        this.crmService.getAllAccounts(this.subscriptionId).subscribe(response => {
+            this.accounts = response.accounts;
+            this.form.get('crm_account_id').enable();
+            if (this.account_id) {
+                const accountData = this.accounts.find(x => x.id === this.account_id);
+                this.form.get('crm_account_id').setValue(accountData);
+            }
+        });
+    }
+
+    /** Function to call contacts */
+
+    private getAccountContacts(isChange = false) {
+        this.getUserSubscriptionId().subscribe(id => {
+            this.subscriptionId = id;
+            if (this.subscriptionId) {
+                this.crmService
+                    .getAccountContacts(
+                        this.form.get('crm_account_id').value.id,
+                        this.subscriptionId,
+                        ''
+                    )
+                    .subscribe(response => {
+                        this.form.get('crm_contact_id').enable();
+                        this.allContacts = response.contacts;
+                        this.allContacts.forEach(member => {
+                            member.displayName = `${member.first_name || ''} ${
+                                member.last_name || ''
+                            } - ${member.email}`.trim();
+                        });
+                        if (this.id) {
+                            this.onEdit = true;
+                            isChange && this.getOpportunityDetails(this.id);
+                        } else {
+                            this.onEdit = false;
+                        }
+                        if (this.contactId && !this.isContactChange) {
+                            const contactData = this.allContacts.find(x => x.id === this.contactId);
+                            this.form.get('crm_contact_id').setValue(contactData);
+                            this.form.get('crm_account_id').setValue(contactData?.crm_account);
+                        }
+                        if (this.account_id) {
+                            this.allContacts = this.allContacts.filter(
+                                x => x.crm_account_id === this.account_id
+                            );
+                        }
+                    });
+            }
+        });
+    }
+
+    /** Function to get opportunities data */
+    private getOpportunityDetails(id: number) {
+        this.crmService.getOpportunityDetails(this.subscriptionId, id).subscribe(response => {
+            this.isLoading = false;
+            this.opportunityData = response;
+            let startingAtObj: NgbDateStruct;
+            let trialStartAtObj: NgbDateStruct;
+            if (response.starting_at) {
+                startingAtObj = {
+                    year: Number(response.starting_at.substring(0, 4)),
+                    month: Number(response.starting_at.substring(5, 7)),
+                    day: Number(response.starting_at.substring(8, 10))
+                };
+            }
+            if (response.trial_start_at) {
+                trialStartAtObj = {
+                    year: Number(response.trial_start_at.substring(0, 4)),
+                    month: Number(response.trial_start_at.substring(5, 7)),
+                    day: Number(response.trial_start_at.substring(8, 10))
+                };
+            }
+            if (response.stage === 'Trailing') {
+                this.TrialStartField = true;
+            } else {
+                this.WonField = false;
+            }
+            if (response.stage === 'Won') {
+                this.LostField = true;
+            } else {
+                this.LostField = false;
+            }
+            if (response.stage === 'Lost') {
+                this.WonField = true;
+            } else {
+                this.WonField = false;
+            }
+            this.form.patchValue(this.opportunityData);
+            this.form.patchValue({
+                starting_at: startingAtObj,
+                trial_start_at: trialStartAtObj,
+                one_time_amount: response.one_time_amount / 100,
+                monthly_amount: response.monthly_amount / 100
+            });
+
+            this.allContacts.forEach(contact => {
+                if (this.opportunityData.crm_contact_id === contact.id) {
+                    this.form.get('crm_contact_id').setValue(contact);
+                }
+            });
+            this.accounts.forEach(account => {
+                if (this.opportunityData.crm_account_id === account.id) {
+                    this.form.get('crm_account_id').setValue(account);
+                }
+            });
+        });
+    }
+
+    /** Function to execute on submit opportunities form */
+    onSave() {
+        this.submitted = true;
+        this.buttonBusy = true;
+        const data = { ...this.form.value };
+        data.one_time_amount *= 100;
+        data.monthly_amount *= 100;
+        if (data.crm_contact_id) {
+            data.crm_contact_id = data.crm_contact_id.id;
+        }
+        data.crm_account_id = data.crm_account_id.id;
+        data.starting_at = HelperService.dateFormat(this.form.get('starting_at').value);
+        data.trial_start_at = HelperService.dateFormat(this.form.get('trial_start_at').value);
+        const sub$ = this.id
+            ? this.crmService.updateOpportunities(this.subscriptionId, this.id, data)
+            : this.crmService.postOpportunities(this.subscriptionId, data);
+        sub$.subscribe(() => {
+            this.toast.success(
+                this.translation.translate('Crm.OpportunitiesMessage.UpdatedMessage')
+            );
+            this.back();
+        }).add(() => {
+            this.submitted = false;
+            this.buttonBusy = false;
+        });
+    }
+
+    /** Function to get all categories */
+    private getAllOpportunityCategories() {
+        this.crmService.getAllOpportunityCategories(this.subscriptionId).subscribe(response => {
+            const categories = response?.crm_opportunity_categories || [];
+            categories.forEach(val => {
+                const data = {
+                    label: val.name,
+                    value: val.id
+                };
+                this.categories.push(data);
+            });
+            this.getValues();
+        });
+    }
+
+    private getValues() {
+        if (!this.id) {
+            this.route.queryParams.subscribe(res => {
+                if ('stage_id' in res) {
+                    const stageId = Number(res['stage_id']);
+                    let category;
+                    if (typeof res['category'] === 'string') {
+                        category = res['category'].split(',').map(x => Number(x));
+                    } else {
+                        category = res['category']?.map(x => Number(x));
+                    }
+                    this.form.patchValue({
+                        crm_opportunity_stage_id: stageId || '',
+                        crm_opportunity_category_ids: category?.length ? category : ''
+                    });
+                }
+            });
+        }
+    }
+
+    search(event) {
+        let data = [];
+        if (event.query) {
+            data = this.allContacts.filter((x: CrmopportunityContact) => {
+                return x.displayName.toLowerCase().includes(event.query.toLowerCase());
+            });
+        } else {
+            this.allContacts.forEach(item => {
+                data.push(item);
+            });
+        }
+        this.filteredUsers = data;
+    }
+
+    searchAccount(event) {
+        let data = [];
+        if (event.query) {
+            data = this.accounts.filter((x: CrmAccount) => {
+                return x.name.toLowerCase().includes(event.query.toLowerCase());
+            });
+        } else {
+            this.accounts.forEach(item => {
+                data.push(item);
+            });
+        }
+        this.filteredAccounts = data;
+    }
+
+    onCategoryChange(event) {
+        this.stages = [...this.masterStages];
+        if (event.value?.length) {
+            this.stages = this.stages.filter(x =>
+                x.crm_opportunity_category_ids?.some(item => event.value.includes(item))
+            );
+        }
+    }
+
+    private toggleStageField() {
+        this.form.get('crm_opportunity_stage_id').disable();
+        this.form.get('crm_opportunity_category_ids').valueChanges.subscribe(() => {
+            const val = this.form.get('crm_opportunity_category_ids').value;
+            if (!val?.length) {
+                this.form.get('crm_opportunity_stage_id').disable();
+            } else {
+                this.form.get('crm_opportunity_stage_id').enable();
+            }
+        });
+    }
+
+    override ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}