@posiwise/smart-crm 0.0.20 → 0.0.21

package/src/lib/private/smart-crm-private.routing.module.ts

@@ -0,0 +1,303 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { SmartCrmCompanyDetailsComponent } from './components/smart-crm-accounts/smart-crm-account-details/smart-crm-account-details.component';
+import { SmartCrmCompanyInfoComponent } from './components/smart-crm-accounts/smart-crm-account-info/smart-crm-account-info.component';
+import { SmartCrmCompaniesComponent } from './components/smart-crm-accounts/smart-crm-accounts.component';
+import { SmartCrmCompetitionComponent } from './components/smart-crm-competition/smart-crm-competition/smart-crm-competition.component';
+import { SmartCrmSettingsDetailsComponent } from './components/smart-crm-configuration/smart-crm-actions/smart-crm-actions-details/smart-crm-actions-details.component';
+import { SmartCrmConfigurationComponent } from './components/smart-crm-configuration/smart-crm-configuration.component';
+import { SmartCrmOpportunityCategoriesDetailsComponent } from './components/smart-crm-configuration/smart-crm-opportunity-categories/smart-crm-opportunity-categories-details/smart-crm-opportunity-categories-details.component';
+import { SmartCrmSourceDetailsComponent } from './components/smart-crm-configuration/smart-crm-source/smart-crm-source-details/smart-crm-source-details.component';
+import { SmartCrmStageDetailsComponent } from './components/smart-crm-configuration/smart-crm-stages/smart-crm-stage-details/smart-crm-stage-details.component';
+import { SmartCrmWidgetsDetailsComponent } from './components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets-details/smart-crm-widgets-details.component';
+import { SmartCrmContactDetailsComponent } from './components/smart-crm-contacts/smart-crm-contact-details/smart-crm-contact-details.component';
+import { SmartCrmContactInfoComponent } from './components/smart-crm-contacts/smart-crm-contact-info/smart-crm-contact-info.component';
+import { SmartCrmContactComponent } from './components/smart-crm-contacts/smart-crm-contacts.component';
+import { SmartCrmCustomerSuccessComponent } from './components/smart-crm-customer/smart-crm-customer-success/smart-crm-customer-success.component';
+import { SmartCrmInsightComponent } from './components/smart-crm-insight/smart-crm-insight.component';
+import { SmartCrmLeadsDetailsComponent } from './components/smart-crm-leads/smart-crm-leads-details/smart-crm-leads-details.component';
+import { SmartCrmLeadsComponent } from './components/smart-crm-leads/smart-crm-leads.component';
+import { SmartCrmCommunicationsDetailsComponent } from './components/smart-crm-marketing/smart-crm-marketing-list/smart-crm-marketing-details/smart-crm-marketing-details.component';
+import { SmartCrmCommunicationsComponent } from './components/smart-crm-marketing/smart-crm-marketing-list/smart-crm-marketing-list.component';
+import { SmartCrmMarketingViewComponent } from './components/smart-crm-marketing/smart-crm-marketing.component';
+import { SmartCrmOpportunitiesDetailsComponent } from './components/smart-crm-opportunities/smart-crm-opportunities-list/smart-crm-opportunities-details/smart-crm-opportunities-details.component';
+import { SmartCrmOpportunitiesInfoComponent } from './components/smart-crm-opportunities/smart-crm-opportunities-list/smart-crm-opportunities-info/smart-crm-opportunities-info.component';
+import { SmartCrmOpportunitiesComponent } from './components/smart-crm-opportunities/smart-crm-opportunities.component';
+import { SmartCrmSummaryComponent } from './components/smart-crm-summary/smart-crm-summary.component';
+import { SmartCrmTabsComponent } from './components/smart-crm-tabs/smart-crm-tabs.component';
+
+import { PageAccessGuard } from '@posiwise/core-guards';
+import { CRM_PERMISSIONS } from '@posiwise/smart-crm-shared';
+
+// These are the private routes. The public routes and modules needs to be defined in public.routes.ts
+const routes: Routes = [
+    {
+        path: '',
+        component: SmartCrmTabsComponent,
+        data: {
+            title: 'Smart CRM Modules',
+            permission: `${CRM_PERMISSIONS.SmartCrmModules}`
+        },
+        canActivate: [PageAccessGuard], // Gets called for the current route
+        canActivateChild: [PageAccessGuard], // Gets called for the children route
+        children: [
+            {
+                path: '',
+                redirectTo: '/home',
+                pathMatch: 'full'
+            },
+            {
+                path: 'summary',
+                component: SmartCrmSummaryComponent
+            },
+            //////////////////////
+            // Accounts view
+            //////////////////////
+            {
+                path: 'accounts',
+                component: SmartCrmCompaniesComponent
+            },
+            {
+                path: 'accounts/:id',
+                component: SmartCrmCompanyDetailsComponent
+            },
+            {
+                path: 'accounts/add',
+                component: SmartCrmCompanyDetailsComponent
+            },
+            {
+                path: 'accounts/info/:id',
+                component: SmartCrmCompanyInfoComponent
+            },
+            //////////////////////
+            // Contacts view
+            //////////////////////
+            {
+                path: 'contacts',
+                component: SmartCrmContactComponent
+            },
+            {
+                path: 'contacts/:accountId',
+                component: SmartCrmContactComponent
+            },
+            {
+                path: 'contacts/detail/:id',
+                component: SmartCrmContactDetailsComponent
+            },
+            {
+                path: 'contacts/add/:accountId',
+                component: SmartCrmContactDetailsComponent
+            },
+            {
+                path: 'contacts/add',
+                component: SmartCrmContactDetailsComponent
+            },
+            {
+                path: 'contacts/info/:id',
+                component: SmartCrmContactInfoComponent
+            },
+            //////////////////////
+            // Opportunities view
+            //////////////////////
+            {
+                path: 'opportunities',
+                component: SmartCrmOpportunitiesComponent
+            },
+            {
+                path: 'opportunities/:id',
+                component: SmartCrmOpportunitiesDetailsComponent
+            },
+            {
+                path: 'opportunities/add',
+                component: SmartCrmOpportunitiesDetailsComponent
+            },
+            {
+                path: 'opportunities/info/:id',
+                component: SmartCrmOpportunitiesInfoComponent
+            },
+            //////////////////////
+            // Leads view
+            //////////////////////
+            {
+                path: 'leads',
+                component: SmartCrmLeadsComponent
+            },
+            {
+                path: 'leads/details/add',
+                component: SmartCrmLeadsDetailsComponent
+            },
+            {
+                path: 'leads/details/:Id',
+                component: SmartCrmLeadsDetailsComponent
+            },
+            //////////////////////
+            // Marketing view
+            //////////////////////
+            {
+                path: 'marketing/emails',
+                component: SmartCrmCommunicationsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Marketing}`
+                }
+            },
+            {
+                path: 'marketing/emails/add',
+                component: SmartCrmCommunicationsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Marketing}`
+                }
+            },
+            {
+                path: 'marketing/emails/:Id',
+                component: SmartCrmCommunicationsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Marketing}`
+                }
+            },
+            {
+                path: 'marketing/emails/info/:Id',
+                component: SmartCrmMarketingViewComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Marketing}`
+                }
+            },
+            //////////////////////
+            // Customer Success view
+            //////////////////////
+            {
+                path: 'customer-success',
+                component: SmartCrmCustomerSuccessComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.CustomerSuccess}`
+                }
+            },
+            //////////////////////
+            // Competition view
+            //////////////////////
+            {
+                path: 'competition',
+                component: SmartCrmCompetitionComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Competition}`
+                }
+            },
+            //////////////////////
+            // Insight view
+            //////////////////////
+            {
+                path: 'insight',
+                component: SmartCrmInsightComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Insight}`
+                }
+            },
+            //////////////////////
+            // Configuration view
+            //////////////////////
+            {
+                path: 'configuration',
+                component: SmartCrmConfigurationComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/:tabId',
+                component: SmartCrmConfigurationComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/detail/add',
+                component: SmartCrmSettingsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/detail/:id',
+                component: SmartCrmSettingsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/source-details/:id',
+                component: SmartCrmSourceDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/source-details/add',
+                component: SmartCrmSourceDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/stage-details/:id',
+                component: SmartCrmStageDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/stage-details/add',
+                component: SmartCrmStageDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/category-details/:id',
+                component: SmartCrmOpportunityCategoriesDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/category-details/add',
+                component: SmartCrmOpportunityCategoriesDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/widget',
+                component: SmartCrmWidgetsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/widget-details/:id',
+                component: SmartCrmWidgetsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/widget-details/add',
+                component: SmartCrmWidgetsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            },
+            {
+                path: 'configuration/admin',
+                component: SmartCrmWidgetsDetailsComponent,
+                data: {
+                    permission: `${CRM_PERMISSIONS.Configuration}`
+                }
+            }
+        ]
+    }
+];
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+})
+export class SmartCrmPrivateRoutingModule {}

package/src/lib/public/components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component.html

@@ -0,0 +1,27 @@
+<pw-public-layout title="Newsletter Confirmation">
+  <div class="login-inner">
+    <div class="card-block public-inner">
+      <div class="message">
+        {{ message }}
+      </div>
+      <ng-container *ngIf="!message">
+        <div class="page-loading">
+          <img src="/assets/img/logos/oval.svg"
+            alt=""
+            class="loading-icon" />
+        </div>
+      </ng-container>
+    </div>
+  </div>
+  <div class="mb-2">
+    <br /><br />
+    <strong>
+      <a class="footer-links me-4"
+        routerLink="/">{{ 'Button.Home' | transloco }}</a>
+      <a class="footer-links"
+        routerLink="/register">{{
+                'User.Account.CreateAccount' | transloco
+            }}</a>
+    </strong>
+  </div>
+</pw-public-layout>

package/src/lib/public/components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component.scss

@@ -0,0 +1,4 @@
+.message {
+    font-size: 18px;
+    font-weight: 400;
+}

package/src/lib/public/components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component.spec.ts

@@ -0,0 +1,40 @@
+import { CommonServicesModule } from '@posiwise/common-services';
+import { SharedModule } from '@posiwise/shared-module';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { TestHelper } from '@posiwise/test-helpers';
+import { StatusCodes } from 'http-status-codes';
+import { MockProvider } from 'ng-mocks';
+import { of } from 'rxjs';
+import { CrmNewsletterConfirmationComponent } from './smart-crm-newsletter-confirmation.component';
+import { CRMPublicModule } from '../../smart-crm-public.module';
+
+describe('CrmNewsletterConfirmationComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: CrmNewsletterConfirmationComponent,
+        imports: [CommonServicesModule, SharedModule, CRMPublicModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(CrmService, {
+                crmLeadsConfirmEmail: () => of({ status: StatusCodes.OK, message: 'test message' })
+            })
+        ]
+    });
+
+    it('should create', async () => {
+        TestHelper.setActivatedRoute({
+            queryParams: {}
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+        expect(spectator.query('h2')).toContainText('Newsletter Confirmation');
+    });
+
+    it('should get message', async () => {
+        TestHelper.setActivatedRoute({
+            queryParams: { verification_token: 'testtoken', email: 'test@gmail.com' }
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+        expect(spectator.query('.message')).toContainText('test message');
+    });
+});

package/src/lib/public/components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component.ts

@@ -0,0 +1,57 @@
+import { HttpErrorResponse } from '@angular/common/http';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { StatusCodes } from 'http-status-codes';
+
+@Component({
+    selector: 'pw-crm-newsletter-confirmation',
+    templateUrl: './smart-crm-newsletter-confirmation.component.html',
+    styleUrls: ['./smart-crm-newsletter-confirmation.component.scss']
+})
+export class CrmNewsletterConfirmationComponent implements OnInit {
+    token = '';
+
+    email = '';
+
+    message = '';
+
+    errorMsg = '';
+
+    error = false;
+
+    // TODO: Move to en.json
+    // success = 'Congratulations. You are successfully subscribed to our newsletter.';
+    // failure =
+    //     "We couldn't verify your subscription to our newsletter. If the problem persists, please contact our support team.  ";
+
+    constructor(
+        private route: ActivatedRoute,
+        private crmService: CrmService
+    ) {}
+
+    ngOnInit() {
+        this.route.queryParams.subscribe(params => {
+            this.token = params['verification_token'] || '';
+            this.email = params['email'] || '';
+            if (this.token && this.email) {
+                this.getNewsletterConfirmation();
+            } else {
+                this.message = 'You need to pass a valid token to be able to subscribe';
+            }
+        });
+    }
+
+    getNewsletterConfirmation() {
+        this.crmService.crmLeadsConfirmEmail(this.email, this.token).subscribe({
+            next: (response: { status: number; message: string }) => {
+                if (response.status === StatusCodes.OK) {
+                    this.message = response.message;
+                }
+            },
+            error: (err: HttpErrorResponse) => {
+                this.message = err.error.message.error;
+            }
+        });
+    }
+}

package/src/lib/public/components/smart-crm-newsletter-unsubscribe/smart-crm-newsletter-unsubscribe.component.html

@@ -0,0 +1,36 @@
+<pw-public-layout title="Newsletter Unsubscribe">
+  <div class="login-inner">
+    <div class="card-block public-inner">
+      <div class="alert alert-danger"
+        *ngIf="error">
+        <ng-container *ngIf="error">
+          {{ errorMsg }}
+        </ng-container>
+      </div>
+
+      <div class="message">
+        {{ message }}
+      </div>
+
+      <ng-container *ngIf="!message && !error">
+        <div class="page-loading">
+          <img src="/assets/img/logos/oval.svg"
+            alt=""
+            class="loading-icon" />
+        </div>
+      </ng-container>
+    </div>
+  </div>
+
+  <div class="mb-2">
+    <br /><br /><br />
+    <strong>
+      <a class="footer-links me-4"
+        routerLink="/">{{ 'Button.Home' | transloco }}</a>
+      <a class="footer-links"
+        routerLink="/register">{{
+                'User.Account.CreateAccount' | transloco
+            }}</a>
+    </strong>
+  </div>
+</pw-public-layout>

package/src/lib/public/components/smart-crm-newsletter-unsubscribe/smart-crm-newsletter-unsubscribe.component.spec.ts

@@ -0,0 +1,42 @@
+import { CommonServicesModule } from '@posiwise/common-services';
+import { SharedModule } from '@posiwise/shared-module';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { TestHelper } from '@posiwise/test-helpers';
+import { StatusCodes } from 'http-status-codes';
+import { MockProvider } from 'ng-mocks';
+import { of } from 'rxjs';
+import { CRMPublicModule } from '../../smart-crm-public.module';
+import { CrmNewsletterUnsubscribeComponent } from './smart-crm-newsletter-unsubscribe.component';
+
+describe('CrmNewsletterUnsubscribeComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: CrmNewsletterUnsubscribeComponent,
+        imports: [CommonServicesModule, SharedModule, CRMPublicModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(CrmService, {
+                unsubscribeCrmContact: () => of({ status: StatusCodes.OK })
+            })
+        ]
+    });
+
+    it('should create', async () => {
+        TestHelper.setActivatedRoute({
+            queryParams: {}
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+        expect(spectator.query('h2')).toContainText('Newsletter Unsubscribe');
+    });
+
+    it('should get message', async () => {
+        TestHelper.setActivatedRoute({
+            queryParams: { crm_newsletter_token: 'testtoken' }
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+        expect(spectator.query('.message')).toContainText(
+            `You've successfully been removed from our newsletter.`
+        );
+    });
+});

package/src/lib/public/components/smart-crm-newsletter-unsubscribe/smart-crm-newsletter-unsubscribe.component.ts

@@ -0,0 +1,57 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { StatusCodes } from 'http-status-codes';
+
+import { HelperService } from '@posiwise/helper-service';
+
+@Component({
+    selector: 'pw-crm-newsletter-unsubscribe',
+    templateUrl: './smart-crm-newsletter-unsubscribe.component.html'
+})
+export class CrmNewsletterUnsubscribeComponent {
+    token = '';
+
+    message = '';
+
+    errorMsg = '';
+
+    error = false;
+
+    success = "You've successfully been removed from our newsletter.";
+
+    failure =
+        'Something went wrong and we were not able to unsubscribe you. If the problem persists, please contact us.';
+
+    constructor(
+        private route: ActivatedRoute,
+        private crmService: CrmService
+    ) {
+        this.route.queryParams.subscribe(params => {
+            this.token = params['crm_newsletter_token'] || '';
+            if (this.token) {
+                this.getNewsletterConfirmation();
+            } else {
+                this.error = true;
+                this.errorMsg = this.failure;
+            }
+        });
+    }
+
+    getNewsletterConfirmation() {
+        this.crmService.unsubscribeCrmContact(this.token).subscribe({
+            next: (response: { status: number }) => {
+                if (response.status === StatusCodes.OK) {
+                    this.message = this.success;
+                } else {
+                    this.error = true;
+                    this.errorMsg = this.failure;
+                }
+            },
+            error: error => {
+                this.errorMsg = HelperService.getErrorMessage(error);
+                this.error = true;
+            }
+        });
+    }
+}