@posiwise/smart-crm 0.0.20 → 0.0.21

package/src/lib/private/components/smart-crm-accounts/smart-crm-account-info/smart-crm-account-info.component.scss

@@ -0,0 +1,123 @@
+@import 'variables/branding-variables';
+
+.user-info {
+    .label {
+        color: $form-control-color;
+        font-size: 14px;
+        text-transform: capitalize;
+    }
+
+    .user-value {
+        border: 0;
+        border-bottom: 1px solid $form-control-color;
+
+        &:focus {
+            box-shadow: none;
+        }
+
+        &.is-invalid {
+            border-color: rgb(255 88 107);
+        }
+    }
+}
+
+.control-btns {
+    display: none;
+}
+
+.comment-field {
+    border: 0;
+    border-bottom: 1px solid rgb(242 242 242);
+    color: $heading-color-main;
+    display: none;
+    font-size: 15px;
+    min-height: 100px;
+    padding: 2px 5px !important;
+
+    &:focus {
+        border: 1px solid rgb(23 105 225) !important;
+        border-bottom: 0;
+        box-shadow: none;
+    }
+}
+
+p {
+    max-width: 85%;
+    white-space: pre-wrap;
+}
+
+.auto-complete {
+    display: none;
+    margin-top: 10px;
+}
+
+.show-controls {
+    .comment-field,
+    .auto-complete,
+    .control-btns {
+        display: block;
+    }
+
+    p,
+    .edit-btn,
+    .action-owner {
+        display: none;
+    }
+}
+
+select {
+    appearance: none;
+}
+
+textarea {
+    resize: none;
+}
+
+.clear-both {
+    clear: both;
+}
+
+.isDisabled {
+    input[type='text'],
+    select {
+        pointer-events: none;
+    }
+}
+
+.timeline-card.card {
+    min-height: auto;
+}
+
+@media (max-width: 768px) {
+    .completed-toggle {
+        padding-top: 10px;
+    }
+}
+
+.when-btn {
+    &:focus {
+        border: 0;
+        box-shadow: none;
+    }
+}
+
+.no-actions {
+    clear: both;
+}
+
+.timeline-container {
+    height: 700px;
+    overflow-y: scroll;
+}
+
+.action-btn {
+    &.active {
+        color: #fff !important;
+        background-color: var(--first);
+    }
+}
+
+.form-action-buttons {
+    margin-bottom: 14px;
+    margin-top: 15px;
+}

package/src/lib/private/components/smart-crm-accounts/smart-crm-account-info/smart-crm-account-info.component.spec.ts

@@ -0,0 +1,388 @@
+import { TestBed } from '@angular/core/testing';
+import { byText } from '@ngneat/spectator';
+import {
+    CommonService,
+    CommonServicesModule,
+    GeoService,
+    PermissionService,
+    SubscriptionService,
+    UserService
+} from '@posiwise/common-services';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { DEFAULT_USER, TestHelper } from '@posiwise/test-helpers';
+import { MockProvider } from 'ng-mocks';
+import { SharedModule } from '@posiwise/shared-module';
+import { of } from 'rxjs';
+import Swal from 'sweetalert2';
+import { SmartCrmPrivateModule } from '../../../smart-crm-private.module';
+import { SmartCrmCompanyInfoComponent } from './smart-crm-account-info.component';
+
+class UserServiceMock {
+    getUserState() {
+        return of({ currentUser: DEFAULT_USER });
+    }
+}
+describe('SmartCrmCompanyInfoComponent', () => {
+    const file = {
+        id: '1',
+        fileIndex: 1,
+        lastModifiedDate: new Date(),
+        name: 'test-file.xlsx',
+        size: 1,
+        type: 'xlsx',
+        form: new FormData(),
+        progress: { status: 2 }
+    };
+    const createComponent = TestHelper.createComponentFactory({
+        component: SmartCrmCompanyInfoComponent,
+        imports: [SharedModule, SmartCrmPrivateModule, CommonServicesModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(PermissionService, {
+                evaluatePermissions: () => {
+                    return true;
+                }
+            }),
+            MockProvider(CrmService, {
+                getAccountDetail: () =>
+                    of({
+                        id: 7,
+                        name: 'test',
+                        subscription_id: 31,
+                        location: 'Hyderabad, Telangana, India',
+                        country: 'IN',
+                        owner_id: 25,
+                        status: 'Prospect',
+                        priority: 'A - Ideal Fit',
+                        owner: {
+                            id: 25,
+                            first_name: 'saurabh'
+                        }
+                    }),
+                updateAccount: () => of({}),
+                deleteContact: () => of({}),
+                updateAccountComment: () => of({}),
+                postAccountComment: () => of({}),
+                getAccountContacts: () =>
+                    of({
+                        contacts: [
+                            {
+                                id: 35,
+                                first_name: 'test',
+                                last_name: 'test',
+                                crm_account_id: 7,
+                                created_at: '2021-10-04T10:23:01.501+00:00',
+                                headline: 'test',
+                                owner: {
+                                    first_name: 'not',
+                                    last_name: 'available'
+                                },
+                                crm_account: {
+                                    id: 7,
+                                    name: 'test',
+                                    owner_id: 25
+                                }
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getAccountComments: () =>
+                    of({
+                        crm_account_actions: [
+                            {
+                                id: 7,
+                                crm_action_id: 9,
+                                comment: 'test222',
+                                when: '2021-09-29T00:00:00.000+00:00',
+                                crm_contact_id: 33,
+                                completed: false,
+                                cancelled: false,
+                                owner_id: 25,
+                                crm_account_id: 7,
+                                owner: {
+                                    id: 25,
+                                    first_name: 'saurabh',
+                                    slug: 'saurabh-13702-176034-57934'
+                                },
+                                crm_account: {
+                                    id: 7,
+                                    name: 'test'
+                                },
+                                crm_action: {
+                                    id: 9,
+                                    name: 'test',
+                                    visible: true,
+                                    contact_required: false
+                                },
+                                crm_contact: {
+                                    id: 33,
+                                    first_name: 'test2',
+                                    last_name: 'test2',
+                                    crm_account_id: 7,
+                                    created_at: '2021-09-29T06:55:34.297+00:00',
+                                    headline: 'test2'
+                                }
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getActionsBySubscriptionId: () =>
+                    of({
+                        crm_actions: [
+                            {
+                                id: 9,
+                                name: 'test',
+                                visible: true
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getContactVersion: () =>
+                    of({
+                        versions: [
+                            {
+                                item_id: 7,
+                                item_type: 'CrmAccount',
+                                event: 'created',
+                                object: {
+                                    name: 'test'
+                                },
+                                created_at: '2021-09-09T10:37:26.256+00:00',
+                                whoDoneIt: 25,
+                                author: {
+                                    id: 25,
+                                    first_name: 'saurabh',
+                                    slug: 'saurabh-13702-176034-57934'
+                                }
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getCrmAccountDefaultValues: () =>
+                    of({
+                        status: ['Prospect'],
+                        priority: ['A - Ideal Fit'],
+                        source: []
+                    })
+            }),
+            MockProvider(CommonService, {
+                getOrganizationTypes: () =>
+                    of({
+                        organization_types: [],
+                        object_count: 0,
+                        unfiltered_count: 0
+                    }),
+                getOrganizationSizes: () =>
+                    of({
+                        organization_sizes: []
+                    }),
+                getOrganizationIndustries: () =>
+                    of({
+                        organization_industries: []
+                    })
+            }),
+            MockProvider(GeoService, {
+                getCountries: () => of([{ name: 'India', code: 'IN' }])
+            }),
+            MockProvider(SubscriptionService, {
+                getEnrolledSubscription: () =>
+                    of({
+                        members: [
+                            {
+                                id: 25,
+                                first_name: 'saurabh'
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1,
+                        owner_id: 25,
+                        admins: []
+                    })
+            }),
+            {
+                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 edit info ', 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, 'updateAccount').and.callThrough();
+        spectator.click(byText('Edit'));
+        spectator.typeInElement('test2', 'input[formControlName="name"]');
+        spectator.click(spectator.query('button[type="submit"]'));
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should set as completed ', 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, 'updateAccountComment').and.callThrough();
+        spectator.click('.fa-tasks:first-of-type');
+        expect(Swal.isVisible()).toBeTruthy();
+        Swal.clickConfirm();
+        await TestHelper.stabilize(spectator);
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should set as cancelled ', 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, 'updateAccountComment').and.callThrough();
+        spectator.click('.delete-icon:first-of-type');
+        expect(Swal.isVisible()).toBeTruthy();
+        Swal.clickConfirm();
+        await TestHelper.stabilize(spectator);
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should change action name ', 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, 'updateAccountComment').and.callThrough();
+        spectator.click('.edit-btn:first-of-type');
+        spectator.typeInElement('testname', 'textarea[name="comment"]');
+        spectator.click('.control-btns button:nth-child(2)');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should post comment', 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, 'postAccountComment').and.callThrough();
+        spectator.typeInElement('testname', 'textarea[formcontrolname="comment"]');
+        spectator.component.actionControls.patchValue({ when: { year: 2021, month: 7, day: 29 } });
+        spectator.click('.action-btn:first-of-type');
+        spectator.click('button[type="submit"]');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should upload', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+        spyOn(spectator.component.uploadInput, 'emit').and.stub();
+        spectator.component.files = [file];
+        spectator.component.onUploadOutput({ type: 'allAddedToQueue', file });
+        spectator.component.onUploadOutput({ type: 'addedToQueue', file });
+        spectator.component.onUploadOutput({ type: 'uploading', file });
+        spectator.component.onUploadOutput({ type: 'removed', file });
+    });
+
+    it('should select date', 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, 'updateAccountComment').and.callThrough();
+        expect(spectator.component).toBeTruthy();
+        spectator.click('.when-btn');
+        spectator.fixture.detectChanges();
+        spectator.focus('.card-subtitle input');
+        spectator.fixture.detectChanges();
+        spectator.click(
+            'ngb-datepicker > div.ngb-dp-months > div > ngb-datepicker-month  div.ngb-dp-day.ngb-dp-today'
+        );
+        spectator.click('.when-btn');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should search contact', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        spectator.click(byText('Contacts'));
+        spectator.component.searchContact({ query: 'simple' });
+        expect(spectator.component.filteredContact.length).toEqual(0);
+        spectator.component.searchContact({ query: '' });
+        expect(spectator.component.filteredContact.length).toEqual(1);
+    });
+
+    it('should search contact in comment', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        spectator.click(byText('Contacts'));
+        spectator.component.searchContactInComment({ query: 'simple' });
+        expect(spectator.component.filteredContactComment.length).toEqual(0);
+        spectator.component.searchContactInComment({ query: '' });
+        expect(spectator.component.filteredContactComment.length).toEqual(1);
+    });
+
+    it('should search', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        spectator.click(byText('Contacts'));
+        spectator.component.getAllSubscriptionMembers();
+        spectator.component.search({ query: 'simple' });
+        expect(spectator.component.filteredOwner.length).toEqual(0);
+        spectator.component.search({ query: '' });
+        expect(spectator.component.filteredOwner.length).toEqual(1);
+    });
+
+    it('should delete contact', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        spectator.click(byText('Contacts'));
+        const service = TestBed.inject(CrmService);
+        const spy = spyOn(service, 'deleteContact').and.callThrough();
+        spectator.click('tbody tr:first-child .fa-trash');
+        expect(Swal.isVisible()).toBeTruthy();
+        Swal.clickConfirm();
+        await TestHelper.stabilize(spectator);
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+});