@posiwise/smart-crm 0.0.19 → 0.0.21

package/src/lib/private/components/smart-crm-contacts/smart-crm-contact-details/smart-crm-contact-details.component.spec.ts

@@ -0,0 +1,149 @@
+import { TestBed } from '@angular/core/testing';
+import {
+    CommonService,
+    CommonServicesModule,
+    PermissionService,
+    UserService
+} from '@posiwise/common-services';
+import { SharedModule } from '@posiwise/shared-module';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { DEFAULT_USER, TestHelper } from '@posiwise/test-helpers';
+import { MockProvider } from 'ng-mocks';
+import { of } from 'rxjs';
+import { SmartCrmPrivateModule } from '../../../smart-crm-private.module';
+import { SmartCrmContactDetailsComponent } from './smart-crm-contact-details.component';
+
+class UserServiceMock {
+    getUserState() {
+        return of({ currentUser: DEFAULT_USER });
+    }
+}
+describe('SmartCrmContactDetailsComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: SmartCrmContactDetailsComponent,
+        imports: [CommonServicesModule, SharedModule, SmartCrmPrivateModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(PermissionService, {
+                evaluatePermissions: () => {
+                    return true;
+                }
+            }),
+            MockProvider(CrmService, {
+                getContactById: () =>
+                    of({
+                        id: 35,
+                        first_name: 'test',
+                        last_name: 'test',
+                        email: 'test@gmail.com',
+                        crm_account_id: 7,
+                        created_at: '2021-10-04T10:23:01.501+00:00',
+                        headline: 'test',
+                        potential: 'medium',
+                        crm_source_id: 6,
+                        subscription_id: 31,
+                        labels: ['vip'],
+                        email_verified: false,
+                        newsletter_subscribed: true,
+                        owner: {
+                            first_name: 'not',
+                            last_name: 'available'
+                        },
+                        crm_account: {
+                            id: 7,
+                            name: 'test',
+                            owner_id: 25
+                        }
+                    }),
+                postNewContact: () => of({}),
+                updateContact: () => of({}),
+                getAllAccountSource: () =>
+                    of({
+                        crm_sources: [
+                            {
+                                id: 6,
+                                name: 'test',
+                                is_default: true,
+                                subscription_id: 31
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getAccountsBySubscription: () =>
+                    of({
+                        accounts: [
+                            {
+                                id: 7,
+                                name: 'test'
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getCrmContactDefaultValues: () =>
+                    of({
+                        potential: ['low', 'medium', 'high'],
+                        labels: ['vip']
+                    })
+            }),
+            MockProvider(CommonService, {
+                getOrganizationDepartments: () =>
+                    of({
+                        organization_departments: [],
+                        object_count: 0,
+                        unfiltered_count: 0
+                    })
+            }),
+            {
+                provide: UserService,
+                useClass: UserServiceMock
+            }
+        ]
+    });
+
+    beforeEach(() => {
+        TestHelper.setUpPermissionsAndUser();
+    });
+
+    it('should create', async () => {
+        TestHelper.setActivatedRoute({
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+    });
+
+    it('should add submit form ', async () => {
+        TestHelper.setActivatedRoute({
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        const service = TestBed.inject(CrmService);
+        const spy = spyOn(service, 'postNewContact').and.callThrough();
+        spectator.typeInElement('test', 'input[formControlName="first_name"]');
+        spectator.typeInElement('test2', 'input[formControlName="last_name"]');
+        spectator.typeInElement('test@gmail.com', 'input[formControlName="email"]');
+        spectator.typeInElement('test', 'input[formControlName="headline"]');
+        spectator.click(
+            'p-autocomplete[formcontrolname="crm_account_id"] button.p-autocomplete-dropdown'
+        );
+        const account = spectator.query('.p-autocomplete-panel > :first-child >:first-child');
+        spectator.click(account);
+        spectator.click('button[type="submit"]');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should edit', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        const service = TestBed.inject(CrmService);
+        const spy = spyOn(service, 'updateContact').and.callThrough();
+        spectator.typeInElement('test2', 'input[formControlName="first_name"]');
+        spectator.click('button[type="submit"]');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+});

package/src/lib/private/components/smart-crm-contacts/smart-crm-contact-details/smart-crm-contact-details.component.ts

@@ -0,0 +1,184 @@
+import {
+    ChangeDetectionStrategy,
+    ChangeDetectorRef,
+    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 { Observable } from 'rxjs';
+
+import { CrmAccount } from '../../../../shared/interface/crm-account.interface';
+import { CrmContact } from '../../../../shared/interface/crm-contact.interface';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { User } from '@posiwise/common-utilities';
+import { CommonService } from '@posiwise/common-services';
+import { HelperService } from '@posiwise/helper-service';
+import { ValidateForm } from '@posiwise/utils';
+
+@Component({
+    selector: 'pw-smart-crm-contact-details',
+    templateUrl: './smart-crm-contact-details.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class SmartCrmContactDetailsComponent extends AppBaseComponent implements OnInit, OnDestroy {
+    form: UntypedFormGroup;
+
+    data: CrmContact;
+
+    id: number;
+
+    user: User;
+
+    submitted = false;
+    buttonBusy = false;
+    isLoading = true;
+
+    departments$: Observable<string>;
+
+    accounts: CrmAccount[];
+
+    subscriptionId: number;
+
+    accountId: number;
+
+    filteredAccounts: CrmAccount[] = [];
+
+    potentials = [];
+
+    labels = [];
+
+    crmSources$: Observable<string>;
+
+    /** Function to get form controls */
+    get f() {
+        return this.form.controls;
+    }
+
+    constructor(
+        private commonService: CommonService,
+        private crmService: CrmService,
+        private cdr: ChangeDetectorRef,
+        injector: Injector
+    ) {
+        super(injector);
+        this.form = AppSmartCrm.getContactsForm();
+    }
+
+    ngOnInit() {
+        this.route.params.subscribe(data => {
+            this.id = Number(data['id']);
+            if (!Number(data['id'])) {
+                this.isLoading = false;
+            }
+            this.accountId = Number(data['accountId']);
+        });
+        this.departments$ = this.commonService.getOrganizationDepartments();
+        this.form.get('crm_account_id').setValue(null);
+
+        this.getUserSubscriptionId().subscribe(response => {
+            this.subscriptionId = response;
+            this.crmSources$ = this.crmService.getAllAccountSource(this.subscriptionId);
+            this.getDefaultValues(this.subscriptionId);
+            if (this.subscriptionId) {
+                this.getAccountsBySubscription();
+            }
+        });
+    }
+
+    /** Function to get the list of accounts by subscriptionId */
+    private getAccountsBySubscription() {
+        this.crmService.getAccountsBySubscription(this.subscriptionId).subscribe(res => {
+            this.accounts = res.accounts;
+            if (this.id) {
+                this.isLoading = false;
+                this.getContactDetails(this.id);
+            } else if (this.accountId) {
+                const accountyData = this.accounts.find(x => x.id === this.accountId);
+                this.form.get('crm_account_id').patchValue(accountyData);
+            }
+        });
+    }
+
+    /** Function to execute on form submission */
+    @ValidateForm('form')
+    onSave() {
+        this.submitted = true;
+        this.buttonBusy = true;
+        this.form.get('crm_account_id').setValue(this.form.get('crm_account_id').value.id);
+        this.form.value.crm_account_id = Number(this.form.value.crm_account_id);
+        const data = { ...this.form.value };
+        data.dob = HelperService.dateFormat(this.form.get('dob').value);
+        const sub$ = this.id
+            ? this.crmService.updateContact(this.subscriptionId, this.id, data)
+            : this.crmService.postNewContact(this.subscriptionId, data);
+        sub$.subscribe(() => {
+            this.back();
+            this.toast.success(this.translation.translate('Crm.ContactMessage.UpdatedMessage'));
+        }).add(() => {
+            this.submitted = true;
+            this.buttonBusy = false;
+        });
+    }
+
+    /** Function to get the specific contact details on edit form */
+    private getContactDetails(id) {
+        this.crmService.getContactById(this.subscriptionId, id).subscribe(response => {
+            this.isLoading = false;
+            this.cdr.markForCheck();
+            this.data = response;
+            let dobObject: NgbDateStruct;
+            if (response.dob) {
+                dobObject = {
+                    year: Number(response.dob.substring(0, 4)),
+                    month: Number(response.dob.substring(5, 7)),
+                    day: Number(response.dob.substring(8, 10))
+                };
+            }
+            this.form.patchValue(response);
+            this.form.patchValue({ dob: dobObject });
+            this.accounts.forEach(account => {
+                if (this.data.crm_account_id === account.id) {
+                    this.form.get('crm_account_id').patchValue(account);
+                }
+            });
+        });
+    }
+
+    /** search accounts */
+    search(event) {
+        let data = [];
+        if (event.query) {
+            data = this.accounts.filter((x: CrmAccount) => {
+                return x.name.toLowerCase().includes(event.query.toLowerCase());
+            });
+        } else {
+            this.accounts.forEach(element => {
+                data.push(element);
+            });
+        }
+        this.filteredAccounts = data;
+    }
+
+    getDefaultValues(id) {
+        this.crmService.getCrmContactDefaultValues(id).subscribe(res => {
+            this.potentials = res['potential'];
+            const label = res['labels'];
+            label.forEach(val => {
+                const data = {
+                    label: val,
+                    value: val
+                };
+                this.labels.push(data);
+            });
+        });
+    }
+
+    override ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}