@posiwise/smart-crm 0.0.20 → 0.0.21

package/src/lib/private/components/smart-crm-configuration/smart-crm-stages/smart-crm-stages.component.spec.ts

@@ -0,0 +1,103 @@
+import { TestBed } from '@angular/core/testing';
+import { 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 Swal from 'sweetalert2';
+import { SmartCrmPrivateModule } from '../../../smart-crm-private.module';
+import { SmartCrmStagesComponent } from './smart-crm-stages.component';
+import { ToastrService } from 'ngx-toastr';
+import { Subscription } from '@posiwise/common-utilities';
+
+class UserServiceMock {
+    getUserState() {
+        return of({ currentUser: DEFAULT_USER });
+    }
+}
+describe('SmartCrmStagesComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: SmartCrmStagesComponent,
+        imports: [CommonServicesModule, SharedModule, SmartCrmPrivateModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(PermissionService, {
+                evaluatePermissions: () => {
+                    return true;
+                }
+            }),
+            MockProvider(CrmService, {
+                getAllStages: () =>
+                    of({
+                        crm_opportunity_stages: [
+                            {
+                                id: 14,
+                                subscription_id: 31,
+                                name: 'test',
+                                visible: true,
+                                is_default: true
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getAllOpportunityCategories: () =>
+                    of({ crm_opportunity_categories: [], object_count: 0, unfiltered_count: 0 }),
+                deleteStage: () => of({}),
+                buildDefaultStages: jasmine.createSpy('buildDefaultStages').and.returnValue(of({})) // Ensure this returns an observable
+            }),
+            {
+                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 delete action', async () => {
+        TestHelper.setActivatedRoute({
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        const service = TestBed.inject(CrmService);
+        const spy = spyOn(service, 'deleteStage').and.callThrough();
+        spectator.click('tbody tr:first-child .fa-trash');
+        expect(Swal.isVisible()).toBeTruthy();
+        Swal.clickConfirm();
+        await TestHelper.stabilize(spectator);
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should call buildDefaultStages and display a success message', async () => {
+        TestHelper.setActivatedRoute({
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        const crmService = TestBed.inject(CrmService);
+        const spyGetAllStages = spyOn(spectator.component, 'getAllStages').and.callThrough();
+        const toastService = TestBed.inject(ToastrService);
+        const spyToastSuccess = spyOn(toastService, 'success');
+
+        spectator.component.subscription = { id: 123 } as Subscription;
+
+        spectator.component.buildDefaultStages();
+
+        expect(crmService.buildDefaultStages).toHaveBeenCalledWith(123);
+        expect(spyGetAllStages).toHaveBeenCalledWith({ page: spectator.component['page'] });
+        expect(spyToastSuccess).toHaveBeenCalledWith('Record Successfully Added', '', {
+            timeOut: 10000
+        });
+    });
+});

package/src/lib/private/components/smart-crm-configuration/smart-crm-stages/smart-crm-stages.component.ts

@@ -0,0 +1,166 @@
+import {
+    AfterViewChecked,
+    ChangeDetectorRef,
+    Component,
+    Injector,
+    OnDestroy,
+    OnInit
+} from '@angular/core';
+import { ROUTERS } from '../../../../shared/routers/routers';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { LazyLoadEvent } from 'primeng/api';
+
+import { PAGE_SIZE, Paging, Subscription } from '@posiwise/common-utilities';
+import { CrmStageResponse } from '../../../../shared/interface/crm-stages.interface';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { HelperService } from '@posiwise/helper-service';
+
+@Component({
+    selector: 'pw-smart-crm-stages',
+    templateUrl: './smart-crm-stages.component.html',
+    styleUrls: ['./smart-crm-stages.component.scss']
+})
+export class SmartCrmStagesComponent
+    extends AppBaseComponent
+    implements OnInit, OnDestroy, AfterViewChecked
+{
+    searchText = '';
+
+    loading = true;
+
+    data: CrmStageResponse = {
+        crm_opportunity_stages: [],
+        object_count: 0,
+        unfiltered_count: 0
+    };
+
+    hasAccess = false;
+
+    isLoaded = false;
+
+    subscriptionId: number;
+
+    private page = 1;
+
+    subscription: Subscription;
+
+    stageNames = [];
+
+    categories = [];
+
+    routers = ROUTERS;
+
+    constructor(
+        injector: Injector,
+        private crmService: CrmService,
+        private cdr: ChangeDetectorRef
+    ) {
+        super(injector);
+    }
+
+    ngOnInit() {
+        this.getUserSubscription().subscribe(subscription => {
+            this.subscription = subscription;
+            if (this.subscription?.id) {
+                this.hasAccess = this.hasAdminAccess(this.subscription?.id);
+                this.getAllOpportunityCategories();
+            }
+        });
+    }
+
+    ngAfterViewChecked() {
+        this.cdr.detectChanges();
+    }
+
+    onLazyLoad(event: LazyLoadEvent) {
+        const pageDetails = HelperService.onTableLazyLoad(event);
+        this.page = pageDetails.page;
+        this.getAllStages({
+            page: this.page,
+            page_size: PAGE_SIZE,
+            order_by: pageDetails.sortField,
+            order_direction: pageDetails.sortOrder,
+            search: this.searchText
+        });
+    }
+
+    /** Function to get all stages */
+    getAllStages(paging: Paging) {
+        this.getUserSubscriptionId().subscribe(res => {
+            if (res) {
+                this.subscriptionId = res;
+                this.crmService
+                    .getAllStages(this.subscriptionId, paging)
+                    .subscribe(response => {
+                        this.data = response;
+                        this.sortByPreviousStageId();
+                        this.stageNames = response?.crm_opportunity_stages?.map(stage => {
+                            return stage.name;
+                        });
+                    })
+                    .add(() => {
+                        this.isLoaded = true;
+                        this.loading = false;
+                    });
+            }
+        });
+    }
+
+    getMappedAllStages(paging: Paging) {
+        return this.getAllStages(paging);
+    }
+
+    private sortByPreviousStageId() {
+        // eslint-disable-next-line consistent-return
+        this.data.crm_opportunity_stages.sort((a, b) => {
+            if (a.previous_stage_id === null || b.previous_stage_id === a.id) {
+                return -1;
+            }
+            if (b.previous_stage_id === null || a.previous_stage_id === b.id) {
+                return 1;
+            }
+
+            return 0;
+        });
+    }
+
+    buildDefaultStages() {
+        this.crmService.buildDefaultStages(this.subscription?.id).subscribe(() => {
+            this.getAllStages({
+                page: this.page
+            });
+            this.toast.success(this.translation.translate('Crm.CommonMessage.AddedMessage'));
+        });
+    }
+
+    /** Function to delete stage */
+    onDelete(id: number) {
+        HelperService.raiseDeletePopup().then(res => {
+            if (res.value) {
+                this.crmService.deleteStage(this.subscription?.id, id).subscribe(() => {
+                    this.getAllStages({
+                        page: this.page,
+                        page_size: PAGE_SIZE,
+                        search: this.searchText
+                    });
+                    this.toast.success(
+                        this.translation.translate('Crm.StageMessages.DeletedMessage')
+                    );
+                });
+            }
+        });
+    }
+
+    /** Function to get all categories */
+    private getAllOpportunityCategories() {
+        this.crmService.getAllOpportunityCategories(this.subscription?.id).subscribe(response => {
+            this.categories = response?.crm_opportunity_categories?.map(category => {
+                return category?.name;
+            });
+        });
+    }
+
+    override ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}

package/src/lib/private/components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets-details/smart-crm-widgets-details.component.html

@@ -0,0 +1,90 @@
+<div class="col-12 d-flex ps-0">
+  <a href="javascript:void(0)"
+    (click)="back()"
+    class="previous"><i class="fa fa-arrow-alt-circle-left" aria-hidden="true"></i></a>
+  <div class="me-auto col-xs-6">
+    <h3 class="m-subheader__title m-subheader__title--separator">
+      <span>{{ 'Crm.Widgets.Widget' | transloco }}:
+        {{ isLoading ? '' : (data?.name ? data?.name : ('Label.AddNew' | transloco)) }}</span>
+    </h3>
+  </div>
+</div>
+
+<div class="w-100 text-center mt-3"
+  *ngIf="isLoading">
+  <p-progressSpinner strokeWidth="2"> </p-progressSpinner>
+  </div>
+
+<div class="container-fluid pw-tab overflow-hidden">
+  <div class="p-2 mt-3">
+    <form [formGroup]="form"
+     *ngIf="!isLoading"
+      (ngSubmit)="onSave()">
+      <div class="row mb-3 widget-tooltip">
+        <div class="col-12 col-sm-4"
+          *ngIf="allWidgets$ | async as widgets">
+            <label class="info-circle mb-2">{{ 'Crm.Widgets.CrmWidget' | transloco }} <span
+              class="tooltiptext gradient-custom-branding"> {{'Crm.Widgets.Tooltip.Name' | transloco
+              }} </span>
+          </label>
+          <pw-input-container
+          name="crm_widget_id"
+            [errorMsg]="'Crm Widget is required' | transloco">
+            <select formControlName="crm_widget_id"
+              class="form-control form-select"
+              [ngClass]="{ 'is-invalid': submitted && f['crm_widget_id'].errors }">
+              <option *ngFor="let option of widgets['crm_widgets']"
+                [value]="option.id">
+                {{ option.name }}
+              </option>
+            </select>
+          </pw-input-container>
+        </div>
+        <div class="col-12 col-sm-4">
+          <label class="info-circle mb-2">{{ 'Crm.Widgets.Position' | transloco }} <span
+              class="tooltiptext gradient-custom-branding"> {{'Crm.Widgets.Tooltip.Position' | transloco
+              }} </span>
+          </label>
+          <pw-input-container
+            name="position"
+            [errorMsg]="'Position is required' | transloco"
+            *ngIf="positions$ | async as positions">
+            <select formControlName="position"
+              class="form-control form-select"
+              [ngClass]="{ 'is-invalid': submitted && f['position'].errors }">
+              <option *ngFor="let option of positions"
+                [value]="option">
+                {{ option }}
+              </option>
+            </select>
+          </pw-input-container>
+        </div>
+        <div class="col-md-3 col-lg-2 pe-0 cancel-button">
+          <div class="mb-3">
+            <label class="d-sm-block vertical-bottom info-circle mb-2 visible-tooltip">{{
+                            'Crm.Widgets.Visible' | transloco
+                }}<span
+                class="tooltiptext gradient-custom-branding"> {{'Crm.Widgets.Tooltip.Visible'| transloco
+                }} </span></label>
+            <ui-switch class="ms-3 ms-sm-0"
+              name="visible"
+              formControlName="visible">
+            </ui-switch>
+          </div>
+        </div>
+        <div class="col-12 text-end mt-3">
+          <button type="button"
+            class="btn btn-outline-default me-2"
+            (click)="back()">
+            {{ 'Button.Cancel' | transloco }}
+          </button>
+          <button type="submit"
+            [buttonBusy]="buttonBusy"
+            class="btn btn-primary">
+            {{ 'Button.Submit' | transloco }}
+          </button>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>

package/src/lib/private/components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets-details/smart-crm-widgets-details.component.scss

@@ -0,0 +1,6 @@
+.widget-tooltip {
+    margin-top: 23px;
+}
+.visible-tooltip {
+    width: 51px;
+}

package/src/lib/private/components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets-details/smart-crm-widgets-details.component.spec.ts

@@ -0,0 +1,105 @@
+import { TestBed } from '@angular/core/testing';
+import { byText } from '@ngneat/spectator';
+import { 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 { SmartCrmWidgetsDetailsComponent } from './smart-crm-widgets-details.component';
+
+class UserServiceMock {
+    getUserState() {
+        return of({ currentUser: DEFAULT_USER });
+    }
+}
+describe('SmartCrmWidgetsDetailsComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: SmartCrmWidgetsDetailsComponent,
+        imports: [CommonServicesModule, SharedModule, SmartCrmPrivateModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(PermissionService, {
+                evaluatePermissions: () => {
+                    return true;
+                }
+            }),
+            MockProvider(CrmService, {
+                getSubscriptionWidgetDetails: () =>
+                    of({
+                        id: 1,
+                        subscription_id: 31,
+                        name: null,
+                        position: 'top_left',
+                        visible: false,
+                        crm_widget_id: 1,
+                        owner_id: 25
+                    }),
+                getAllWidgets: () =>
+                    of({
+                        crm_widgets: [{ id: 1, name: 'Feature1', code: 'feature1', active: true }],
+                        object_count: 1,
+                        unfiltered_count: 1
+                    }),
+                getWidgetPositions: () => of(['top_left', 'bottom_left', 'middle-left']),
+                updateSubscriptionWidget: () => of({}),
+                postSubscriptionWidget: () => of({})
+            }),
+            {
+                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, 'postSubscriptionWidget').and.callThrough();
+        spectator.selectOption(
+            'select[formControlName="crm_widget_id"]',
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+            spectator.query(byText('Feature1')) as HTMLOptionElement
+        );
+        spectator.selectOption(
+            'select[formControlName="position"]',
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+            spectator.query(byText('top_left')) as HTMLOptionElement
+        );
+        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, 'updateSubscriptionWidget').and.callThrough();
+        spectator.selectOption(
+            'select[formControlName="position"]',
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+            spectator.query(byText('bottom_left')) as HTMLOptionElement
+        );
+        spectator.click('button[type="submit"]');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+});

package/src/lib/private/components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets-details/smart-crm-widgets-details.component.ts

@@ -0,0 +1,118 @@
+import { Component, Injector, OnDestroy, OnInit } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import { AppSmartCrm } from '../../../../../shared/models/smart-crm.model';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { Observable } from 'rxjs';
+
+import { CrmWidget } from '../../../../../shared/interface/crm-widget.interface';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { User } from '@posiwise/common-utilities';
+
+@Component({
+    selector: 'pw-smart-crm-widgets-details',
+    templateUrl: './smart-crm-widgets-details.component.html',
+    styleUrls: ['./smart-crm-widgets-details.component.scss']
+})
+export class SmartCrmWidgetsDetailsComponent extends AppBaseComponent implements OnInit, OnDestroy {
+    form: UntypedFormGroup;
+
+    data: CrmWidget;
+
+    subscriptionId: number;
+
+    hasAccess: boolean;
+
+    user: User;
+
+    submitted: boolean;
+    buttonBusy = false;
+    isLoading = true;
+
+    positions$: Observable<string>;
+
+    allWidgets$: Observable<string>;
+
+    private widgetId: number;
+
+    constructor(
+        injector: Injector,
+        private crmService: CrmService
+    ) {
+        super(injector);
+        this.form = AppSmartCrm.getWidgetForm();
+    }
+
+    ngOnInit(): void {
+        this.route.params.subscribe(data => {
+            this.widgetId = Number(data['id']);
+            if (this.widgetId) {
+                this.getWidgetDetails(this.widgetId);
+            } else {
+                this.isLoading = false;
+            }
+        });
+        this.getUserSubscriptionId().subscribe(response => {
+            this.subscriptionId = response;
+            if (this.subscriptionId) {
+                this.allWidgets$ = this.crmService.getAllWidgets(this.subscriptionId);
+                this.hasAccess = this.hasAdminAccess(this.subscriptionId);
+                this.form.get('subscription_id').setValue(this.subscriptionId);
+            }
+        });
+        this.getUserInfo();
+        this.positions$ = this.crmService.getWidgetPositions(this.subscriptionId);
+    }
+
+    // /** Function to get user info */
+    private getUserInfo() {
+        this.userStore().subscribe(user => {
+            if (user) {
+                this.user = user;
+                this.form.get('owner_id').setValue(user.id);
+            }
+        });
+    }
+
+    /** Function to get widgetDetails */
+    private getWidgetDetails(id) {
+        this.getUserSubscriptionId().subscribe(subscriptionId => {
+            if (subscriptionId) {
+                this.crmService
+                    .getSubscriptionWidgetDetails(id, subscriptionId)
+                    .subscribe(response => {
+                        this.isLoading = false;
+                        this.data = response;
+                        this.form.patchValue(response);
+                    });
+            }
+        });
+    }
+
+    /** Function to get form controls */
+    get f() {
+        return this.form.controls;
+    }
+
+    /** Function on submit the form */
+    onSave() {
+        this.submitted = true;
+        if (this.form.valid) {
+            const data = this.form.value;
+            this.buttonBusy = true;
+            const sub$ = this.widgetId
+                ? this.crmService.updateSubscriptionWidget(this.subscriptionId, this.widgetId, data)
+                : this.crmService.postSubscriptionWidget(this.subscriptionId, data);
+            sub$.subscribe(() => {
+                this.toast.success(this.translation.translate('Crm.Widgets.UpdatedMessage'));
+                this.back();
+            }).add(() => {
+                this.buttonBusy = false;
+                this.submitted = false;
+            });
+        }
+    }
+
+    override ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}